/* Page-only transfer comparison, following the workflow/charging tool patterns. */
#transfer-time{margin:1.5rem 0;padding:clamp(.8rem,3vw,1.4rem);border:2px solid #006b77;border-radius:12px;background:#f5fafb;color:#12324b;scroll-margin-top:1rem;overflow-wrap:anywhere}
#transfer-time *{box-sizing:border-box}#transfer-time [hidden]{display:none!important}
#transfer-time h3{margin:.2rem 0 .7rem;font-size:1.5rem}#transfer-time .tt-kicker{margin:0;font-size:.8rem;letter-spacing:.06em;color:#35575f;font-weight:700}
#transfer-time .tt-workspace{display:grid;gap:1.2rem;align-items:start}#transfer-time .tt-workspace>*{min-width:0}
#transfer-time fieldset{min-width:0;border:0;padding:0;margin:0 0 1rem}#transfer-time legend{font-weight:700;margin-bottom:.5rem}
#transfer-time .tt-pair{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:.6rem}#transfer-time label{display:block;font-size:.95rem;line-height:1.4;margin:.3rem 0}
#transfer-time :is(input[type=number],select,textarea){width:100%;min-width:0;font:inherit;padding:.4rem;background:white;color:#12324b;border:1px solid #597781;border-radius:5px}
#transfer-time input[type=range]{width:100%;accent-color:#006b77;margin:.3rem 0}#transfer-time input:disabled{opacity:.5}
#transfer-time textarea{resize:vertical}#transfer-time button{font:inherit;font-size:.9rem;font-weight:600;padding:.5rem .65rem;line-height:1.35;border:2px solid #006b77;border-radius:6px;color:#005762;background:white;cursor:pointer}
#transfer-time button[type=submit]{background:#006b77;color:white}#transfer-time .tt-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin:.8rem 0}
#transfer-time :is(input,select,textarea,button,summary,a):focus-visible{outline:3px solid #a24f00;outline-offset:3px}#transfer-time [aria-invalid=true]{border:2px solid #a32a1e}
#transfer-time #tt-error{color:#912819;font-weight:600}#transfer-time :is(#tt-error,.tt-range-note,#tt-copy-note):empty{display:none}
#transfer-time #tt-result{padding:.8rem;background:white;border:1px solid #9fbec6;border-radius:8px}#transfer-time .tt-summary{font-weight:700;font-size:1.2rem;line-height:1.4;margin:.2rem 0 .5rem}
#transfer-time .tt-small{font-size:.9rem;line-height:1.5}#transfer-time .tt-bar{margin:1.2rem 0}#transfer-time .tt-bar-label{font-weight:700;margin:.3rem 0}#transfer-time svg{display:block;width:100%;height:auto}
#transfer-time .tt-assumption{border-top:1px solid #bacfd5;padding-top:.8rem}#transfer-time details{margin:1rem 0}#transfer-time summary{cursor:pointer;font-weight:700;color:#005762}
#transfer-time .tt-sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:680px){#transfer-time .tt-workspace{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}#transfer-time #tt-result{position:sticky;top:1rem}}
@media(max-width:420px){#transfer-time .tt-pair{grid-template-columns:1fr}}
@media print{
 @page{margin:12mm}
 body.tt-print .gridContainer>:not(article),body.tt-print article>:not(.hardware-guide),body.tt-print .hardware-guide>:not(#time),body.tt-print #time>:not(#transfer-time){display:none!important}
 body.tt-print,body.tt-print .gridContainer,body.tt-print article{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:white!important}
 body.tt-print #transfer-time{border:0;margin:0;padding:0;background:white;font:10pt/1.3 system-ui,sans-serif}
 body.tt-print #transfer-time .tt-no-print,body.tt-print #tt-fallback{display:none!important}
 body.tt-print #tt-print-record[hidden]{display:block!important}
 body.tt-print #transfer-time h3{font-size:15pt}body.tt-print #tt-print-record pre{font:10pt/1.3 system-ui,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}
 body.tt-print #tt-print-record svg{max-height:9mm}body.tt-print #tt-print-record .tt-bar{break-inside:avoid;margin:.4rem 0}
}