@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#183e35;--muted:#63716a;--paper:#faf9f5;--line:#e2e5dc;--green:#dbe7b3;--orange:#b75b32;--radius:24px;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}p{line-height:1.7}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #c37831;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',sans-serif}h1{font-size:clamp(2.8rem,5.6vw,5.1rem);line-height:1.1;font-weight:600;letter-spacing:-.06em}h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.15;letter-spacing:-.045em}h3{letter-spacing:-.025em}small{font-size:.875rem;color:var(--muted)}.header{max-width:1320px;margin:auto;padding:26px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;gap:10px;align-items:center;font-size:1.5rem;font-weight:800;letter-spacing:-.05em}.brand-mark{background:var(--ink);color:#f6d990;border-radius:14px;width:38px;height:38px;text-align:center;font: bold 32px Georgia}.beta{margin-left:5px;font:500 .75rem 'DM Sans',sans-serif;letter-spacing:0;border:1px solid var(--line);padding:5px 8px;border-radius:7px}.header nav{display:flex;align-items:center;gap:28px;font-size:.9rem}.button{border:0;background:var(--ink);color:white;padding:17px 25px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:15px;font-weight:600;line-height:1.25;transition:background .2s,transform .2s}.button:hover{background:#285749;transform:translateY(-1px)}.button.small{padding:13px 18px}.button.secondary{background:transparent;color:var(--ink);border:1px solid #b9c9be}.button.light{background:var(--green);color:var(--ink)}.text-button{background:none;border:0;padding:8px 0;color:inherit;font-weight:500}.hero{max-width:1240px;margin:40px auto 65px;display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:32px;padding:0 32px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:700;margin-bottom:25px;display:block}.hero h1 em{font-family:Georgia,serif;letter-spacing:-.055em;font-weight:normal}.hero-copy>p{max-width:475px;font-size:1.1rem;color:var(--muted);margin:25px 0 28px}.actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.micro{display:block;margin-top:18px;font-size:.85rem;color:var(--muted)}.hero-art{position:relative;min-height:530px;display:flex;align-items:center;justify-content:center}.hero-art:before{content:'';position:absolute;background:#e7edd7;border-radius:50%;width:90%;aspect-ratio:1;z-index:-1}.hero-art img{width:100%;max-height:530px;object-fit:contain;mix-blend-mode:multiply;animation:breathe 6s ease-in-out infinite}.bubble{position:absolute;right:0;top:10px;background:white;box-shadow:0 8px 40px #183e3510;border:1px solid var(--line);border-radius:19px 19px 19px 3px;padding:16px 20px;max-width:240px;font-size:.95rem;transform:rotate(3deg)}.bubble strong{display:block;margin-bottom:5px;font-size:.75rem;color:var(--orange)}.note-chip{position:absolute;bottom:25px;left:5px;background:#fffdf4;padding:13px 20px;border-radius:12px;transform:rotate(-5deg);box-shadow:0 5px 25px #183e3510;font-size:.875rem}.intro-band{border-block:1px solid var(--line);display:flex;justify-content:center;gap:70px;padding:24px;font-size:.875rem}.intro-band span{display:flex;gap:12px;align-items:center}.section{max-width:1176px;margin:90px auto;padding:0 32px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-head h2{max-width:520px;margin-bottom:0}.section-head p{max-width:310px;color:var(--muted);margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff;position:relative}.step .num{display:block;font:italic 2.5rem Georgia;color:#a5af95;margin-bottom:22px}.step h3{font-size:1.2rem;margin-bottom:12px}.step p{color:var(--muted);font-size:.95rem;margin:0}.try-section{background:#e9eedf;border-radius:32px;padding:45px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.try-section h2{margin-bottom:18px}.try-section p{color:var(--muted)}.try-card{background:var(--paper);border:1px solid #d6decd;border-radius:20px;padding:28px}.try-card label{display:block;font-weight:600;margin-bottom:12px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 22px}.chip{background:white;border:1px solid #d2dacb;border-radius:24px;padding:9px 13px;font-size:.875rem;color:var(--ink)}.chip:hover,.chip.selected{background:var(--ink);color:white;border-color:var(--ink)}.field{display:block;width:100%;padding:15px 17px;background:white;border:1px solid #cbd3c8;border-radius:11px;color:var(--ink);line-height:1.6;min-width:0}textarea.field{resize:vertical;min-height:160px}label.field-label{display:block;font-size:.95rem;font-weight:600;margin:23px 0 9px}.field-hint{display:block;margin-top:8px;color:var(--muted);font-size:.85rem;line-height:1.5}.wide{width:100%}.cta-strip{margin-top:80px;background:var(--ink);color:var(--paper);padding:46px;border-radius:26px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-strip h2{font-size:2rem;max-width:600px;margin:0}footer{max-width:1240px;margin:80px auto 0;padding:35px 32px;border-top:1px solid var(--line);display:flex;gap:35px;align-items:center;justify-content:space-between}footer p{font-size:.85rem;color:var(--muted);margin:0}footer>div{display:flex;gap:24px;font-size:.875rem}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}dialog{border:1px solid var(--line);border-radius:24px;padding:36px;width:min(470px,calc(100vw - 28px));color:var(--ink);box-shadow:0 20px 100px #0003}dialog::backdrop{background:#10271f80;backdrop-filter:blur(4px)}.modal-close{position:absolute;right:18px;top:12px;font-size:1.8rem;background:none;border:none;color:var(--muted)}dialog h2{font-size:1.8rem;padding-right:20px}dialog p{color:var(--muted);font-size:.95rem}.auth-button{display:flex;justify-content:center;gap:14px;border:1px solid var(--line);border-radius:12px;background:white;padding:15px;width:100%;margin:12px 0;font-weight:600}.auth-button svg{width:19px;height:22px}.notice{background:#f3ebd9;color:#654e23;padding:14px 16px;border-radius:12px;font-size:.9rem;line-height:1.6}.quiet{color:var(--muted)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;z-index:50;padding:14px 22px;border-radius:12px;max-width:calc(100vw - 32px);display:none;font-size:.9rem}.article{max-width:780px;margin:65px auto;padding:0 28px}.article h1{font-size:3.5rem}.article h2{font-size:1.7rem;margin-top:40px}.article p,.article li{color:var(--muted);line-height:1.85}.article li{margin:10px 0}.article .lead{font-size:1.2rem}.back{font-size:.875rem;display:inline-block;margin-bottom:24px}.workspace{max-width:1140px;margin:45px auto;padding:0 32px}.workspace-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.workspace-top h1{font-size:2.3rem;margin:0}.workspace-top small{display:block;margin-top:8px}.workspace-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:28px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:24px;padding:32px}.panel h2{font-size:1.7rem}.companion{border-radius:24px;background:#e9eedf;padding:30px;text-align:center;position:sticky;top:24px}.companion img{width:95%;max-height:310px;object-fit:contain;mix-blend-mode:multiply;animation:breathe 7s ease-in-out infinite}.companion .speech{background:#fffdf6;padding:21px;border-radius:17px;text-align:left;line-height:1.6;font-size:.98rem}.companion .speech small{display:block;color:var(--orange);font-weight:700;margin-bottom:7px}.companion p{font-size:.85rem;color:var(--muted);margin:15px 0 0}.route-pill{font-size:.8rem;padding:7px 12px;background:#e9eedf;border-radius:20px;display:inline-block;margin-bottom:18px}.flow-steps{display:flex;gap:7px;margin:0 0 26px;padding:0;list-style:none;font-size:.8rem}.flow-steps li{flex:1;color:var(--muted);padding-bottom:12px;border-bottom:3px solid var(--line)}.flow-steps li.current{border-color:var(--ink);color:var(--ink);font-weight:700}.timer{text-align:center;padding:20px 0}.timer-time{font-family:'Manrope',sans-serif;font-size:clamp(4rem,8vw,6.7rem);font-weight:500;letter-spacing:-.05em;font-variant-numeric:tabular-nums;line-height:1.4}.timer-ring{border:8px solid #e8eedf;border-top-color:#688251;border-radius:50%;width:250px;height:250px;margin:12px auto 20px;display:flex;align-items:center;justify-content:center}.timer-ring .timer-time{font-size:3.8rem}.timer .actions{justify-content:center}.timer-tip{font-size:.875rem;color:var(--muted);margin:22px auto 0;max-width:320px}.notes{background:#f7f8f3;border-radius:12px;padding:17px;margin-top:24px}.notes summary{cursor:pointer;font-weight:500;font-size:.9rem}.notes p{white-space:pre-wrap;max-height:260px;overflow:auto;font-size:.9rem;color:var(--muted);margin:15px 0 0}.ai-box{margin-top:23px;border-top:1px solid var(--line);padding-top:20px}.ai-box summary{cursor:pointer;font-size:.9rem;font-weight:600}.ai-box p{font-size:.875rem;color:var(--muted);line-height:1.6}.ai-status{font-size:.85rem;line-height:1.5;margin-top:10px;overflow-wrap:anywhere}progress{width:100%;accent-color:#567443;height:8px}.check-row{display:flex;align-items:start;gap:12px;margin:16px 0;font-size:.95rem;line-height:1.6}.check-row input{margin-top:6px;accent-color:var(--ink);width:18px;height:18px}.feedback{white-space:pre-wrap;line-height:1.8;background:#f1f5e8;padding:22px;border-radius:15px;margin-bottom:24px}.history{margin-top:36px}.history h2{font-size:1.3rem}.history-list{display:grid;gap:12px}.history-item{border-bottom:1px solid var(--line);padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.history-item strong{display:block;overflow-wrap:anywhere}.history-item small{display:block;margin-top:5px}.success-circle{width:55px;height:55px;background:var(--green);border-radius:50%;display:grid;place-items:center;font-size:1.5rem;margin-bottom:22px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.summary-grid>div{background:#f4f6ee;padding:18px;border-radius:12px}.summary-grid strong{display:block;font-size:1.5rem}.summary-grid span{font-size:.8rem;color:var(--muted)}.disclaimer{font-size:.8rem;color:var(--muted);line-height:1.6;margin:15px 0}.danger{color:#9c3d29}.inline-link{text-decoration:underline;text-underline-offset:4px}.offline{padding:12px 20px;text-align:center;background:#f7e7b8;font-size:.9rem}.busy{opacity:.7;pointer-events:none}@keyframes breathe{50%{transform:translateY(-5px) rotate(.5deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:850px){.header{padding:20px 24px}.header nav{gap:20px}.header nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;gap:12px;margin-top:28px}.hero-copy{text-align:center}.hero-copy p{margin:22px auto}.hero-copy .actions{justify-content:center}.hero-art{min-height:400px;max-width:470px;width:100%;margin:auto}.hero-art img{max-height:440px}.hero-art .bubble{right:-5px}.intro-band{gap:25px;flex-wrap:wrap}.section{margin:65px auto}.section-head{display:block}.section-head p{max-width:none;margin-top:20px}.steps{grid-template-columns:1fr}.step{display:grid;grid-template-columns:45px 1fr;column-gap:18px}.step .num{grid-row:1/3;margin:0}.try-section{grid-template-columns:1fr;padding:30px;gap:15px}.cta-strip{flex-direction:column;align-items:start;padding:32px}.workspace-grid{grid-template-columns:1fr}.companion{position:static;display:grid;grid-template-columns:120px 1fr;align-items:center;gap:15px;order:-1;padding:18px}.companion img{max-height:130px}.companion>p{grid-column:1/-1;margin:0}.companion .speech{padding:14px;font-size:.9rem}.workspace-top h1{font-size:1.8rem}footer{flex-wrap:wrap}footer p{order:3;width:100%}}@media(max-width:480px){.header{padding:17px}.brand{font-size:1.3rem}.brand-mark{width:32px;height:32px;font-size:27px}.beta{display:none}.header nav{gap:14px}.header nav .button{display:none}.hero,.section,.workspace{padding-inline:20px}.hero{margin-bottom:40px}.hero h1{font-size:3rem}.hero-art{min-height:365px}.hero-art img{max-height:370px}.bubble{font-size:.8rem;max-width:180px;padding:12px}.note-chip{font-size:.75rem;bottom:0}.intro-band{gap:15px;font-size:.8rem}.section{margin-block:50px}.try-section{padding:25px 20px}.try-card{padding:20px}.panel{padding:24px 20px}.workspace{margin-top:20px}.workspace-top{align-items:start}.workspace-top h1{font-size:1.6rem}.workspace-top>.text-button{font-size:.8rem;white-space:nowrap}.companion{grid-template-columns:85px 1fr;padding:13px}.flow-steps{font-size:.75rem}.article h1{font-size:2.6rem}.actions>.button{flex-grow:1}.summary-grid{gap:8px}footer{padding-inline:20px;gap:20px}footer>div{margin-left:auto}.timer-ring{width:215px;height:215px}}
.hw-modes{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:28px;border-bottom:1px solid #dce2d7;padding-bottom:16px}.hw-modes span{font-weight:700}.hw-modes a{color:#466343}.hw-options{display:grid;gap:14px;margin:24px 0}.hw-option{text-align:left;border:1px solid #d7dfcf;border-radius:18px;padding:22px;background:#f3f5eb;color:#183e35;cursor:pointer}.hw-option:hover{background:#e6edda}.hw-option strong{display:block;font-size:26px;margin-bottom:8px}.hw-option span{font-size:14px}.hw-equation{font-variant-numeric:tabular-nums}.panel>.back{display:inline-block;margin-bottom:22px}
/* Blog cards have their own layout; numbered homepage steps keep theirs. */
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.blog-card{min-width:0;padding:28px;border:1px solid var(--line);border-radius:20px;background:white;display:flex;flex-direction:column;align-items:flex-start}.blog-card h2{font-size:clamp(1.35rem,2.1vw,1.8rem);line-height:1.3;letter-spacing:-.035em;overflow-wrap:anywhere}.blog-card .eyebrow{margin-bottom:20px}.blog-card p{color:var(--muted);font-size:.95rem}.blog-card>.text-button{margin-top:auto;padding-top:16px}.blog-index h1{font-size:clamp(2.2rem,5vw,3.8rem);max-width:700px;overflow-wrap:anywhere}.related-posts{border-top:1px solid var(--line);margin:36px 0;padding-top:4px}.related-posts a{display:block;margin:16px 0;text-decoration:underline;text-underline-offset:4px;line-height:1.6}.article{overflow-wrap:anywhere}.article h1{font-size:clamp(2rem,5.2vw,3.5rem)}.article .button{max-width:100%;text-align:center}footer>div{flex-wrap:wrap}.workspace-grid>div{min-width:0}.panel h2{overflow-wrap:anywhere}
.timer-with-character{width:min(100%,290px);height:auto;aspect-ratio:1;flex-direction:column;gap:0;border-width:5px}.timer-with-character .timer-time{font-size:clamp(2.5rem,8vw,3.3rem);line-height:1.2;padding-bottom:12px}.timer-character{position:relative;width:150px;height:145px;margin:0 auto;isolation:isolate}.timer-character img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform-origin:50% 85%;animation:yosumio-focus 8s ease-in-out infinite}.timer-character.resting img{animation:yosumio-rest 6s ease-in-out infinite}.character-shadow{position:absolute;z-index:-1;bottom:3px;left:27%;width:46%;height:7px;background:#183e3515;filter:blur(3px);border-radius:50%;animation:yosumio-shadow 8s ease-in-out infinite}.timer-character.still *{animation:none!important}.motion-toggle{font-size:.8rem;color:var(--muted);margin:0 0 18px}.timer-tip{max-width:290px;line-height:1.6}.timer:has(.timer-character)~.field-label{margin-top:15px}
@keyframes yosumio-focus{0%,100%{transform:translateY(0) rotate(-1deg) scale(1)}45%{transform:translateY(-3px) rotate(1deg) scale(1.018)}65%{transform:translateY(-2px) rotate(.4deg) scale(1.01)}}@keyframes yosumio-rest{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-4px)}}@keyframes yosumio-shadow{50%{transform:scaleX(.93);opacity:.7}}
@media(max-width:850px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header nav{min-width:0}}
@media(max-width:600px){.blog-grid{grid-template-columns:minmax(0,1fr)}.blog-card{padding:24px}.blog-card h2{font-size:1.5rem}.blog-index .section-head{margin-bottom:26px}.article{margin:38px auto;padding-inline:20px}.article .lead{font-size:1.05rem}.timer-character{width:125px;height:120px}.history-item{flex-wrap:wrap;min-width:0}.history-item>div{min-width:0}.timer-ring{max-width:100%}}
@media(prefers-reduced-motion:reduce){.timer-character img,.character-shadow{animation:none!important}}

