.story-page{padding-top:0}.story-band{isolation:isolate;padding:calc(var(--header-h) + 8px) 0 0;position:relative}.story-band .band-scene{z-index:-2;height:420px;position:absolute;inset:0 0 auto;overflow:hidden}.story-band .band-scene .scene{-webkit-mask-image:linear-gradient(#000 45%,#0000);mask-image:linear-gradient(#000 45%,#0000)}.story-band:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--canvas) 20%, transparent) 0%, color-mix(in srgb, var(--canvas) 40%, transparent) 18%, color-mix(in srgb, var(--canvas) 88%, transparent) 30%, var(--canvas) 70%);height:420px;position:absolute;inset:0 0 auto}.story-band[data-tone=dark]:before{background:linear-gradient(180deg, #16171c59 0%, #16171c73 18%, color-mix(in srgb, var(--canvas) 88%, transparent) 30%, var(--canvas) 70%)}@media (min-width:768px){.story-band:before{background:linear-gradient(180deg, color-mix(in srgb, var(--canvas) 10%, transparent) 0%, color-mix(in srgb, var(--canvas) 35%, transparent) 32%, color-mix(in srgb, var(--canvas) 88%, transparent) 58%, var(--canvas) 86%)}.story-band[data-tone=dark]:before{background:linear-gradient(180deg, #16171c4d 0%, #16171c66 32%, color-mix(in srgb, var(--canvas) 88%, transparent) 58%, var(--canvas) 86%)}}.story-band[data-tone=dark] .crumbs,.story-band[data-tone=dark] .crumbs a{color:#ece6da}:root[data-theme=dark] .story-band[data-tone=light] .band-scene{filter:brightness(.38)saturate(.85)}.story-hero{align-items:end;padding-top:12px}.story-band>.container>.crumbs{margin-bottom:0}.story-cover-frame{border-radius:var(--radius-md);box-shadow:var(--shadow-cover);position:relative}.story-cover-frame .cover{border-radius:var(--radius-md)}.story-cover-frame:after{content:"";pointer-events:none;border:1px solid #fffdf880;border-radius:6px;position:absolute;inset:5px}.story-hero h1{letter-spacing:-.02em;text-wrap:balance;width:fit-content;max-width:100%;font-size:clamp(28px,5.2vw,52px);line-height:1.1}@media (min-width:768px){.story-hero{grid-template-columns:220px minmax(0,1fr);align-items:end;gap:40px}.story-page .hero-actions{grid-template-columns:1.4fr 1fr 1fr}}.hero-action{transition:transform var(--dur-2) var(--ease-out-expo), border-color var(--dur-1) var(--ease-standard), box-shadow var(--dur-2) var(--ease-standard)}.hero-action:hover{transform:translateY(calc(var(--lift) / 2));box-shadow:var(--shadow-overlay);border-color:var(--border-strong)}.hero-action:active{transform:scale(var(--press))}.hero-action.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.hero-action.primary:hover{background:var(--brand-hover);color:var(--on-brand)}.hero-action.primary small{color:color-mix(in srgb, var(--on-brand) 82%, transparent)}.hero-action.primary .ha-icon{background:color-mix(in srgb, var(--on-brand) 14%, transparent);color:var(--on-brand);border-color:#0000}.story-page .tabs{margin-top:28px}.toc-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.toc-list.is-grid{gap:0 32px;display:grid}@media (min-width:768px){.toc-list.is-grid{grid-template-columns:1fr 1fr}.toc-list.is-grid li:nth-child(2) a{border-top:0}}.toc-list .n{font-family:var(--font-read);font-weight:600}