.tool-page{max-width:800px;margin:0 auto;padding:3rem clamp(1.25rem,4vw,2rem) 6rem}.tool-breadcrumb{font-family:var(--mono);font-size:.65rem;letter-spacing:.12em;color:var(--ink3);margin-bottom:2rem;display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.tool-breadcrumb a{color:var(--ink3);text-decoration:none}.tool-breadcrumb a:hover{color:var(--accent)}.tool-breadcrumb span{opacity:.4}.tool-eyebrow{font-family:var(--mono);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem}.tool-page h1{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:600;margin-bottom:.75rem;line-height:1.35}.tool-lead{font-size:.95rem;color:var(--ink2);line-height:1.8;margin-bottom:2rem}.tabs{display:flex;gap:0;border:1px solid var(--line);margin-bottom:2rem}.tab-btn{flex:1;padding:.85rem 1rem;background:var(--paper);border:none;border-right:1px solid var(--line);font-family:var(--mono);font-size:.74rem;font-weight:600;letter-spacing:.04em;color:var(--ink3);cursor:pointer;transition:all .2s}.tab-btn:last-child{border-right:none}.tab-btn.active{background:var(--ink);color:var(--paper)}.pane{display:none}.pane.show{display:block}.field{margin-bottom:1.25rem}.field label{display:block;font-size:.85rem;font-weight:600;color:var(--ink);margin-bottom:.4rem}.field .hint{font-size:.75rem;color:var(--ink3);margin-bottom:.5rem;line-height:1.6}.field input[type=time]{width:100%;padding:.7rem .875rem;border:1px solid var(--line);background:var(--paper);font-family:var(--mono);font-size:1.3rem;color:var(--ink);outline:none;box-sizing:border-box;transition:border-color .2s}.field input[type=time]:focus{border-color:var(--accent)}.btn-row{display:flex;gap:.75rem;flex-wrap:wrap}.calc-btn{flex:1;min-width:180px;padding:1rem;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:.85rem;font-weight:600;letter-spacing:.08em;border:none;cursor:pointer;transition:background .2s}.calc-btn:hover{background:var(--accent)}.calc-btn.secondary{flex:0 0 auto;background:var(--paper);color:var(--ink);border:1px solid var(--line)}.calc-btn.secondary:hover{background:var(--paper2);color:var(--accent);border-color:var(--accent)}.result-section{display:none;margin-top:2.5rem}.result-section.show{display:block}.result-headline-text{font-size:.95rem;color:var(--ink2);line-height:1.7;margin-bottom:1.25rem}.result-headline-text strong{color:var(--accent);font-weight:600}.sleep-option{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;border:1px solid var(--line);margin-bottom:.6rem}.sleep-option.rec{border-color:var(--accent);background:var(--paper2)}.so-left{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.so-time{font-size:1.7rem;font-weight:600;color:var(--ink);line-height:1}.so-time .day{font-size:.68rem;color:var(--ink3);font-family:var(--mono);margin-right:.35rem;vertical-align:middle}.so-meta{font-family:var(--mono);font-size:.72rem;color:var(--ink3)}.so-rec{font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;color:#fff;background:var(--accent);padding:3px 10px;white-space:nowrap}.sleep-note{font-family:var(--mono);font-size:.68rem;color:var(--ink3);margin-top:1rem;line-height:1.7}.explain-section{margin-top:3rem}.explain-section h2{font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-top:2rem;border-top:1px solid var(--line)}.explain-section h2:first-of-type{border-top:none;padding-top:0}.explain-section p{font-size:.9rem;color:var(--ink2);line-height:1.85;margin-bottom:.875rem}.explain-section ul{margin:0 0 1rem 1.1rem;padding:0}.explain-section li{font-size:.9rem;color:var(--ink2);line-height:1.8;margin-bottom:.4rem}.faq-q{font-weight:600;color:var(--ink)}.disclaimer{margin-top:2.5rem;padding:1.25rem 1.5rem;background:var(--paper2);border-left:3px solid var(--accent);font-size:.8rem;color:var(--ink3);line-height:1.85}.related-tools{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line)}.related-tools h3{font-family:var(--mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink3);margin-bottom:1.25rem}.related-links{display:flex;flex-direction:column;gap:.75rem}.related-link{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;border:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:.9rem;transition:background .15s}.related-link:hover{background:var(--paper2)}.related-link span{font-family:var(--mono);font-size:.7rem;color:var(--accent);white-space:nowrap;margin-left:1rem}@media(max-width:600px){.so-time{font-size:1.45rem}}