.workspace:has(.timer-character) .companion img{display:none}.workspace:has(.timer-character) .companion{display:block}html[data-motion="off"] .companion img,html[data-motion="off"] .hero-art img{animation:none}

.header nav>a.blog-nav{display:inline-flex;align-items:center;min-height:44px}.home-blog .section-head>div{min-width:0}.home-blog .section-head h2{max-width:630px}.home-blog .blog-card h3{font-size:clamp(1.35rem,2.1vw,1.8rem);line-height:1.3;letter-spacing:-.035em;overflow-wrap:anywhere}.blog-all{margin-top:26px}.home-questions{max-width:1000px}.home-questions details{border-top:1px solid var(--line);padding:20px 0}.home-questions details:last-child{border-bottom:1px solid var(--line)}.home-questions summary{cursor:pointer;font-weight:600;line-height:1.5;padding-right:12px}.home-questions details p{max-width:760px;margin:16px 0 0;color:var(--muted)}.home-questions details a{text-decoration:underline;text-underline-offset:3px}@media(max-width:480px){.home-blog .blog-all{width:100%}.home-questions h2{font-size:2rem}}
.resume-banner{max-width:1176px;margin:24px auto;padding:22px 28px;background:#e9eedf;border:1px solid var(--line);border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:20px}.resume-banner p{margin:6px 0 0;color:var(--muted)}.history-next{font-size:.85rem;color:var(--muted);margin:8px 0 0;overflow-wrap:anywhere}.history-actions{display:flex;gap:16px;flex-wrap:wrap;flex-shrink:0}.record-content p{white-space:pre-wrap;overflow-wrap:anywhere}.record-content h3{font-size:1rem;margin-top:24px}.panel h2:focus{outline:none}.panel h2{scroll-margin-top:28px}.panel .feedback p{margin:8px 0 0}.workspace:has(.timer-character) .companion{order:initial}.help-options{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.help-options button{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--paper);color:var(--ink)}
@media(max-width:850px){.resume-banner{margin:20px;flex-wrap:wrap}.workspace:has(.timer-character) .companion{order:initial}.history-actions{flex-shrink:1}}

@media(max-width:850px){.workspace .companion{order:initial}}

.article p a,.article li a{text-decoration:underline;text-underline-offset:3px}.article li{line-height:1.85;margin-bottom:.65rem}.article-meta,.editorial-note{font-size:.9rem;color:var(--muted)}.editorial-note{border-top:1px solid var(--line);padding-top:20px;margin-top:32px}.article a{overflow-wrap:anywhere}

.measurement-invite{max-width:760px;margin:0 auto 24px;padding:18px 24px;border:1px solid var(--line);border-radius:16px;background:white}.measurement-invite p{margin-bottom:8px;font-size:.9rem}

/* Native launch uses manifest artwork; this covers standalone shell loading only. */
#app-launch{display:none}@media(display-mode:standalone){#app-launch{display:flex;position:fixed;inset:0;z-index:1000;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:12px;pointer-events:none;animation:launch-fallback 0s 5s forwards}#app-launch img{object-fit:contain}#app-launch strong{font:700 32px Georgia,serif;color:#183e35}#app-launch span{font-size:14px;color:#53675e}}@keyframes launch-fallback{to{visibility:hidden}}#app-launch[hidden]{display:none}
.feedback-invite{margin-top:28px;padding:20px;border:1px solid #d8dfd4;border-radius:16px;background:#f3f5ed}.feedback-invite h3{font-size:20px;margin:0 0 8px}.feedback-invite p{margin:0 0 14px}.feedback-rating{border:0;padding:0;margin:20px 0}.feedback-rating legend{font-weight:600;margin-bottom:10px}.rating-options{display:flex;gap:8px}.rating-options label{flex:1;min-width:0;cursor:pointer}.rating-options input{position:absolute;opacity:0}.rating-options span{display:flex;min-height:48px;border:1px solid #a6b4a7;border-radius:10px;align-items:center;justify-content:center;font-weight:700}.rating-options input:checked+span{background:#183e35;color:#fff;border-color:#183e35}.rating-options input:focus-visible+span{outline:3px solid #c77632;outline-offset:3px}.rating-scale{display:flex;justify-content:space-between;font-size:12px;margin-top:8px;gap:16px}#feedback-form textarea{min-height:110px}#feedback-form .actions{flex-wrap:wrap}#feedback-status{overflow-wrap:anywhere}dialog{max-height:calc(100dvh - 32px);overflow-y:auto}

.feedback-email-consent{display:flex;align-items:flex-start;gap:12px;margin:20px 0 10px;line-height:1.5;cursor:pointer}.feedback-email-consent input{flex:0 0 auto;width:20px;height:20px;margin-top:3px;accent-color:#183e35}

.newsletter-card{display:flex;align-items:center;gap:28px;background:#edf1e5;border-radius:24px;padding:32px;margin-bottom:48px}.newsletter-card h2{font-size:clamp(24px,4vw,36px);margin:8px 0 12px}.newsletter-card img{border-radius:50%;flex-shrink:0}.newsletter-card p{max-width:44ch}@media(max-width:600px){.newsletter-card{margin:24px 16px;padding:24px;align-items:flex-start;flex-direction:column;gap:16px}}

.tool-intro{max-width:880px;margin:58px auto 0;padding:0 28px}.tool-intro h1{font-size:clamp(2.5rem,7vw,4.7rem);max-width:820px}.tool-intro .lead{max-width:690px}.tool-intro+.workspace{margin-top:30px}.tool-form{margin-top:30px}.tool-help{max-width:880px}.tool-help>p,.tool-help>ol{max-width:760px}.flow-diagram{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;list-style:none;padding:0}.flow-diagram li{background:#edf1e5;border:1px solid var(--line);border-radius:16px;padding:20px;position:relative}.flow-diagram li strong,.flow-diagram li span{display:block}.flow-diagram li span{font-size:.9rem;color:var(--muted);margin-top:8px}.example-block{background:#fff7e9;border:1px solid #ead9bd;border-radius:18px;padding:26px;margin:32px 0}.example-block h2{margin-top:0}.table{overflow-x:auto}.table table{border-collapse:collapse;width:100%;min-width:620px}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}.print-note{border-left:4px solid var(--orange);padding-left:16px}
@media(max-width:600px){.tool-intro{margin-top:35px;padding-inline:20px}.tool-intro h1{font-size:2.55rem}.tool-intro+.workspace{margin-top:22px}.flow-diagram{grid-template-columns:1fr 1fr}.tool-help{padding-inline:20px}}
@media print{header,footer,.back,.related-posts,.newsletter-card,.button,.text-button,dialog{display:none!important}.article{max-width:none;margin:0}.table{overflow:visible}.table table{min-width:0}.print-note{display:none}a{color:inherit;text-decoration:none!important}}

[hidden]{display:none!important}.pwa-card{max-width:1176px;margin:4px auto 20px;padding:14px 22px;border:1px solid #d9e2cc;background:#edf1e5;border-radius:18px;display:flex;align-items:center;gap:16px}.pwa-card img{border-radius:12px;flex-shrink:0}.pwa-card div{flex:1}.pwa-card strong{display:block;font-size:15px}.pwa-card span{display:block;font-size:13px;line-height:1.5;color:#53675e;margin-top:3px}.pwa-card .button{white-space:nowrap}.pwa-update{position:fixed;bottom:0;left:0;right:0;z-index:15;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;background:#edf1e5;border-top:1px solid #bac9b8;padding:12px max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom))}.pwa-update p{margin:0}.newsletter-card{max-width:1112px;margin:48px auto;padding:32px;box-sizing:border-box}.newsletter-card>div{flex:1;min-width:0}.newsletter-card form{max-width:540px}.newsletter-card .eyebrow{margin-bottom:8px}.newsletter-card h2{max-width:24ch}.newsletter-thanks{max-width:1112px;margin:32px auto;padding:20px;background:#edf1e5;border-radius:16px}body{padding-bottom:env(safe-area-inset-bottom)}@media(max-width:600px){.pwa-card{margin:0 16px 20px;gap:12px;padding:14px;flex-wrap:wrap}.pwa-card div{flex-basis:calc(100% - 60px)}.pwa-card .button{margin-left:60px;padding:10px 14px}.hero{margin-top:24px}.newsletter-card{margin:32px 16px;padding:24px}.newsletter-thanks{margin:24px 16px}.pwa-update{justify-content:flex-start}}

body:has(#pwa-update){padding-bottom:160px}

/* Shared navigation and footer: touch targets stay visible on narrow screens. */
.header{flex-wrap:wrap;gap:16px 24px}.header nav{margin-left:auto;gap:20px}.header-actions{display:flex;align-items:center;gap:8px}.header-actions:not(:has(button:not([hidden]))){display:none}.header-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--ink);font-size:.85rem;font-weight:600;line-height:1.3}.header-action-news{background:#edf1e5;border-color:#d9e2cc}.header-action:hover{background:#e5ebdc}.header-action:focus-visible,.site-footer a:focus-visible,.site-footer button:focus-visible{outline:3px solid #b75b32;outline-offset:4px}
.site-footer{max-width:1176px;margin:64px auto 0;padding:40px 24px 20px;display:grid;grid-template-columns:1.1fr 1fr 1.2fr;gap:32px 48px;align-items:start;justify-content:normal}.site-footer>div{display:block;margin:0;font-size:inherit}.site-footer h2{font-family:inherit;font-size:.85rem;font-weight:700;letter-spacing:0;line-height:1.4;margin:0 0 12px}.site-footer p{order:initial;width:auto;font-size:.9rem;line-height:1.6;margin:12px 0 16px;max-width:30ch}.footer-brand .brand{display:inline-flex;min-height:44px}.site-footer .footer-install{padding:0;min-height:44px;text-align:left;font-size:.85rem}.footer-nav{display:flex;flex-direction:column;align-items:flex-start}.footer-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:.9rem;line-height:1.4;padding:8px 0}.footer-nav a:hover{text-decoration:underline;text-underline-offset:4px}.footer-actions p{margin:0 0 12px}.footer-action{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 0;background:transparent;border:0;border-bottom:1px solid var(--line);font-size:.9rem;font-weight:600;text-align:left;color:var(--ink)}.footer-action:hover{color:#a34927}.site-footer .footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:.8rem}.footer-bottom>div{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.footer-bottom a,.footer-bottom button{display:inline-flex;align-items:center;min-height:44px;padding:0;font-size:.8rem;font-weight:400}
@media(max-width:1100px) and (min-width:601px){.header-actions{margin-left:auto}.site-footer{gap:32px}}
@media(max-width:600px){.header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding:14px 20px 16px}.header>.brand{min-width:0}.header nav{margin:0;justify-content:flex-end;gap:12px}.header-actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;border-top:1px solid var(--line);padding-top:10px}.header-action{font-size:.85rem;padding:10px 8px;min-height:44px}.site-footer{margin:40px 20px 0;padding:28px 0 16px;grid-template-columns:1fr;gap:28px}.site-footer .footer-brand{display:grid;grid-template-columns:1fr auto;gap:0 12px;align-items:center}.footer-brand p{grid-column:1/-1;grid-row:2;margin:6px 0 0}.site-footer .footer-install{grid-column:2;grid-row:1}.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;align-items:start}.footer-nav h2{grid-column:1/-1}.footer-nav a{font-size:.85rem}.footer-actions p{max-width:35ch}.site-footer .footer-bottom{flex-direction:column;align-items:flex-start;gap:4px}.footer-bottom>div{gap:24px}}

:root{color-scheme:light}.theme-toggle{white-space:nowrap}.theme-toggle[aria-pressed="true"]{background:#2d4238;border-color:#668574}
:root[data-theme="dark"]{color-scheme:dark;--ink:#e3ece2;--muted:#a9bcb1;--paper:#101b18;--line:#34473d;--green:#334a35;--orange:#efb581;--surface:#192922;--raised:#22362b;--accent:#c2dca1;--on-accent:#182416;background:var(--paper);color:var(--ink)}
[data-theme="dark"] :is(.panel,.blog-card,.step,.bubble,.field,.chip,.auth-button,.measurement-invite,dialog,.skip){background:var(--surface);color:var(--ink);border-color:var(--line)}
[data-theme="dark"] :is(.try-section,.companion,.route-pill,.feedback,.summary-grid>div,.hw-option,.resume-banner,.feedback-invite,.newsletter-card,.flow-diagram li,.pwa-card,.pwa-update,.newsletter-thanks,.header-action-news){background:var(--raised);color:var(--ink);border-color:var(--line)}
[data-theme="dark"] :is(.note-chip,.companion .speech,.notes,.example-block,.try-card){background:#1c3027;color:var(--ink);border-color:var(--line)}
[data-theme="dark"] .button{background:var(--accent);color:var(--on-accent)}[data-theme="dark"] .button:hover{background:#d1e6b9}[data-theme="dark"] .button.secondary{background:transparent;color:var(--ink);border-color:#688574}[data-theme="dark"] .button.light{background:var(--green);color:var(--ink)}
[data-theme="dark"] :is(.chip:hover,.chip.selected,.rating-options input:checked+span){background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
[data-theme="dark"] :is(.header-action:hover,.hw-option:hover){background:#304638}[data-theme="dark"] .header-action{color:var(--ink)}[data-theme="dark"] .brand-mark{background:#2c493b;color:#f6d990}[data-theme="dark"] .cta-strip{background:var(--raised);color:var(--ink)}
[data-theme="dark"] :is(.pwa-card span,#app-launch span){color:var(--muted)}[data-theme="dark"] :is(.hw-modes a,.step .num){color:#b8cda3}[data-theme="dark"] :is(.danger,.footer-action:hover){color:#ffc098}
[data-theme="dark"] .field::placeholder{color:#98afa0;opacity:1}[data-theme="dark"] :is(input,progress){accent-color:var(--accent)}[data-theme="dark"] .rating-options span{border-color:#688574}[data-theme="dark"] .hw-modes{border-color:var(--line)}
[data-theme="dark"] :is(.notice,.offline){background:#423a23;color:#f0ddb1}[data-theme="dark"] #toast{background:#d0e2bb;color:#182416}[data-theme="dark"] dialog::backdrop{background:#0009}
[data-theme="dark"] .timer-ring{border-color:#344c3b;border-top-color:var(--accent)}[data-theme="dark"] .hero-art:before{background:#243c2d}[data-theme="dark"] :is(.hero-art img,.companion img,.timer-character img){mix-blend-mode:normal;border-radius:24px}[data-theme="dark"] .character-shadow{background:#0004}
[data-theme="dark"] #app-launch{background:var(--paper)}[data-theme="dark"] #app-launch strong{color:var(--ink)}[data-theme="dark"] :is(.pwa-card img,.newsletter-card img,#app-launch img){border-radius:24px}
@media(max-width:600px){.header-actions{grid-template-columns:1.2fr .8fr .95fr;gap:6px}.header-action{font-size:.8rem;padding-inline:6px}}
@media print{html[data-theme="dark"]{--ink:#183e35;--muted:#63716a;--paper:white;--line:#ddd;background:white;color:#183e35}html[data-theme="dark"] :is(.panel,.field,.example-block,.flow-diagram li){background:white;color:#183e35}}
[data-theme="dark"] :is(.hero-art img,.companion img,.timer-character img){filter:brightness(.78);border-radius:50%}[data-theme="dark"] .field{border-color:#688574}

.article-figure{margin:28px 0 34px;max-width:100%}.article-figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:18px;background:#faf9f5}.article-figure figcaption{font-size:.84rem;line-height:1.5;color:var(--muted);margin-top:9px}.blog-card-image{display:block;width:100%;margin-bottom:20px}.blog-card-image img{display:block;width:100%;height:auto;aspect-ratio:16/5;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.blog-card h2{margin-top:8px}.article .table caption{text-align:left;font-weight:700;color:var(--ink);padding:12px 0}.article .table{margin:26px 0}.plan-template td{min-width:150px;height:54px}.article .lead{color:var(--ink)}
@media(max-width:600px){.blog-card-image img{aspect-ratio:16/5;object-fit:contain}.article-figure{margin:22px 0 26px}.article-figure figcaption{font-size:.8rem}}
@media print{.article-figure img{-webkit-print-color-adjust:exact;print-color-adjust:exact}.plan-template{break-inside:avoid}.article .table{overflow:visible}.article .table table{min-width:0;font-size:12px}.article .table th,.article .table td{padding:6px}}
.scene-figure{margin:22px 0 28px;max-width:100%}.scene-figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:18px;border:1px solid var(--line);background:#faf9f5}.scene-figure figcaption{margin-top:9px;color:var(--muted);font-size:.84rem;line-height:1.5}.blog-card-image img{aspect-ratio:16/9;object-fit:cover}
@media(max-width:600px){.scene-figure{margin:20px 0 25px}.scene-figure figcaption{font-size:.8rem}.blog-card-image img{aspect-ratio:16/9;object-fit:cover}}
@media print{.scene-figure{break-inside:avoid}}
.library-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.library-page{max-width:1200px}.library-page .panel{min-width:0}.library-page .panel h2{font-size:1.6rem}.library-page .panel h3{font-size:1.1rem;margin:32px 0 10px}.library-page textarea.field{min-height:220px}.library-actions{margin-top:18px}.library-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left}.library-row strong{display:block;overflow-wrap:anywhere}.library-row small{display:block;white-space:nowrap}.library-row .history-actions{gap:12px}.library-row .text-button{white-space:nowrap}.quick-note{margin-top:24px;border:1px solid var(--line);border-radius:20px;padding:26px;background:#f7f8f3}.quick-note h3{margin-bottom:6px}.quick-note p{font-size:.9rem}.quick-note textarea.field{min-height:120px}.quick-note .actions{margin-top:18px}@media(max-width:800px){.library-grid{grid-template-columns:1fr}}@media(max-width:480px){.library-row{align-items:flex-start;flex-wrap:wrap}.library-row small{white-space:normal}.quick-note{padding:20px}}

/* Study workspace and portable library */
.quick-note{background:var(--surface,#f7f8f3);color:var(--ink)}
.quick-note :is(h3,.field-label,.text-button){color:var(--ink)}
.quick-note .button.secondary{color:var(--ink);border-color:var(--line)}
[data-theme="dark"] .quick-note{background:var(--surface);border-color:var(--line)}
[data-theme="dark"] .quick-note .field{background:var(--raised);color:var(--ink)}
.workspace:has(.timer-character) .companion{display:none}
.study-resource-detail{position:sticky;top:24px;min-width:0;max-height:calc(100vh - 48px);overflow:auto;background:var(--surface,#fff);border:1px solid var(--line);border-radius:20px;padding:20px}
.study-resource-detail h3{font-size:1.1rem;overflow-wrap:anywhere}
.study-resource-detail p{color:var(--muted)}
.resource-note{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;color:var(--ink)!important}
.resource-preview{display:block;width:100%;height:min(65vh,680px);border:1px solid var(--line);border-radius:10px;background:white}
.resource-preview-image{display:block;max-width:100%;max-height:65vh;margin:auto;object-fit:contain}
.resource-shelf{margin:20px 0 28px;padding:20px;background:var(--surface,#f4f7ef);border:1px solid var(--line);border-radius:16px}
.resource-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.resource-heading h3{font-size:1.15rem;margin:0}
.resource-shelf .quiet{font-size:.9rem;margin:8px 0 12px}
.resource-shelf .field-label{margin:12px 0 7px}
.resource-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}
.resource-row strong,.resource-row small{display:block;overflow-wrap:anywhere}
.resource-row small{margin-top:4px}
.resource-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.resource-actions .button{padding:9px 12px;font-size:.84rem}
.study-jump,.library-jump{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}
.study-jump button,.library-jump button{border:1px solid var(--line);border-radius:999px;background:var(--surface,#f5f6f1);color:var(--ink);padding:10px 14px;font-size:.9rem;min-height:44px}
.library-toolbar{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr);gap:12px 20px;align-items:end;margin-bottom:16px}
.library-toolbar .field-label{margin:0}
.library-toolbar .field:nth-of-type(1){grid-row:2;grid-column:1}
.library-toolbar .field:nth-of-type(2){grid-row:2;grid-column:2}
.library-page .panel h3{margin:18px 0 8px}
.library-editor{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}
.library-editor summary{cursor:pointer;font-weight:700;color:var(--ink);list-style:revert}
.library-editor textarea.field{min-height:190px}
.backup-panel{margin-top:24px}
.backup-panel h2{font-size:1.5rem}
.backup-panel p{max-width:65ch}
.backup-panel small{display:block;margin-top:14px}
.backup-upload{cursor:pointer}
.explain-secondary{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:12px}
.explain-secondary .text-button{min-height:44px}
[data-theme="dark"] :is(.resource-shelf,.study-resource-detail,.study-jump button,.library-jump button){background:var(--surface);color:var(--ink);border-color:var(--line)}
dialog:has(.resource-preview),dialog:has(.resource-preview-image){width:min(1000px,95vw)}
@media(max-width:850px){.study-resource-detail{position:static;max-height:none;order:initial}.workspace-grid:has(.study-resource-detail){display:flex;flex-direction:column}.workspace-grid:has(.study-resource-detail)>div,.workspace-grid:has(.study-resource-detail)>.study-resource-detail{width:100%}.resource-preview{height:60vh}}
@media(max-width:600px){.library-toolbar{grid-template-columns:1fr;gap:6px}.library-toolbar .field:nth-of-type(1),.library-toolbar .field:nth-of-type(2){grid-row:auto;grid-column:auto}.resource-row{align-items:flex-start;flex-direction:column}.resource-actions{width:100%}.resource-actions button{min-height:44px}.timer-ring{width:190px;height:190px}.timer-ring .timer-time{font-size:2.8rem}.timer-character{width:95px;height:90px}.timer{padding:4px 0}.library-page .workspace-top{align-items:flex-start}.library-page .workspace-top .text-button{max-width:110px;text-align:right}.backup-panel .actions{flex-direction:column;align-items:stretch}.backup-panel .actions>*{width:100%}}

.library-toolbar .field:nth-of-type(1),.library-toolbar .field:nth-of-type(2){grid-row:auto;grid-column:auto}.library-toolbar>div{min-width:0}.library-toolbar>div .field-label{margin-bottom:8px}
@media(max-width:600px){.pwa-card{display:none}}

.resource-inline{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface,#fff)}.resource-inline h3{overflow-wrap:anywhere}[data-theme="dark"] .resource-inline{background:var(--raised)}@media(max-width:850px){.study-resource-detail{display:none}}
.timer>.timer-character{width:82px;height:82px;margin:8px auto}.timer>.timer-character img{width:100%;height:100%;object-fit:contain}
@media(max-width:600px){.library-page .workspace-top .text-button{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:110px}}
@media(max-width:600px){.header nav>a:not(.button){display:none}.header nav>.button{display:inline-flex!important;font-size:.82rem;padding:10px 12px;min-height:44px}.header-actions{grid-column:2;grid-row:2;display:flex;justify-content:flex-end;border:0;padding:0}.header-actions [data-feedback],.header-actions [data-newsletter]{display:none!important}.header-actions .theme-toggle{min-width:92px}.header{row-gap:4px}}
.resource-preview-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}.resource-preview-actions .button{padding:10px 12px;font-size:.85rem;min-height:44px}

/* Study summary: the next action leads, with the complete record one step away. */
.summary-saved{display:inline-flex;align-items:center;gap:9px;margin-bottom:20px;color:#276448;font-size:.9rem;font-weight:700}
.summary-saved span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#dceccf}
.study-summary{min-width:0}
.summary-header{padding-bottom:20px;border-bottom:1px solid var(--line)}
.summary-kicker,.summary-section-label{display:block;color:var(--orange);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.summary-header h2{margin:8px 0 7px;font-size:clamp(1.75rem,3.5vw,2.4rem);line-height:1.16;overflow-wrap:anywhere}
.summary-header p{margin:0;color:var(--muted);font-size:.9rem}
.summary-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.summary-meta>div{min-width:0;padding:15px 18px;border:1px solid var(--line);border-radius:14px;background:#f6f8f1}
.summary-meta span,.summary-evidence>span{display:block;color:var(--muted);font-size:.78rem;font-weight:600}
.summary-meta strong{display:block;margin-top:5px;font-size:1.05rem;line-height:1.35;overflow-wrap:anywhere}
.summary-next{padding:24px;border-radius:18px;background:#e9eedf;border:1px solid #d4dfc7}
.summary-next h3{font-size:1.4rem;margin:7px 0 10px}
.summary-next p{margin:0;font-size:1rem;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.summary-goal{padding:20px 2px 5px}
.summary-goal h3,.summary-resources h3{font-size:.85rem;margin:0 0 7px;color:var(--muted)}
.summary-goal p{margin:0;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.summary-review{padding:16px 2px 4px}.summary-review h3{font-size:.85rem;color:var(--muted);margin:0 0 8px}.summary-review ul{margin:0;padding-left:20px}.summary-review li{line-height:1.6;margin:4px 0}
.summary-evidence{margin:20px 0 7px}
.summary-evidence ul{display:flex;flex-wrap:wrap;gap:8px;margin:9px 0 0;padding:0;list-style:none}
.summary-evidence li{padding:8px 11px;border:1px solid var(--line);border-radius:100px;font-size:.78rem;font-weight:600;line-height:1.3}
.summary-detail{padding:17px 0;border-bottom:1px solid var(--line)}
.summary-detail summary{cursor:pointer;font-weight:700;min-height:24px}
.summary-detail p{margin:15px 0 0;color:var(--muted);line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
.summary-resources{padding-top:22px}.summary-resources .text-button{display:block;text-align:left;min-height:44px}
.summary-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:24px}
.summary-actions .button{min-height:48px}.summary-actions .text-button{min-height:44px}
dialog.summary-dialog{width:min(760px,calc(100vw - 28px));max-height:min(90vh,900px);overflow:auto}
dialog.summary-dialog .summary-actions{margin-bottom:4px}
.feynman-summary{max-width:860px}.feynman-summary .panel{padding:clamp(24px,4vw,42px)}
[data-theme="dark"] .summary-saved{color:var(--accent)}
[data-theme="dark"] .summary-saved span,[data-theme="dark"] .summary-meta>div,[data-theme="dark"] .summary-next{background:var(--raised);border-color:var(--line);color:var(--ink)}
@media(max-width:600px){.summary-meta{gap:8px}.summary-meta>div{padding:13px}.summary-next{padding:19px}.summary-actions .button{flex:1 1 100%}.summary-actions .text-button{flex:1 1 45%;text-align:center}dialog.summary-dialog{padding:26px 20px}}

/* Study history, planning and recall */
.workspace-links,.home-shortcuts{display:flex;flex-wrap:wrap;gap:10px 20px;margin:14px 0 26px}.workspace-links a,.home-shortcuts a{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:#9eb7a6;text-underline-offset:5px}.workspace-top .workspace-links{margin-bottom:0}.progress-page,.plan-page{max-width:1200px}.progress-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0}.progress-stats>div{background:#edf3e5;border:1px solid #d7e3cf;border-radius:20px;padding:22px}.progress-stats span,.progress-stats strong,.progress-stats small{display:block}.progress-stats span{font-size:.86rem;color:var(--muted)}.progress-stats strong{font:700 clamp(1.7rem,3vw,2.4rem) 'Manrope',sans-serif;letter-spacing:-.04em;margin:8px 0}.progress-page .panel,.plan-page .panel{margin-bottom:22px}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.section-heading h2{margin:0 0 20px}.focus-bars{height:230px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:end}.focus-day{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:7px;text-align:center}.focus-day>span{font-size:.75rem;color:var(--muted);white-space:nowrap}.focus-track{height:165px;width:min(56px,100%);background:#f1f3ec;border-radius:10px;display:flex;align-items:end;overflow:hidden}.focus-track i{display:block;width:100%;background:#6e8e71;border-radius:9px 9px 0 0}.focus-day small{font-size:.78rem}.progress-columns,.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.subject-total,.next-action,.progress-record,.plan-action,.assignment-card{border-top:1px solid var(--line);padding:17px 0}.subject-total{display:grid;grid-template-columns:1fr auto;gap:3px 12px}.subject-total small{grid-column:1/-1}.next-action strong,.next-action small,.progress-record strong,.progress-record small{display:block}.next-action small,.progress-record small{margin:5px 0}.next-action .text-button{padding-bottom:0}.progress-filters{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:15px}.progress-filters label{font-weight:600;font-size:.85rem}.progress-filters .field{margin-top:8px}.progress-record{display:flex;align-items:center;justify-content:space-between;gap:18px}.progress-record p{margin:5px 0;color:var(--muted);font-size:.9rem}.plan-action h3,.assignment-card h3{font-size:1.12rem;margin:6px 0}.plan-kind{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:var(--orange);font-weight:700}.plan-action .history-actions{margin-top:8px}.assignment-card.is-done{opacity:.7}.assignment-card ul{list-style:none;padding:0;margin:12px 0}.assignment-card li{padding:5px 0}.assignment-card input[type=checkbox]{accent-color:var(--ink)}.assignment-step-form{display:flex;gap:8px;margin:12px 0}.assignment-step-form .field{flex:1}.review-fields{margin-top:26px;border-top:1px solid var(--line);padding-top:5px}.untimed-clock strong{display:block;font:600 clamp(2.6rem,7vw,4.4rem) 'Manrope',sans-serif;letter-spacing:-.05em}.untimed-clock>span{display:block;color:var(--muted);font-size:.85rem;margin-bottom:16px}.resource-note{white-space:pre-wrap;overflow:auto;max-height:68vh;line-height:1.7;font:inherit}.home-shortcuts{margin:18px 0 0}.home-shortcuts .text-button{padding:2px 0}@media(max-width:760px){.progress-columns,.plan-grid{grid-template-columns:1fr}.progress-stats{gap:8px}.progress-stats>div{padding:15px}.progress-filters{grid-template-columns:1fr}.progress-record{align-items:start;flex-wrap:wrap}.focus-bars{gap:5px}}@media(max-width:480px){.progress-stats{grid-template-columns:1fr 1fr}.progress-stats>div:last-child{grid-column:1/-1}.progress-stats strong{font-size:1.55rem}.focus-day>span{font-size:.64rem}.progress-page .panel,.plan-page .panel{padding:22px 18px}.workspace-top{flex-wrap:wrap}.assignment-step-form{flex-wrap:wrap}.assignment-step-form .button{width:100%}}
[data-theme="dark"] .progress-stats>div{background:var(--raised);border-color:var(--line);color:var(--ink)}[data-theme="dark"] .focus-track{background:#2b4035}[data-theme="dark"] .focus-track i{background:#a9c99a}[data-theme="dark"] .assignment-step-form .field{background:var(--raised)}
.focus-track{background:transparent;border-bottom:2px solid var(--line);border-radius:0}.focus-track i{min-height:0}[data-theme="dark"] .focus-track{background:transparent}

/* Product use cases */
.home-usecases{display:grid;grid-template-columns:1.5fr .7fr;align-items:center;gap:28px;background:#edf3e7;border:1px solid var(--line);border-radius:28px;padding:32px 40px}.home-usecases h2{font-size:clamp(1.9rem,3.3vw,2.7rem)}.home-usecases p{max-width:64ch;color:var(--muted)}.home-usecases img{width:100%;height:auto;max-height:235px;object-fit:contain;mix-blend-mode:multiply}.usecase-hub,.usecase-detail{max-width:1180px;margin:55px auto;padding:0 32px;overflow-wrap:anywhere}.usecase-hub-hero{display:grid;grid-template-columns:1.4fr .65fr;align-items:center;gap:32px;padding:44px 52px;background:#e9eedf;border-radius:30px}.usecase-hub-hero h1{font-size:clamp(2.6rem,5vw,4.6rem)}.usecase-hub-hero .lead{font-size:1.12rem;max-width:64ch}.usecase-hub-hero img{width:100%;max-height:340px;object-fit:contain;mix-blend-mode:multiply}.usecase-hub-body{max-width:780px;margin:70px auto}.usecase-hub-body h2,.usecase-index h2,.usecase-copy h2{font-size:clamp(1.6rem,3vw,2.2rem)}.usecase-hub-body p,.usecase-copy p{line-height:1.8}.usecase-hub-body a,.usecase-copy p a{text-decoration:underline;text-underline-offset:4px}.usecase-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:34px 0}.usecase-value-grid>div{background:white;border:1px solid var(--line);border-radius:18px;padding:22px}.usecase-value-grid h3{font-size:1.05rem}.usecase-value-grid p{font-size:.9rem;margin:0}.usecase-index{margin:65px 0}.usecase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.usecase-card{border:1px solid var(--line);border-radius:20px;background:white;padding:27px;display:flex;align-items:flex-start;flex-direction:column}.usecase-card .eyebrow{color:var(--orange);margin-bottom:12px}.usecase-card h2{font-size:1.35rem;line-height:1.35}.usecase-card p{color:var(--muted);font-size:.95rem}.usecase-card>.text-button{margin-top:auto}.usecase-hub>.editorial-note{max-width:780px;margin:0 auto}.usecase-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;font-size:.83rem;color:var(--muted);margin-bottom:24px}.usecase-breadcrumb a{text-decoration:underline;text-underline-offset:3px}.usecase-detail-head{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:35px;margin-bottom:52px}.usecase-detail-head h1{font-size:clamp(2.4rem,4.8vw,4.2rem)}.usecase-detail-head .lead{font-size:1.12rem;line-height:1.7}.usecase-illustration{background:#e9eedf;border-radius:25px;min-height:300px;padding:26px;display:flex;flex-direction:column;justify-content:center;gap:14px}.usecase-illustration span{background:#fffdf8;border:1px solid #d4dfd0;border-radius:12px;padding:15px 20px;font-size:.83rem;font-weight:800;letter-spacing:.11em;color:#183e35}.usecase-illustration span:nth-child(2){margin-left:24px;background:#f7e7d3}.usecase-illustration span:nth-child(3){margin-left:48px}.usecase-article{display:grid;grid-template-columns:220px minmax(0,1fr);gap:50px}.usecase-toc{position:sticky;top:24px;align-self:start;border-left:2px solid var(--line);padding-left:18px;font-size:.85rem}.usecase-toc strong,.usecase-toc a{display:block;margin-bottom:12px}.usecase-toc a{color:var(--muted)}.usecase-toc a:hover{color:var(--ink);text-decoration:underline}.usecase-copy{max-width:800px}.usecase-copy section{scroll-margin-top:30px;margin-bottom:44px}.usecase-steps{padding:0;list-style:none}.usecase-steps li{display:grid;grid-template-columns:39px 1fr;gap:16px;margin:0;border-top:1px solid var(--line);padding:22px 0}.usecase-steps h3{font-size:1.15rem;margin-bottom:5px}.usecase-steps p{margin:0;color:var(--muted)}.usecase-number{width:36px;height:36px;border-radius:50%;background:#dceabd;display:grid;place-items:center;font-weight:800}.usecase-example{display:grid;grid-template-columns:1fr 1fr;gap:12px}.usecase-example>div{background:#f4f6ef;border:1px solid var(--line);padding:21px;border-radius:15px}.usecase-example>div:last-child{background:#eaf1df}.usecase-example span{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--orange)}.usecase-example p{margin:12px 0 0}.usecase-faq{border-top:1px solid var(--line);padding:16px 0}.usecase-faq h3{font-size:1.06rem;margin-bottom:7px}.usecase-faq p{margin:0;color:var(--muted)}.usecase-cta{background:#e9eedf;border-radius:24px;padding:30px;margin:40px 0}.usecase-cta h2{margin-bottom:8px}.usecase-cta p{max-width:60ch}.usecase-copy .related-posts{margin-top:45px}.usecase-copy .editorial-note{margin-bottom:45px}[data-theme="dark"] :is(.home-usecases,.usecase-hub-hero,.usecase-illustration,.usecase-cta){background:var(--raised);border-color:var(--line)}[data-theme="dark"] :is(.usecase-value-grid>div,.usecase-card,.usecase-example>div){background:var(--surface);color:var(--ink)}[data-theme="dark"] .usecase-example>div:last-child{background:var(--raised)}[data-theme="dark"] .usecase-number{background:var(--accent);color:var(--on-accent)}[data-theme="dark"] :is(.home-usecases img,.usecase-hub-hero img){mix-blend-mode:normal;border-radius:20px}@media(max-width:850px){.usecase-article{grid-template-columns:1fr}.usecase-toc{position:static;border-left:0;border-bottom:1px solid var(--line);padding:0 0 12px;display:flex;flex-wrap:wrap;gap:8px 16px}.usecase-toc strong{width:100%}.usecase-toc a{margin:0}.usecase-hub-hero{grid-template-columns:1fr .4fr}.usecase-detail-head{grid-template-columns:1fr .45fr}}@media(max-width:600px){.home-usecases{grid-template-columns:1fr;padding:26px 22px}.home-usecases img{display:none}.usecase-hub,.usecase-detail{margin:24px auto;padding:0 20px}.usecase-hub-hero,.usecase-detail-head{display:block}.usecase-hub-hero{padding:28px 24px}.usecase-hub-hero img{display:none}.usecase-hub-body{margin:45px 0}.usecase-value-grid,.usecase-grid,.usecase-example{grid-template-columns:1fr}.usecase-index{margin:45px 0}.usecase-detail-head{margin-bottom:32px}.usecase-illustration{min-height:0;margin-top:25px}.usecase-illustration span{padding:10px 14px}.usecase-copy section{margin-bottom:32px}.usecase-cta{padding:24px 20px}}

/* Editable study plans and the public plan builder */
.plan-maker{margin:32px 0 38px}.plan-maker-heading{max-width:720px}.plan-maker-heading h2{margin:4px 0 10px}.plan-maker-heading p{color:var(--muted);line-height:1.65}.plan-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.plan-template{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:120px;text-align:left;padding:19px;border:1px solid var(--line);border-radius:18px;background:var(--surface,#fff);color:var(--ink);cursor:pointer}.plan-template strong{font-size:1rem}.plan-template span{font-size:.85rem;line-height:1.5;color:var(--muted)}.plan-template:hover,.plan-template:focus-visible{border-color:var(--green);outline:2px solid transparent;box-shadow:0 0 0 2px var(--green)}.plan-template[aria-pressed="true"]{background:#e9eedf;border-color:#79986e}.plan-template[aria-pressed="true"] span{color:#345343}.plan-maker .panel{max-width:880px}.plan-maker label{display:block;font-weight:600;margin-bottom:18px}.plan-maker label small{display:block;color:var(--muted);font-weight:400;margin:3px 0 8px}.plan-maker .field{margin-top:8px}.plan-maker textarea.field{min-height:90px}.plan-maker #plan-steps{min-height:180px}.plan-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.plan-collection{margin:34px 0 50px}.plan-collection>.section-heading{display:flex;justify-content:space-between;align-items:center}.plan-saved-card{padding:27px;margin:14px 0;background:var(--surface,#fff);border:1px solid var(--line);border-radius:22px;break-inside:avoid}.plan-saved-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.plan-saved-head h3{font-size:1.45rem;margin:6px 0}.plan-saved-head p{color:var(--muted);margin:6px 0}.plan-saved-head small{color:var(--muted)}.plan-saved-head .history-actions{flex-wrap:wrap;justify-content:flex-end}.plan-saved-card progress{margin:22px 0 4px}.plan-step-list{padding-left:23px;margin:0}.plan-step-list li{padding:12px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.plan-step-list li:last-child{border-bottom:0}.plan-step-list label{display:flex;align-items:flex-start;gap:10px;line-height:1.5;cursor:pointer;min-width:0}.plan-step-list input{width:19px;height:19px;flex:none;margin:2px 0 0;accent-color:var(--green)}.plan-step-list input:checked+span{text-decoration:line-through;color:var(--muted)}.plan-step-list .text-button{flex:none}.plan-tool-workspace{margin:0 auto}.plan-tool-help{max-width:850px}.plan-tool-help p,.plan-tool-help li{line-height:1.75;color:var(--muted)}.plan-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.plan-example-grid article{border:1px solid var(--line);border-radius:17px;padding:20px;background:var(--surface,#fff)}.plan-example-grid h3{margin:0 0 8px}.plan-example-grid p{margin:0}[data-theme="dark"] .plan-template[aria-pressed="true"]{background:var(--raised);border-color:var(--accent)}[data-theme="dark"] .plan-template[aria-pressed="true"] span{color:var(--muted)}
@media(max-width:850px){.plan-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-saved-head{display:block}.plan-saved-head .history-actions{justify-content:flex-start;margin-top:10px}}
@media(max-width:600px){.plan-maker{margin:24px 0}.plan-template-grid,.plan-form-grid,.plan-example-grid{grid-template-columns:1fr}.plan-template{min-height:0}.plan-saved-card{padding:19px}.plan-step-list li{align-items:flex-start;flex-direction:column}.plan-step-list .text-button{margin-left:28px}.plan-maker .panel{padding:20px}}
@media print{body[data-print-plan] :is(.header,.site-footer,.plan-maker,.plan-tool-intro,.plan-tool-help,.workspace-top,.workspace-links,.plan-grid,.plan-collection>.section-heading,.pwa-card,#toast){display:none!important}body[data-print-plan] .plan-saved-card:not(.is-print-target){display:none!important}body[data-print-plan] .plan-saved-card{border:0;box-shadow:none;padding:0;margin:0}body[data-print-plan] .plan-saved-card :is(button,progress){display:none!important}body[data-print-plan] .plan-saved-card li{display:list-item;list-style:decimal inside}body[data-print-plan] .plan-saved-card input{appearance:auto}body[data-print-plan] main{max-width:none!important}}

/* Planning templates and local reminders */
.template-hub,.template-detail{padding-top:42px;padding-bottom:72px}.template-hub>.lead{max-width:800px}.template-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:34px 0}.template-hub-card{display:flex;flex-direction:column;gap:20px;padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--surface,#fff)}.template-hub-card h2{margin:8px 0}.template-hub-card h2 a{color:var(--ink);text-decoration:none}.template-hub-card p{color:var(--muted);line-height:1.6}.template-hub-card .button{align-self:flex-start;margin-top:auto}.template-preview{display:grid;gap:8px;margin:14px 0 18px}.template-preview-week{grid-template-columns:repeat(7,minmax(0,1fr))}.template-preview-timeline{grid-template-columns:1fr}.template-preview-reading{grid-template-columns:repeat(2,minmax(0,1fr))}.template-preview-board{grid-template-columns:repeat(5,minmax(0,1fr))}.template-preview-slot{min-width:0;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--raised,#f5f7f0)}.template-preview-slot span{display:block;color:var(--green);font-size:.7rem;letter-spacing:.1em}.template-preview-slot strong{display:block;margin:4px 0 6px;font-size:.78rem;line-height:1.3}.template-preview-slot small{display:block;color:var(--muted);font-size:.69rem;line-height:1.4}.template-preview-week .template-preview-slot small,.template-preview-board .template-preview-slot small{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.template-preview-timeline .template-preview-slot{display:grid;grid-template-columns:32px 125px 1fr;align-items:center;gap:10px}.template-preview-timeline .template-preview-slot span,.template-preview-timeline .template-preview-slot strong{margin:0}.template-hub-explainer{max-width:850px;margin:60px auto 0;line-height:1.7}.template-hub-explainer h2{margin-top:34px}.template-breadcrumb{display:flex;gap:10px;color:var(--muted);font-size:.9rem;margin-bottom:32px}.template-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1fr);gap:32px;align-items:start}.template-detail-hero h1{margin:12px 0 18px}.template-detail-hero .lead{line-height:1.65}.template-detail-hero>.template-preview{padding:18px;margin:0;border:1px solid var(--line);border-radius:22px;background:var(--surface,#fff)}.template-help{max-width:850px;margin:55px 0}.template-help h2{margin:34px 0 12px}.template-help p{line-height:1.7;color:var(--muted)}.template-example-cells{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.template-example-cells>div{padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--surface,#fff)}.template-example-cells strong,.template-example-cells span{display:block}.template-example-cells span{color:var(--muted);margin-top:8px;line-height:1.55}.template-workbench{scroll-margin-top:24px}.template-workbench-top{max-width:760px;margin-bottom:20px}.template-workbench-top p{color:var(--muted);line-height:1.6}.template-workbench>.panel{max-width:none}.template-workbench label{display:block;font-weight:600;margin-bottom:18px}.template-workbench .field{margin-top:8px}.template-workbench label small{display:block;font-weight:400;color:var(--muted);margin-top:5px}.structured-slots{display:grid;gap:12px;margin:25px 0}.structured-week{grid-template-columns:repeat(7,minmax(150px,1fr));overflow-x:auto}.structured-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.structured-reading{grid-template-columns:repeat(2,minmax(0,1fr))}.structured-board{grid-template-columns:repeat(5,minmax(180px,1fr));overflow-x:auto}.structured-slot{min-width:0;padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--raised,#f5f7f0)}.structured-slot .slot-kicker{display:block;color:var(--green);font-size:.7rem;letter-spacing:.12em}.structured-slot strong{display:block;margin:6px 0}.structured-slot textarea{width:100%;min-height:125px;resize:vertical;font-weight:400}.structured-timeline .structured-slot{border-left:4px solid var(--green)}.structured-reading .structured-slot:nth-child(2){grid-column:span 1}.structured-saved{display:grid;gap:10px;margin-top:18px}.structured-saved.structured-week{grid-template-columns:repeat(7,minmax(145px,1fr))}.structured-saved.structured-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.structured-saved.structured-reading{grid-template-columns:repeat(2,minmax(0,1fr))}.structured-saved.structured-board{grid-template-columns:repeat(5,minmax(170px,1fr))}.structured-saved-slot{min-width:0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--raised,#f5f7f0)}.structured-saved-label strong,.structured-saved-label small{display:block}.structured-saved-label small{color:var(--muted);margin:4px 0}.structured-saved-step{padding:10px 0;border-top:1px solid var(--line)}.structured-saved-step label{display:flex;align-items:flex-start;gap:7px;line-height:1.45}.structured-saved-step input{flex:none;margin-top:3px;accent-color:var(--green)}.structured-saved-step input:checked+span{text-decoration:line-through;color:var(--muted)}.structured-saved-step .text-button{margin:7px 0 0 22px}.plan-template-link{margin:28px 0}.reminder-settings{margin:28px 0}.reminder-settings p{color:var(--muted);line-height:1.6}.reminder-today{white-space:nowrap;color:var(--green)}.reminder-controls{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin:20px 0}.reminder-controls label{display:flex;align-items:center;gap:9px}.reminder-controls input[type=checkbox]{width:18px;height:18px;accent-color:var(--green)}.reminder-controls input[type=time]{width:130px;margin:0}.reminder-settings .actions{align-items:center;gap:15px}.reminder-settings #reminder-status{font-size:.85rem;color:var(--muted)}
@media(max-width:1000px){.template-preview-week,.template-preview-board{grid-template-columns:repeat(4,minmax(0,1fr))}.template-detail-hero{grid-template-columns:1fr}.structured-week{grid-template-columns:repeat(4,minmax(150px,1fr))}.structured-saved.structured-week{grid-template-columns:repeat(4,minmax(145px,1fr))}}
@media(max-width:700px){.template-hub-grid,.template-example-cells,.structured-timeline,.structured-reading,.structured-saved.structured-timeline,.structured-saved.structured-reading{grid-template-columns:1fr}.template-preview-week,.template-preview-board{grid-template-columns:repeat(2,minmax(0,1fr))}.template-hub-card{padding:20px}.template-preview-timeline .template-preview-slot{grid-template-columns:27px 1fr}.template-preview-timeline .template-preview-slot small{grid-column:2}.structured-week,.structured-saved.structured-week{grid-template-columns:repeat(2,minmax(140px,1fr))}.structured-board,.structured-saved.structured-board{grid-template-columns:repeat(2,minmax(145px,1fr))}.reminder-controls{display:grid;grid-template-columns:1fr}.template-detail{padding-top:24px}}
@media print{.template-workbench .actions,.reminder-settings,.template-hub-card .button{display:none}.structured-slot textarea{border:0;min-height:0}.structured-week,.structured-board{overflow:visible;grid-template-columns:repeat(2,1fr)}}

/* Study template catalog: each workflow has a distinct reading rhythm. */
.template-group{margin:58px 0}.template-group-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;border-bottom:1px solid var(--line)}.template-group-heading h2{font-size:clamp(1.65rem,3vw,2.25rem);margin-bottom:16px}.template-group-heading p{max-width:48ch;color:var(--muted);line-height:1.6}.template-group .template-hub-grid{margin-top:23px}.template-hub-card h3{font-size:1.45rem;line-height:1.25;margin:7px 0 10px}.template-hub-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}.template-hub-card .template-preview{flex:none}.template-hub-card .template-preview-week,.template-hub-card .template-preview-board{grid-template-columns:repeat(3,minmax(0,1fr))}.template-preview-day,.template-preview-rhythm{grid-template-columns:1fr}.template-preview-day .template-preview-slot,.template-preview-rhythm .template-preview-slot{display:grid;grid-template-columns:29px 1fr;gap:3px 12px;align-items:center}.template-preview-day .template-preview-slot small,.template-preview-rhythm .template-preview-slot small{grid-column:2}.template-preview-month,.template-preview-term{grid-template-columns:repeat(5,minmax(0,1fr))}.template-preview-month .template-preview-slot,.template-preview-term .template-preview-slot{border-top:5px solid #bdd17f}.template-preview-month .template-preview-slot:nth-child(5){background:#f8eddb;border-color:#e7d6b5}.template-preview-repeat{grid-template-columns:repeat(3,minmax(0,1fr))}.template-preview-repeat .template-preview-slot{border-radius:100px 100px 18px 18px;background:#eef2dc}.template-preview-language{grid-template-columns:repeat(3,minmax(0,1fr))}.template-preview-language .template-preview-slot:nth-child(2n){background:#f6ede3}.template-preview-research{grid-template-columns:1fr}.template-preview-research .template-preview-slot{display:grid;grid-template-columns:34px 150px 1fr;gap:10px;align-items:center;border-left:4px solid #c48455}.template-preview-research .template-preview-slot strong{margin:0}.template-preview-balance{grid-template-columns:repeat(5,minmax(0,1fr))}.template-preview-balance .template-preview-slot:nth-child(1){background:#e7ead1}.template-preview-balance .template-preview-slot:nth-child(2){background:#eef0de}.template-preview-balance .template-preview-slot:nth-child(3){background:#f4eee0}.template-preview-balance .template-preview-slot:nth-child(4){background:#e8f0e9}.structured-day,.structured-rhythm,.structured-research{grid-template-columns:1fr 1fr}.structured-month,.structured-term,.structured-balance{grid-template-columns:repeat(5,minmax(175px,1fr));overflow-x:auto}.structured-repeat,.structured-language{grid-template-columns:repeat(3,minmax(0,1fr))}.structured-day .structured-slot,.structured-rhythm .structured-slot,.structured-research .structured-slot{border-left:5px solid #bdd17f}.structured-rhythm .structured-slot:nth-child(3){background:#e9f1e2}.structured-repeat .structured-slot{border-top:5px solid #bdd17f}.structured-language .structured-slot:nth-child(2n){background:#f6eee6}.structured-balance .structured-slot:nth-child(4){background:#e8f0e9}.structured-saved.structured-day,.structured-saved.structured-rhythm,.structured-saved.structured-research{grid-template-columns:1fr 1fr}.structured-saved.structured-month,.structured-saved.structured-term,.structured-saved.structured-balance{grid-template-columns:repeat(5,minmax(170px,1fr));overflow-x:auto}.structured-saved.structured-repeat,.structured-saved.structured-language{grid-template-columns:repeat(3,minmax(0,1fr))}[data-theme="dark"] :is(.template-preview-month .template-preview-slot:nth-child(5),.template-preview-language .template-preview-slot:nth-child(2n),.template-preview-balance .template-preview-slot,.structured-rhythm .structured-slot:nth-child(3),.structured-language .structured-slot:nth-child(2n),.structured-balance .structured-slot:nth-child(4)){background:var(--raised);color:var(--ink)}
@media(max-width:1000px){.template-preview-month,.template-preview-term,.template-preview-balance{grid-template-columns:repeat(3,minmax(0,1fr))}.structured-month,.structured-term,.structured-balance,.structured-saved.structured-month,.structured-saved.structured-term,.structured-saved.structured-balance{grid-template-columns:repeat(3,minmax(170px,1fr))}.structured-repeat,.structured-language,.structured-saved.structured-repeat,.structured-saved.structured-language{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.template-group{margin:40px 0}.template-group-heading{display:block}.template-group-heading p{margin-bottom:16px}.template-hub-card .template-preview-week,.template-hub-card .template-preview-board,.template-preview-month,.template-preview-term,.template-preview-balance{grid-template-columns:repeat(2,minmax(0,1fr))}.template-preview-research .template-preview-slot{grid-template-columns:25px 1fr}.template-preview-research .template-preview-slot small{grid-column:2}.structured-day,.structured-rhythm,.structured-research,.structured-repeat,.structured-language,.structured-saved.structured-day,.structured-saved.structured-rhythm,.structured-saved.structured-research,.structured-saved.structured-repeat,.structured-saved.structured-language{grid-template-columns:1fr}.structured-month,.structured-term,.structured-balance,.structured-saved.structured-month,.structured-saved.structured-term,.structured-saved.structured-balance{grid-template-columns:repeat(2,minmax(145px,1fr))}}
/* Keep the everyday path visible; reveal setup and management only when asked. */
.home-shortcuts{gap:8px 22px;align-items:center}.home-shortcuts a{font-size:.9rem;text-decoration:none;border-bottom:1px solid var(--line)}
.setup-more,.focus-extra,.review-extra,.workspace-history,.plan-create,.plan-settings,.plan-card-more{border:1px solid var(--line);border-radius:15px;background:var(--surface,#fff)}
.setup-more,.focus-extra,.review-extra,.workspace-history{margin:20px 0;padding:0 18px}.setup-more summary,.focus-extra>summary,.review-extra>summary,.workspace-history>summary,.plan-create>summary,.plan-settings>summary,.plan-card-more>summary{cursor:pointer;font-weight:650;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px}.setup-more summary::-webkit-details-marker,.focus-extra>summary::-webkit-details-marker,.review-extra>summary::-webkit-details-marker,.workspace-history>summary::-webkit-details-marker,.plan-create>summary::-webkit-details-marker,.plan-settings>summary::-webkit-details-marker,.plan-card-more>summary::-webkit-details-marker{display:none}.setup-more summary:after,.focus-extra>summary:after,.review-extra>summary:after,.workspace-history>summary:after,.plan-create>summary:after,.plan-settings>summary:after,.plan-card-more>summary:after{content:'+';font-size:1.3rem;font-weight:400;color:var(--muted)}.setup-more[open] summary:after,.focus-extra[open]>summary:after,.review-extra[open]>summary:after,.workspace-history[open]>summary:after,.plan-create[open]>summary:after,.plan-settings[open]>summary:after,.plan-card-more[open]>summary:after{content:'−'}
.setup-more summary,.focus-extra>summary,.review-extra>summary,.workspace-history>summary{padding:15px 0}.setup-more summary span{margin-left:auto;font-size:.8rem;font-weight:400;color:var(--muted)}.setup-extra-fields{padding:4px 0 14px}.setup-extra-fields .field-label{margin-top:14px}.setup-actions{margin-top:22px}.setup-actions .button{max-width:330px}.focus-extra .resource-shelf{margin:4px 0 18px}.focus-extra>.quick-note{padding-bottom:16px}.workspace-history .history{margin-top:0;padding-bottom:12px}.review-extra .review-fields{margin-top:0;border-top:0;padding:0 0 12px}.review-extra .check-row:first-child{margin-top:0}
.plan-create{margin:22px 0 26px;padding:0 22px}.plan-create>summary{padding:18px 0;font-size:1.05rem}.plan-create>summary span{margin-left:auto;color:var(--muted);font-size:.82rem;font-weight:400}.plan-create .plan-maker{margin:0 0 22px}.plan-create .plan-maker-heading{display:none}.plan-create .plan-template-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:10px 0 18px}.plan-create .plan-template{min-height:0;padding:13px;gap:5px}.plan-create .plan-template span{font-size:.75rem}.plan-create .plan-maker .panel{max-width:none}.plan-collection{margin-top:28px}.plan-settings{padding:0 22px;margin:24px 0}.plan-settings>summary{padding:18px 0}.plan-settings .reminder-settings{margin:0 0 22px}.plan-card-more{position:relative;padding:0 10px;border-radius:9px}.plan-card-more>summary{font-size:.85rem;padding:8px 0;white-space:nowrap}.plan-more-actions{position:absolute;z-index:4;right:0;top:calc(100% + 4px);width:210px;display:grid;padding:10px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #0002}.plan-more-actions button{text-align:left;padding:8px 10px}.plan-saved-head .history-actions{align-items:flex-start}.plan-saved-head .history-actions>button{white-space:nowrap}
[data-theme="dark"] :is(.setup-more,.focus-extra,.review-extra,.workspace-history,.plan-create,.plan-settings,.plan-card-more,.plan-more-actions){background:var(--raised)}
@media(max-width:800px){.plan-create .plan-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.plan-create,.plan-settings{padding-inline:16px}.plan-create .plan-template-grid{grid-template-columns:1fr 1fr}.plan-create .plan-template span{display:none}.plan-create .plan-template{padding:12px}.plan-create>summary span{display:none}.plan-saved-head{flex-direction:column}.plan-saved-head .history-actions{width:100%;justify-content:flex-start}.plan-more-actions{left:0;right:auto}.setup-actions .button{max-width:none}}
.library-primary-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px}.library-primary-actions .button{font-size:.9rem}.library-toolbar[hidden]{display:none!important}.library-page .workspace-top{margin-bottom:22px}.library-page .library-grid{margin-top:22px}.note-meta{border:1px solid var(--line);border-radius:12px;padding:0 15px;margin:18px 0}.note-meta summary{cursor:pointer;padding:12px 0;font-weight:600}.note-meta[open]{padding-bottom:14px}.note-meta .field-label{margin-top:12px}.library-editor #library-note-body{min-height:170px}
@media(max-width:600px){.library-primary-actions .button{flex:1}.library-primary-actions .text-button{width:100%}.library-page .workspace-top{margin-bottom:10px}}
@media(max-width:600px){.library-primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.library-primary-actions .button{min-width:0;width:100%;white-space:nowrap;justify-content:center}.library-primary-actions .text-button{grid-column:1/-1;width:auto;justify-self:start}}
/* Workspace hierarchy: one consistent destination bar and a single first action. */
.workspace-nav{display:flex;gap:6px;align-items:center;margin:0 0 28px;padding:5px;background:var(--raised,#f4f6ee);border:1px solid var(--line);border-radius:14px;width:max-content;max-width:100%}.workspace-nav a{padding:9px 14px;border-radius:10px;color:var(--muted);font-size:.88rem;text-decoration:none;font-weight:650;white-space:nowrap}.workspace-nav a:hover{color:var(--ink)}.workspace-nav a[aria-current="page"]{background:var(--surface,#fff);color:var(--ink);box-shadow:0 1px 4px #10271f18}.plan-start{background:var(--raised,#f4f6ee);border:1px solid var(--line);border-radius:24px;padding:clamp(28px,5vw,52px);margin:0 0 28px;max-width:760px}.plan-start h2{font-size:clamp(1.8rem,4vw,2.6rem);margin:8px 0 10px}.plan-start p{max-width:52ch;color:var(--muted);line-height:1.7;margin:0 0 22px}.plan-next,.plan-assignments{margin:28px 0}.plan-next{border-left:4px solid #c48455;padding-left:22px}.plan-next .section-heading,.plan-assignments .section-heading{align-items:center}.plan-next .section-heading h2,.plan-assignments .section-heading h2{margin:3px 0 5px}.plan-action-list{display:grid;gap:12px}.plan-action{border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--surface,#fff)}.plan-action .history-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px}.plan-action .button{padding:9px 14px}.plan-add-assignment{display:flex;align-items:center;gap:14px;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;color:var(--muted)}.plan-add-assignment p{margin:0}.plan-assignment-editor{margin-top:18px}.plan-assignments>.assignment-card{border:1px solid var(--line);border-radius:16px;padding:18px;margin:12px 0;background:var(--surface,#fff)}.plan-assignments .assignment-card h3{margin-top:0}.plan-assignments .assignment-card+.assignment-card{margin-top:10px}.plan-collection{margin:28px 0}.plan-collection>.section-heading{margin-bottom:16px}.plan-collection>.section-heading h2{margin:0}.plan-collection>.panel{border:1px dashed var(--line);background:transparent}.plan-settings{margin-top:28px}.plan-settings .reminder-settings{margin-bottom:22px}.plan-page .workspace-top{align-items:end}.plan-page .workspace-top>.button{white-space:nowrap}
[data-theme="dark"] .workspace-nav a[aria-current="page"]{background:var(--surface,#10271f)}
@media(max-width:600px){.workspace-nav{width:100%;overflow-x:auto}.workspace-nav a{flex:1;text-align:center;padding-inline:9px;font-size:.78rem}.plan-start{padding:28px 22px}.plan-next{padding-left:16px}.plan-action .history-actions{align-items:stretch}.plan-action .history-actions .button{width:100%;text-align:center}.plan-add-assignment{align-items:flex-start;flex-direction:column}.plan-page .workspace-top>.button{font-size:.82rem;padding:10px 12px}}
@media print{body[data-print-plan] .plan-card-more{display:none!important}}
@media(max-width:600px){.pwa-update{flex-wrap:nowrap;gap:8px;padding:9px 12px max(9px,env(safe-area-inset-bottom))}.pwa-update p{flex:1;min-width:0;font-size:.8rem}.pwa-update .button{padding:9px 10px;font-size:.78rem;white-space:nowrap}.pwa-update .text-button{padding:7px 0;font-size:.78rem}.pwa-update [role=status]:empty{display:none}body:has(#pwa-update){padding-bottom:80px}}
/* 2026-09 landing: flow, features and tools */
.home-flow{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.home-flow li{background:var(--surface,#fff);border:1px solid var(--line);border-radius:22px;padding:22px}
.home-flow .num{display:inline-block;font-weight:800;font-size:.8rem;letter-spacing:.1em;color:var(--orange);margin-bottom:10px}
.home-flow h3{margin:0 0 8px;font-size:1.1rem}
.home-flow p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.6}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.feature-grid article{padding:22px;border-radius:22px;background:var(--surface,#fff);border:1px solid var(--line)}
.feature-grid h3{margin:0 0 8px;font-size:1.08rem}
.feature-grid p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.6}
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tool-card{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:18px;border:1px solid var(--line);background:var(--surface,#fff);transition:border-color .2s,transform .2s}
.tool-card:hover{border-color:var(--ink);transform:translateY(-2px)}
.tool-card strong{font-size:1.02rem}
.tool-card span{color:var(--muted);font-size:.92rem;line-height:1.5}
[data-theme="dark"] :is(.home-flow li,.feature-grid article,.tool-card){background:var(--surface);border-color:var(--line)}
@media (max-width:900px){.home-flow{grid-template-columns:1fr 1fr}.feature-grid,.tool-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.home-flow,.feature-grid,.tool-grid{grid-template-columns:1fr}}
/* Mobile header on one row: brand · theme icon · CTA */
@media(max-width:600px){
 .header{grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center}
 .header-actions{grid-column:2!important;grid-row:1!important}
 .header nav{grid-column:3;grid-row:1}
 .header-actions .theme-toggle{min-width:0!important;width:44px;height:44px;padding:0!important;font-size:0!important;border-radius:12px;display:grid;place-items:center}
 .header-actions .theme-toggle::before{content:'';width:18px;height:18px;border-radius:50%;background:linear-gradient(90deg,currentColor 50%,transparent 50%);border:2px solid currentColor}
 .header .beta{display:none}
}
/* 2026-09 navigation: tools menu, mobile menu, grouped footer */
.header{position:relative;z-index:30}
.main-nav{display:flex;align-items:center;gap:26px;font-size:.92rem}
.main-nav>a:not(.button){font-weight:600}
.nav-menu,.nav-mobile{position:static}
.nav-menu>summary,.nav-mobile>summary{list-style:none;cursor:pointer}
.nav-menu>summary::-webkit-details-marker,.nav-mobile>summary::-webkit-details-marker{display:none}
.nav-menu>summary{font-weight:600;display:inline-flex;align-items:center;gap:6px;min-height:44px}
.nav-menu>summary::after{content:'';width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.nav-menu[open]>summary::after{transform:rotate(-135deg) translateY(-1px)}
.nav-panel{position:absolute;left:24px;right:24px;top:calc(100% - 6px);max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:8px 24px;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--paper);box-shadow:0 24px 60px rgb(24 62 53/.16);z-index:40}
[data-theme="dark"] .nav-panel{background:var(--surface);box-shadow:0 24px 60px rgb(0 0 0/.45)}
.nav-group{display:flex;flex-direction:column;gap:2px}
.nav-group-title{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
.nav-group a{display:flex;flex-direction:column;gap:1px;padding:8px 10px;margin:0 -10px;border-radius:12px;line-height:1.3}
.nav-group a:hover,.nav-group a:focus-visible{background:var(--green,#dbe7b3)}
[data-theme="dark"] .nav-group a:hover{background:var(--raised)}
.nav-group a strong{font-size:.93rem;font-weight:650}
.nav-group a small{font-size:.8rem;color:var(--muted)}
.nav-all{grid-column:1/-1;justify-self:start;font-weight:700;padding-top:8px;border-top:1px solid var(--line);width:100%}
.nav-mobile{display:none}
@media(max-width:860px){
 .main-nav .nav-menu,.main-nav>a:not(.button){display:none}
 .nav-mobile{display:block}
 .nav-mobile>summary{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px}
 .nav-mobile>summary span,.nav-mobile>summary span::before,.nav-mobile>summary span::after{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;position:relative;transition:transform .2s,opacity .2s}
 .nav-mobile>summary span::before,.nav-mobile>summary span::after{content:'';position:absolute;left:0}
 .nav-mobile>summary span::before{top:-6px}.nav-mobile>summary span::after{top:6px}
 .nav-mobile[open]>summary span{background:transparent}
 .nav-mobile[open]>summary span::before{transform:translateY(6px) rotate(45deg)}
 .nav-mobile[open]>summary span::after{transform:translateY(-6px) rotate(-45deg)}
 .nav-mobile .nav-panel{left:12px;right:12px;grid-template-columns:1fr;max-height:calc(100dvh - 90px);overflow:auto;padding:16px 20px;gap:14px}
}
@media(max-width:600px){
 .header{grid-template-columns:minmax(0,1fr) auto auto auto!important}
 .nav-mobile{grid-column:4;grid-row:1}
 .main-nav{grid-column:3;grid-row:1}
 .main-nav .button{padding:10px 12px}
}
.site-footer-v2{grid-template-columns:1.2fr 1fr 1fr 1fr 1fr!important;gap:28px!important}
.site-footer-v2 .footer-nav{display:flex!important;flex-direction:column}
.site-footer-v2 .footer-nav a{min-height:36px;padding:4px 0}
.site-footer-v2 .footer-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}
.site-footer-v2 .footer-actions h2,.site-footer-v2 .footer-actions p{margin:0}
@media(max-width:900px){.site-footer-v2{grid-template-columns:1fr 1fr!important}.site-footer-v2 .footer-brand{grid-column:1/-1}}
@media(max-width:520px){.site-footer-v2{grid-template-columns:1fr!important}}

.hub-group-title{font-size:1.3rem;margin:32px 0 14px}
/* 2026-09 templates: readable hub and detail pages */
.template-hub .lead,.template-detail .lead{font-size:1.15rem;line-height:1.7;max-width:62ch}
.tpl-chooser{margin:36px 0 12px;padding:24px;border-radius:24px;background:var(--green,#dbe7b3)}
[data-theme="dark"] .tpl-chooser{background:var(--raised)}
.tpl-chooser h2{font-size:1.35rem;margin:0 0 16px}
.tpl-chooser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tpl-situation{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:16px;background:var(--paper)}
[data-theme="dark"] .tpl-situation{background:var(--surface)}
.tpl-situation strong{margin-bottom:4px}
.tpl-situation a{font-size:.93rem;text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent)}
.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.tpl-card{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:22px;border:1px solid var(--line);background:var(--surface,#fff);transition:border-color .2s,transform .2s}
.tpl-card:hover{border-color:var(--ink);transform:translateY(-2px)}
.tpl-card h3{margin:0;font-size:1.15rem}
.tpl-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.tpl-card p{margin:0;font-size:.95rem;line-height:1.6;color:var(--muted)}
.tpl-card .tpl-who{color:var(--ink);font-size:.9rem}
.tpl-card-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tpl-chip{font-size:.75rem;font-weight:800;padding:4px 10px;border-radius:999px;background:var(--ink);color:var(--paper)}
.tpl-kind{font-size:.78rem;color:var(--muted);font-weight:600}
.tpl-actions{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-top:auto}
.tpl-card .tpl-actions{padding-top:6px}
.template-group{margin-top:44px}
.template-group-heading h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:6px}
.template-group-heading p{color:var(--muted);max-width:60ch;margin:0 0 18px}
.table-scroll{overflow-x:auto;margin:14px 0 8px}
.template-hub-explainer table{width:100%;border-collapse:collapse;min-width:560px;font-size:.95rem}
.template-hub-explainer th,.template-hub-explainer td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.template-hub-explainer thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.template-hub-explainer td a{font-weight:650;text-decoration:underline;text-underline-offset:3px}
.template-hub-explainer,.template-help{max-width:760px}
.template-hub-explainer p,.template-help p,.template-help li{font-size:1.05rem;line-height:1.8}
.template-hub-explainer h2,.template-help h2{font-size:clamp(1.4rem,2.6vw,1.8rem);margin:44px 0 12px}
.template-hub-explainer details,.template-help details{border:1px solid var(--line);border-radius:14px;padding:4px 16px;margin:10px 0;background:var(--surface,#fff)}
.template-hub-explainer summary,.template-help summary{cursor:pointer;font-weight:650;padding:12px 0}
.template-help a,.tpl-more a,.template-hub-explainer p a{text-decoration:underline;text-underline-offset:3px}
.tpl-facts{list-style:none;padding:0;margin:18px 0 22px;display:flex;flex-wrap:wrap;gap:10px}
.tpl-facts li{display:flex;flex-direction:column;padding:8px 14px;border-radius:14px;border:1px solid var(--line);font-size:.95rem}
.tpl-facts strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.tpl-steps{counter-reset:s;list-style:none;padding:0;margin:14px 0;display:flex;flex-direction:column;gap:10px}
.tpl-steps li{counter-increment:s;display:grid;grid-template-columns:36px 1fr;column-gap:12px;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:var(--surface,#fff)}
.tpl-steps li::before{content:counter(s);grid-row:span 2;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--green,#dbe7b3);font-weight:800;font-size:.9rem}
[data-theme="dark"] .tpl-steps li::before{background:var(--raised)}
.tpl-steps strong{font-size:1rem}
.tpl-steps span{color:var(--muted);line-height:1.6}
.tpl-example{padding:18px 20px;border-left:4px solid var(--orange);background:var(--surface,#fff);border-radius:0 16px 16px 0}
.tpl-related{margin-top:14px}
.tpl-more{margin-top:32px;color:var(--muted)}
.template-detail .template-app{margin:36px 0 12px}
.template-detail-hero .template-preview{font-size:.95rem}
.template-detail-hero .template-preview span,.template-detail-hero .template-preview small{font-size:.8rem;line-height:1.4}
[data-theme="dark"] :is(.tpl-card,.tpl-steps li,.tpl-example,.template-hub-explainer details,.template-help details){background:var(--surface);border-color:var(--line)}
@media(max-width:860px){.tpl-chooser-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.tpl-chooser-grid{grid-template-columns:1fr}.tpl-chooser{padding:18px}}

.article-tools{margin:40px 0 8px;padding:22px;border-radius:22px;background:var(--green,#dbe7b3)}
.article-tools h2{margin:0 0 14px!important;font-size:1.3rem!important}
[data-theme="dark"] .article-tools{background:var(--raised)}
@media(max-width:600px){
 .header{column-gap:6px!important;padding-inline:14px!important}
 .header>.brand{font-size:1.2rem;gap:7px;overflow:hidden}
 .header>.brand .brand-mark{width:32px;height:32px;font-size:26px;border-radius:11px;flex:none}
 .main-nav .button{font-size:.8rem!important;padding:10px 10px!important;gap:6px}
 .main-nav .button span{display:none}
 .header-actions .theme-toggle,.nav-mobile>summary{width:40px!important;height:40px!important}
}
/* 2026-09 user guide */
.guide{max-width:1040px;margin:40px auto 0;padding:0 20px}
.guide>h1{font-size:clamp(2.2rem,6vw,3.6rem);margin:8px 0 14px}
.guide .lead{max-width:62ch;font-size:1.15rem;line-height:1.7}
.guide-toc{margin:28px 0;padding:20px 24px;border-radius:20px;border:1px solid var(--line);background:var(--surface,#fff);max-width:640px}
.guide-toc ol{margin:10px 0 0;padding-left:22px;columns:2;column-gap:28px}
.guide-toc li{margin:4px 0;break-inside:avoid}
.guide-toc a{text-decoration:underline;text-underline-offset:3px}
.guide-step{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start;padding:44px 0;border-top:1px solid var(--line)}
.guide-step:nth-of-type(even){grid-template-columns:300px minmax(0,1fr)}
.guide-step:nth-of-type(even) .guide-shot{order:-1}
.guide-step:not(:has(.guide-shot)){grid-template-columns:minmax(0,1fr)}
.guide-text h2{font-size:clamp(1.4rem,2.8vw,1.9rem);margin:0 0 14px}
.guide-text p,.guide-text li{font-size:1.05rem;line-height:1.8;max-width:62ch}
.guide-text a,.guide-faq a{text-decoration:underline;text-underline-offset:3px}
.guide-shot{margin:0;position:sticky;top:20px}
.guide-shot img{width:100%;height:auto;border-radius:32px;border:8px solid #1c2622;box-shadow:0 24px 60px rgb(24 62 53/.18);background:#f5f2ea}
.guide-shot figcaption{font-size:.85rem;color:var(--muted);text-align:center;margin-top:10px}
.guide-faq{padding:40px 0;border-top:1px solid var(--line);max-width:760px}
.guide-faq h3{font-size:1.1rem;margin:22px 0 6px}
.guide-faq p{line-height:1.75;margin:0}
.guide .related-posts{margin:32px 0}
@media(max-width:820px){.guide-step,.guide-step:nth-of-type(even){grid-template-columns:1fr;gap:20px}.guide-step:nth-of-type(even) .guide-shot{order:0}.guide-shot{position:static;max-width:280px;margin:0 auto}.guide-toc ol{columns:1}}
/* Theme switch: header button on desktop, a row inside the menu on phones */
.nav-theme{display:none}
@media(max-width:860px){
 .header-actions .theme-toggle{display:none!important}
 .nav-mobile .nav-theme:not([hidden]){display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-weight:650;cursor:pointer}
 .nav-mobile .nav-theme::before{content:'';width:18px;height:18px;border-radius:50%;box-shadow:inset -6px -3px 0 0 currentColor;transform:rotate(-20deg)}
 [data-theme="dark"] .nav-mobile .nav-theme::before{box-shadow:none;background:currentColor;outline:3px solid color-mix(in srgb,currentColor 35%,transparent);outline-offset:2px;width:12px;height:12px;margin:3px}
 .header{grid-template-columns:minmax(0,1fr) auto auto!important}
 .main-nav{grid-column:2!important}
 .nav-mobile{grid-column:3!important}
}
@media(max-width:860px){.header .header-actions{display:none!important}}
/* Newsletter: interests and profile */
.nl-interests{border:0;padding:0;margin:14px 0 6px;display:flex;flex-wrap:wrap;gap:8px}
.nl-interests legend{font-weight:650;margin-bottom:8px;padding:0}
.nl-chip{position:relative;cursor:pointer}
.nl-chip input{position:absolute;opacity:0;inset:0}
.nl-chip span{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);font-size:.9rem;font-weight:600;background:var(--paper)}
.nl-chip input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.nl-chip input:focus-visible+span{outline:3px solid #c37831;outline-offset:2px}
.nl-optional{font-weight:500;color:var(--muted);font-size:.85rem}
.newsletter-card select.field,#modal select.field{width:100%}
/* Use-case pages (answer-first) */
.uc-head{max-width:860px;margin:0 0 40px}.uc-head h1{font-size:clamp(2.1rem,4.4vw,3.6rem);line-height:1.1;margin:10px 0 18px}
.uc-answer{background:#eef4e4;border:1px solid #d4dfc6;border-left:5px solid var(--ink);border-radius:18px;padding:18px 22px;margin:0 0 14px}.uc-answer strong{display:block;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.uc-answer p{margin:0;font-size:1.08rem;line-height:1.7}
.uc-shot{float:right;width:min(250px,42%);margin:6px 0 18px 26px;text-align:center}.uc-shot img{width:100%;height:auto;border-radius:22px;border:1px solid var(--line);box-shadow:0 12px 36px rgb(24 62 53/.12)}.uc-shot figcaption{font-size:.8rem;color:var(--muted);margin-top:8px}
.usecase-copy h2{clear:both;scroll-margin-top:30px}.usecase-copy table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.94rem}.usecase-copy th,.usecase-copy td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top}.usecase-copy thead th{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.usecase-copy li{line-height:1.75;margin-bottom:6px}.usecase-copy .usecase-cta{clear:both}
.usecase-grid .usecase-card h3{font-size:1.2rem;line-height:1.35;margin:0 0 8px}
.uc-facts{display:grid;gap:10px;margin:18px 0}.uc-facts>div{display:grid;grid-template-columns:160px 1fr;gap:14px;border-bottom:1px solid var(--line);padding:10px 0}.uc-facts dt{font-weight:750}.uc-facts dd{margin:0;color:var(--muted)}
.home-problems .problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.problem-link{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:16px 18px;background:var(--surface,#fff);font-weight:650}.problem-link:hover{border-color:var(--ink)}
[data-theme="dark"] .uc-answer{background:var(--raised);border-color:var(--line);border-left-color:var(--accent)}
@media(max-width:700px){.uc-shot{float:none;width:min(260px,80%);margin:18px auto}.uc-facts>div{grid-template-columns:1fr;gap:4px}.home-problems .problem-grid{grid-template-columns:1fr}}
.uc-shot{clear:right}.usecase-copy li .uc-shot{float:none;display:block;width:min(230px,70%);margin:14px 0 6px}.usecase-copy li .uc-shot figcaption{text-align:left}