/* Shared supporting pages; keeps the established AlarmClock.live palette. */
.skip-link{position:absolute;left:12px;top:-80px;background:var(--lime);color:#080b07;padding:12px;z-index:10}.skip-link:focus{top:12px}
.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:.85rem;color:var(--muted);padding-top:24px}
.guide-hero{padding:40px 0 28px;max-width:900px}.guide-hero h1{font-size:clamp(2.25rem,5vw,4rem);line-height:1.1}.guide-meta{font-size:.85rem;color:var(--muted)}
.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:16px;margin:24px 0 48px}.guide-card{display:block;padding:24px;border:1px solid var(--line);border-radius:16px;text-decoration:none;background:var(--panel)}.guide-card h2,.guide-card h3{margin:4px 0 12px;font-size:1.35rem}.guide-card p{color:var(--muted);margin:0}.guide-card:hover{border-color:var(--lime)}
.duration-grid{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.duration-grid a{padding:10px 16px;border:1px solid var(--line);border-radius:10px;text-decoration:none;min-height:44px}.duration-grid a[aria-current=page]{border-color:var(--lime);color:var(--lime)}
.guide-body{max-width:76ch;padding-bottom:48px}.guide-body section{padding:22px 0;border-bottom:1px solid var(--line)}.guide-body h2{line-height:1.25}.guide-body li{margin-bottom:12px}.guide-body table{width:100%;border-collapse:collapse}.guide-body td,.guide-body th{padding:12px;text-align:left;border:1px solid var(--line)}
.action-link{display:inline-block;padding:12px 20px;background:var(--lime);color:#080b07;text-decoration:none;font-weight:700;border-radius:12px}.notice{padding:18px;border-left:3px solid var(--lime);background:var(--panel)}
.instrument progress{display:block;width:100%;height:8px;margin:18px 0;accent-color:var(--lime)}.instrument:fullscreen{background:#0c100d;padding:clamp(20px,5vw,80px);display:flex;flex-direction:column;justify-content:center;border:0;border-radius:0;overflow:auto}.instrument:fullscreen .display{min-height:25vh;font-size:clamp(4rem,18vw,14rem);flex-shrink:0}.instrument:fullscreen .controls{justify-content:center}.instrument:fullscreen .field{flex:0 1 160px}.instrument:fullscreen .status{text-align:center}
.instrument .controls{align-items:flex-end}.instrument .controls .field{flex:1 1 120px;min-width:110px}.instrument .controls .field input{width:100%}
.awake-label{display:flex;align-items:center;gap:10px;margin-top:16px}.awake-label input{width:20px;height:20px;accent-color:var(--lime)}.quiet{font-size:.85rem;color:var(--muted)}
.task-box{padding:24px;border:1px solid var(--line);border-radius:18px;margin:32px 0}.task-box input[type=text]{min-width:0;flex:1;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:12px;font:inherit}.task-box form{display:flex;gap:8px;flex-wrap:wrap}.task-box button{padding:10px 14px;min-height:44px;cursor:pointer;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink)}#task-list{padding:0;list-style:none}#task-list li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}#task-list label{display:flex;align-items:center;gap:10px;overflow-wrap:anywhere}#task-list input:checked+span{text-decoration:line-through;color:var(--muted)}
.planner-table{width:100%;border-collapse:collapse;margin:24px 0}.planner-table td,.planner-table th{border:1px solid var(--line);padding:16px;text-align:left}.planner-table td{height:70px}.print-button{padding:12px 20px;cursor:pointer}.growth-home{padding:32px 0}.growth-home h2{font-size:1.65rem}.growth-home p{max-width:72ch}.growth-home a{color:inherit}.growth-home .duration-grid{margin-bottom:28px}
@media(max-width:600px){.site-head__inner{flex-direction:column;align-items:flex-start;padding:18px 0;gap:14px}.nav{gap:12px}.guide-body table{font-size:.9rem}.guide-body td,.guide-body th{padding:8px}.tool-hero{gap:24px}.tool-hero h1{font-size:2.8rem}.controls input{max-width:100%}.field{min-width:0}.planner-table td,.planner-table th{padding:7px}}
@media print{body{background:white!important;color:black!important}.site-head,footer,.breadcrumbs,.print-button,.no-print{display:none!important}main{width:100%;max-width:none}.planner-table td,.planner-table th{border:1px solid #555}.guide-hero{padding:0}.guide-hero h1{font-size:28pt;color:black}.planner-table td{height:90px}a{color:black}}
