:root{--paper: #f7f1e7;--paper-deep: #eadfce;--ink: #1f2933;--muted: #66717c;--teal: #2f7d6d;--teal-dark: #245f54;--clay: #c65d3a;--line: #e3d6c3;--white: #fffdf8;--shadow: 0 24px 70px rgba(54, 44, 31, .16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Source Sans 3",sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}main{min-height:100vh;background:linear-gradient(90deg,rgba(31,41,51,.05) 1px,transparent 1px) 0 0 / 72px 72px,radial-gradient(circle at 80% 10%,rgba(198,93,58,.12),transparent 34rem),var(--paper)}.hero{min-height:92vh;padding:24px clamp(18px,4vw,64px) 56px}.topbar{align-items:center;display:flex;justify-content:space-between;gap:24px;min-height:48px}.brand,.navlinks,.search-strip,.print-actions,.builder-heading,.roadmap{align-items:center;display:flex}.brand{gap:10px;font-family:IBM Plex Mono,monospace;font-weight:600;letter-spacing:0}.navlinks{gap:22px;color:var(--muted);font-weight:700}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.75fr);gap:clamp(28px,5vw,80px);align-items:center;margin:78px auto 0;max-width:1180px}.hero-copy{max-width:760px}.eyebrow,.section-kicker{color:var(--clay);font-family:IBM Plex Mono,monospace;font-size:.78rem;font-weight:600;letter-spacing:0;margin:0 0 12px;text-transform:uppercase}h1,h2,h3{font-family:Fraunces,serif;line-height:.98;margin:0}h1{font-size:clamp(3rem,8vw,6.8rem);max-width:880px}h2{font-size:clamp(2rem,4vw,4rem)}h3{font-size:1.45rem}h4{color:var(--ink);font-family:Fraunces,serif;font-size:1.15rem;line-height:1.08;margin:9px 0 0}.lede{color:var(--muted);font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.55;margin:26px 0;max-width:650px}.search-strip{background:var(--ink);color:var(--white);gap:12px;max-width:fit-content;padding:13px 16px}.print-sample{transform:rotate(2deg)}.sample-paper{background:var(--white);border:1px solid rgba(31,41,51,.08);box-shadow:var(--shadow);min-height:500px;padding:32px;position:relative}.sample-paper:before{background-image:linear-gradient(var(--line) 1px,transparent 1px);background-size:100% 34px;content:"";inset:118px 32px 32px;opacity:.6;pointer-events:none;position:absolute}.sample-paper p{color:var(--clay);font-family:IBM Plex Mono,monospace;margin:0 0 16px;text-transform:uppercase}.sample-paper h2{font-size:2.4rem;margin-bottom:32px}.sample-line{align-items:center;display:flex;gap:12px;min-height:34px;position:relative;z-index:1}.sample-line span{border:2px solid var(--teal);height:18px;width:18px}.sample-line b{font-weight:600}.workspace,.content-section{display:grid;grid-template-columns:minmax(260px,.45fr) minmax(0,1fr);gap:32px;margin:0 auto;max-width:1180px;padding:64px clamp(18px,4vw,24px)}.scene-panel,.builder-panel,.checklist-band,.content-section article,.roadmap{background:#fffdf8c7;border:1px solid rgba(31,41,51,.1)}.scene-panel{align-self:start;padding:28px;position:sticky;top:18px}.scene-panel p:not(.section-kicker),.intro,.content-section p,.roadmap p,.page-tile p{color:var(--muted);line-height:1.55}.intent-note{background:#f3f7ff;border:1px solid #d8e4ff;color:#1d3f72;line-height:1.55;margin:-4px 0 18px;padding:12px 14px}.share-panel{align-items:center;background:#fff8ef;border:1px solid #ead0b6;display:flex;gap:18px;justify-content:space-between;margin:0 0 22px;padding:16px}.share-panel h3{font-size:1.28rem}.share-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.share-actions a,.share-actions button{align-items:center;background:var(--ink);border:1px solid var(--ink);color:var(--white);cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:42px;padding:10px 13px}.share-actions a+a,.share-actions button{background:var(--white);border:1px solid var(--line);color:var(--ink)}.path-links{border:1px solid var(--line);margin:0 0 22px;padding:16px}.path-links h3{font-size:1.28rem}.path-link-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.path-link-grid a{background:var(--white);border-left:3px solid var(--teal);display:grid;gap:6px;padding:12px}.path-link-grid a:hover{border-left-color:var(--clay)}.path-link-grid span{color:var(--muted);line-height:1.4}.scene-list{display:grid;gap:10px;margin-top:26px}.scene{background:transparent;border:1px solid var(--line);color:var(--ink);cursor:pointer;display:grid;gap:2px;padding:14px;text-align:left}.scene.active{background:var(--teal);border-color:var(--teal);color:var(--white)}.scene small{color:currentColor;font-family:IBM Plex Mono,monospace;opacity:.76}.builder-panel{padding:clamp(22px,4vw,42px)}.builder-heading{justify-content:space-between;gap:20px}.icon-button,.check-button,.ghost-button{align-items:center;background:var(--white);border:1px solid var(--line);color:var(--ink);cursor:pointer;display:inline-flex;justify-content:center}.icon-button{height:44px;width:44px}.intro{font-size:1.1rem;margin:20px 0 24px}.print-meta{display:none}.task-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:18px}.task-form input{background:var(--white);border:1px solid var(--line);color:var(--ink);min-width:0;padding:13px 14px}.task-form button,.print-actions button{align-items:center;background:var(--teal);border:1px solid var(--teal);color:var(--white);cursor:pointer;display:inline-flex;font-weight:700;gap:9px;justify-content:center;padding:13px 16px}.print-actions .secondary-action{background:var(--white);border-color:var(--line);color:var(--ink)}.task-list{display:grid;gap:8px}.task{align-items:center;background:var(--white);border:1px solid rgba(31,41,51,.08);display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) auto;min-height:52px;padding:9px 10px}.task.done span{color:var(--muted);text-decoration:line-through}.check-button{color:var(--teal);height:28px;width:28px}.ghost-button{color:var(--muted);height:32px;width:32px}.print-actions{border-top:1px solid var(--line);justify-content:space-between;margin-top:22px;padding-top:18px}.action-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.print-actions span{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:.84rem}.checklist-band{margin:36px auto;max-width:1180px;padding:42px clamp(18px,4vw,42px)}.featured-checklists{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px}.featured-checklist{background:var(--white);border:1px solid var(--line);display:grid;gap:8px;min-height:92px;padding:16px}.featured-checklist:focus-visible{outline:3px solid rgba(47,125,109,.45);outline-offset:4px}.featured-checklist:hover{border-color:var(--teal)}.featured-checklist span{color:var(--clay);font-family:IBM Plex Mono,monospace;font-size:.76rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.featured-checklist strong{font-family:Fraunces,serif;font-size:1.25rem;line-height:1.08}.page-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px}.page-groups{display:grid;gap:32px;margin-top:28px}.page-group h3{border-bottom:1px solid var(--line);padding-bottom:10px}.page-tile{border-top:3px solid var(--clay);display:block;padding:18px 0 0}.page-tile:focus-visible{outline:3px solid rgba(47,125,109,.45);outline-offset:8px}.page-tile:hover h4{color:var(--teal-dark)}.page-tile span{color:var(--teal-dark);font-family:IBM Plex Mono,monospace;font-size:.82rem;font-weight:600}.page-tile h3{margin-top:9px}.page-tile h4+p{margin-top:8px}.content-section{align-items:start}.content-section article{padding:32px}details{border-top:1px solid var(--line);padding:16px 0}.guide-list{display:grid;gap:18px;margin-top:28px}.how-to-steps{counter-reset:checklist-step;display:grid;gap:14px;list-style:none;margin:26px 0 0;padding:0}.how-to-steps li{border-top:1px solid var(--line);counter-increment:checklist-step;display:grid;gap:6px;padding-top:16px;position:relative}.how-to-steps li:before{color:var(--teal-dark);content:counter(checklist-step,decimal-leading-zero);font-family:IBM Plex Mono,monospace;font-size:.82rem;font-weight:700}.how-to-steps strong{font-size:1.08rem}.how-to-steps span{color:var(--muted);line-height:1.6}.guide-list section{border-top:1px solid var(--line);padding-top:18px}.guide-list h3{font-size:1.35rem;line-height:1.1}summary{cursor:pointer;font-weight:800}.roadmap{gap:20px;margin:28px auto 80px;max-width:1180px;padding:28px}.roadmap h2{font-size:clamp(1.7rem,3vw,2.5rem)}.site-footer{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin:0 auto;max-width:1180px;padding:30px clamp(18px,4vw,24px) 48px}.site-footer a{color:var(--ink);font-weight:800}.static-prerender{background:var(--white);border:1px solid var(--line);margin:40px auto;max-width:820px;padding:clamp(24px,5vw,56px)}.static-prerender h1{font-size:clamp(2.7rem,8vw,5.4rem)}.static-prerender h2{border-top:1px solid var(--line);font-size:clamp(1.6rem,4vw,2.4rem);margin-top:32px;padding-top:22px}.static-prerender p,.static-prerender li{color:var(--muted);font-size:1.08rem;line-height:1.6}.checklist-image-preview{margin:28px auto;max-width:420px}.checklist-image-preview img{border:1px solid var(--line);box-shadow:0 16px 42px #362c1f1f;display:block;height:auto;width:100%}.checklist-image-preview figcaption{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:.82rem;margin-top:10px;text-align:center}.template-gallery{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.template-card{border:1px solid var(--line);display:grid;gap:10px;padding:12px}.template-card img{aspect-ratio:2 / 3;background:var(--paper-deep);display:block;height:auto;object-fit:cover;width:100%}.template-card strong{color:var(--ink);font-size:1rem;line-height:1.15}.template-card span{color:var(--muted);font-size:.9rem;line-height:1.35}.template-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.template-actions a{border:1px solid var(--line);color:var(--ink);font-size:.88rem;font-weight:800;padding:8px 10px}.static-prerender li+li{margin-top:9px}.static-trust-links{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:14px;margin-top:34px;padding-top:18px}.static-trust-links a{color:var(--ink);font-weight:800}.ad-slot{background:#f2eadc;border:1px dashed rgba(31,41,51,.25);color:var(--muted);margin:28px 0;min-height:120px;padding:14px;text-align:center}.ad-slot span{display:block;font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:600;letter-spacing:0;margin-bottom:10px;text-transform:uppercase}@media(max-width:900px){.hero{min-height:auto}.navlinks{display:none}.hero-grid,.workspace,.content-section{grid-template-columns:1fr}.hero-grid{margin-top:52px}.print-sample{transform:none}.scene-panel{position:static}.featured-checklists,.page-grid,.template-gallery{grid-template-columns:1fr}}@media(max-width:560px){.task-form,.print-actions,.action-buttons,.share-panel,.share-actions,.path-link-grid{align-items:stretch;display:grid;grid-template-columns:1fr}.sample-paper{min-height:420px;padding:24px}}@media print{@page{margin:.55in;size:letter}body{background:#fff;color:#111;font-family:Georgia,serif}main{background:#fff}.topbar,.hero-copy,.print-sample,.scene-panel,.task-form,.ghost-button,.print-actions,.checklist-band,.content-section,.roadmap,.site-footer{display:none}.hero,.workspace,.builder-panel{display:block;margin:0;padding:0}.builder-panel{border:0;color:#111;max-width:none}.builder-heading,.intro,.intent-note{display:none}.print-meta{border-bottom:2px solid #111;display:block;margin-bottom:22px;padding-bottom:14px}.print-meta p{font-family:IBM Plex Mono,monospace;font-size:10pt;font-weight:700;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}.print-meta h1{font-family:Georgia,serif;font-size:28pt;line-height:1;margin:0 0 8px}.print-meta span{display:block;font-size:11pt;line-height:1.35}.task-list{gap:0}.task{background:#fff;border:0;border-bottom:1px solid #cfcfcf;break-inside:avoid;grid-template-columns:24px minmax(0,1fr);min-height:42px;padding:8px 0}.task span{color:#111;font-size:12pt;line-height:1.35}.task.done span{color:#444}.check-button{background:#fff;border:2px solid #111;color:#111;height:18px;margin-top:2px;width:18px}.check-button svg{height:12px;width:12px}}