.story-page{padding-bottom:56px}.story-breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;padding-top:24px;font-size:12px;display:flex}.story-breadcrumb a{padding-block:10px}.story-hero{grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding:48px 0 56px;display:grid}.story-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.story-hero h1{max-width:17ch;margin-top:16px;font-size:clamp(38px,4vw,56px);line-height:1.08}.story-hero h1 em{color:var(--accent);font-style:normal}.story-lead{max-width:35ch;margin-top:22px;font-size:19px;line-height:1.5}.story-intro{color:var(--muted);max-width:49ch;margin-top:12px;font-size:15px}.story-hero-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:26px;display:flex}.story-small{color:var(--muted);margin-top:12px;line-height:1.6;font-size:12px!important}.story-art{min-width:0}.story-art>svg{width:100%;height:auto;display:block}.story-art figcaption{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:12px;font-size:11px;display:flex}.story-section-nav{border-block:1px solid var(--line);flex-wrap:wrap;gap:32px;padding:12px 0;font-size:13px;display:flex}.story-section-nav a{align-items:center;min-height:44px;display:flex}.story-section{border-bottom:1px solid var(--line);padding:64px 0;scroll-margin-top:24px}.story-section-heading{max-width:660px;margin-bottom:30px}.story-section h2{max-width:26ch;margin-top:12px;font-size:34px}.story-section-heading>p:last-child,.story-structure>div>p:last-child{color:var(--muted);margin-top:16px;font-size:15px}.story-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:30px;display:grid}.story-choices>button{text-align:left;border:1px solid var(--line);min-width:0;min-height:200px;color:var(--ink);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;gap:12px;padding:24px;display:flex}.story-choices>button[aria-pressed=true]{background:#eef0e2;border-color:#a4ad83}.story-choice-meta{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:11px}.story-choices strong{letter-spacing:-.03em;max-width:22ch;font-size:22px;font-weight:600;line-height:1.2}.story-choices>button>span:nth-of-type(2){color:var(--muted);font-size:13px;line-height:1.6}.story-choice-action{justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;font-size:12px;display:flex}.story-workshop{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:40px;display:grid}.story-settings h3,.story-prompt h3,.story-how h3,.story-refinement h3{letter-spacing:-.02em;font-size:19px;font-weight:600;line-height:1.4}.story-settings>p{color:var(--muted);margin-top:8px;font-size:13px}.story-settings label{margin-top:18px;font-size:13px;display:block}.story-settings select,.story-settings input{width:100%;min-height:46px;color:var(--ink);font:inherit;background:#fff;border:1px solid #c8c8bd;border-radius:6px;margin-top:6px;padding:10px 12px;font-size:16px;display:block}.story-page :is(button,input,select,pre,summary):focus-visible{outline:2px solid var(--accent);outline-offset:4px}.story-prompt{border:1px solid var(--line);background:#f0f0e9;border-radius:10px;min-width:0;padding:26px}.story-prompt-heading{justify-content:space-between;align-items:start;gap:18px;display:flex}.story-prompt-heading h3{margin-top:5px}.story-copy{flex-shrink:0}.story-copy .button{cursor:pointer;border:0;gap:16px;min-height:44px;padding:10px 15px;font-size:13px}.story-copy [role=status]{max-width:25ch;color:var(--muted);margin-top:6px;font-size:11px;line-height:1.5;display:block}.story-page pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#3a3c34;margin:22px 0 0;font:12px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace}.story-prompt pre{scrollbar-width:thin;max-height:480px;padding-right:12px;overflow:auto}.story-structure{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.story-structure ol{margin:0;padding:0;list-style:none}.story-structure li{border-bottom:1px solid var(--line);grid-template-columns:32px 1fr auto;align-items:center;gap:16px;padding:18px 0;font-size:14px;display:grid}.story-structure li>span,.story-structure small{color:var(--muted);font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.story-how{counter-reset:story-step;grid-template-columns:1fr 1fr;gap:32px 56px;margin:0;padding:0;list-style:none;display:grid}.story-how li{counter-increment:story-step}.story-how li:before{content:counter(story-step,decimal-leading-zero);color:var(--accent);margin-bottom:10px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.story-how p{color:var(--muted);margin-top:8px;font-size:14px}.story-page code{color:var(--ink);font-size:12px}.story-refinement{background:#f0f0e9;border-radius:8px;grid-template-columns:1fr auto;gap:16px;margin-top:32px;padding:24px;display:grid}.story-refinement p{color:var(--muted);margin-top:6px;font-size:13px}.story-refinement pre{grid-column:1/-1;margin-top:0}.story-faq{grid-template-columns:1fr 1.4fr;gap:64px;display:grid}.story-faq details{border-bottom:1px solid var(--line);padding:16px 0}.story-faq details:first-child{padding-top:0}.story-faq summary{cursor:pointer;padding:8px 0;font-size:16px;line-height:1.5}.story-faq details p{color:var(--muted);margin:12px 0 8px;font-size:14px}.story-next{background:#eef0e2;border-radius:10px;justify-content:space-between;align-items:center;gap:32px;margin-top:48px;padding:36px;display:flex}.story-next h2{margin-top:10px;font-size:28px}.story-next p:last-child{color:var(--muted);margin-top:12px;font-size:14px}.story-sources{color:var(--muted);margin-top:28px;font-size:12px;line-height:1.9}.story-sources a{text-underline-offset:3px;text-decoration:underline}@media (hover:hover) and (pointer:fine){.story-choices>button:hover{border-color:#929b72}.story-section-nav a:hover,.story-breadcrumb a:hover{text-underline-offset:4px;text-decoration:underline}}@media (max-width:1000px){.story-hero{gap:32px}.story-workshop{grid-template-columns:230px minmax(0,1fr);gap:24px}.story-prompt-heading{flex-direction:column}.story-prompt{padding:22px}.story-choices>button{padding:20px}.story-structure,.story-faq{gap:32px}.story-art figcaption{font-size:10px}}@media (max-width:720px){.story-breadcrumb{padding-top:12px}.story-hero{grid-template-columns:minmax(0,1fr);gap:28px;padding:24px 0 32px}.story-hero h1{max-width:17ch;font-size:42px}.story-lead{font-size:18px}.story-art svg{max-height:330px}.story-section-nav{grid-template-columns:1fr 1fr;gap:0;font-size:12px;display:grid}.story-section{padding:40px 0}.story-section h2{font-size:29px}.story-choices{grid-template-columns:minmax(0,1fr);gap:12px}.story-choices>button{gap:8px;min-height:0}.story-choices strong{max-width:none;font-size:21px}.story-workshop,.story-structure,.story-how,.story-faq{grid-template-columns:minmax(0,1fr);gap:28px}.story-settings{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.story-settings :is(h3,p),.story-settings label[for=story-character]{grid-column:1/-1}.story-prompt{padding:20px}.story-prompt-heading{flex-flow:wrap}.story-prompt pre{max-height:440px}.story-refinement{grid-template-columns:minmax(0,1fr);padding:20px}.story-refinement pre{grid-column:auto}.story-next{flex-direction:column;align-items:start;margin-top:32px;padding:26px}.story-next h2{font-size:26px}.story-art figcaption{font-size:11px}.story-section-heading{margin-bottom:24px}}