.story-breadcrumbs .breadcrumbs{margin-bottom:12px}.story-page{display:grid;grid-template-columns:minmax(0,1fr) 165px;gap:65px;padding-bottom:30px}.story-content{grid-column:1;grid-row:1;min-width:0}.story-step-nav{grid-column:2;grid-row:1;position:sticky;top:calc(var(--sticky-header-height,104px) + 30px);align-self:start;margin-top:48px}.story-step-nav .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:23px}.story-step-nav ol{list-style:none;margin:0;padding:0;display:grid;gap:0}.story-step-nav li{position:relative}.story-step-nav li:not(:last-child):before{content:'';position:absolute;left:13px;top:29px;width:1px;height:25px;background:var(--line)}.story-step-nav a{display:flex;align-items:center;gap:12px;min-height:53px;font-size:11px;color:var(--muted);transition:color .2s}.step-dot{display:grid;place-items:center;width:27px;height:27px;flex:none;border:1px solid #dfc4d0;border-radius:50%;font:500 8px var(--sans);background:var(--paper);color:#987b89;transition:background .25s,border-color .25s,box-shadow .25s}.story-step-nav a[aria-current]{color:var(--wine);font-weight:700}.story-step-nav a[aria-current] .step-dot{background:var(--wine);color:#fff;border-color:var(--wine);box-shadow:0 0 0 5px #ac3b6810}.story-step-nav a.is-past .step-dot{border-color:#b06c8a;color:#88425f}.step-position{font-size:9px;color:var(--wine);margin:26px 0 5px;padding-top:15px;border-top:1px solid var(--line)}.step-next{font-size:9px;line-height:1.8;color:var(--muted)}
.story-hero-v5{grid-template-columns:minmax(210px,.74fr) minmax(0,1.3fr);gap:42px;padding:25px 0 55px;align-items:start}.story-hero-v5 .story-cover{width:100%;margin:0;border-radius:7px;overflow:hidden}.story-hero-v5 .story-info{padding-top:7px;min-width:0}.story-hero-v5 .story-info h1{font-size:clamp(34px,3.35vw,49px);letter-spacing:-1.4px;line-height:1.16;margin-bottom:20px}.story-hero-v5 .story-summary{font-size:13px;line-height:1.9;color:#806b76}.story-hero-v5 .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:17px}.story-parent{display:block;font-size:10px;color:var(--wine);margin-bottom:15px}.story-counts{display:flex;flex-wrap:wrap;gap:16px 24px;padding:18px 0;margin:12px 0 19px;border-block:1px solid #e6d0da}.story-counts>a,.story-counts>.story-state{display:flex;flex-direction:column;gap:5px;min-width:52px}.story-counts strong{font:24px/1.2 var(--serif);color:#783750}.story-counts span>span,.story-counts a>span{font-size:9px;line-height:1.5;color:var(--muted)}.story-counts .story-state strong{font:600 11px/1.6 var(--sans);padding-top:7px}.story-hero-v5 .button-row{gap:13px 19px}.story-hero-v5 .button{padding:12px 18px;min-height:46px;font-size:11px;gap:15px}.story-hero-v5 .button-row>.text-link{font-size:10px}.story-hero-v5 .story-reading-note{font-size:10px;margin-bottom:0}.story-premiere{background:#f9e9f0;border:1px solid #ebcada;border-radius:8px;padding:16px 18px;font-size:11px;margin:20px 0}.story-premiere strong{display:block;font:19px var(--serif);margin-bottom:10px;color:#74324d}.story-premiere p{margin:0;line-height:1.9}.story-premiere>span{display:block;font-size:10px;margin-top:10px;color:var(--wine)}
.story-section{padding:40px 0 47px;border-top:1px solid var(--line);scroll-margin-top:calc(var(--sticky-header-height,104px) + var(--story-nav-height,0px) + 22px)}.story-section .section-heading{margin-bottom:20px}.story-section h2{font-size:32px}.story-section .section-heading .eyebrow{font-size:8px;letter-spacing:1.8px}.structure-guide{font-size:12px;line-height:1.9;color:#8c7380;max-width:660px;margin-bottom:24px}.structure-guide a{color:var(--wine);text-decoration:underline}.volume-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:13px;margin:22px 0 28px}.volume-choice{border:1px solid #e4c8d5;border-radius:9px;padding:17px 19px;background:#fff9fa;display:flex;flex-direction:column;gap:8px;transition:border-color .2s,box-shadow .2s}.volume-choice:hover,.volume-choice.is-selected{border-color:#b66086;box-shadow:0 4px 18px #8134520a}.volume-kicker{font-size:8px;letter-spacing:1.5px;color:#aa6786}.volume-choice strong{font:20px/1.4 var(--serif);color:#65334a}.volume-choice>span:last-child{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:10px}.toc-filter{font-size:10px;color:#967b89}.toc-filter input{border-radius:7px;background:#fffafb;font-size:12px}.story-toc .toc-group{border:1px solid #e3c9d6;border-radius:9px;overflow:hidden;margin-bottom:14px;scroll-margin-top:calc(var(--sticky-header-height,104px) + var(--story-nav-height,0px) + 22px)}.story-toc .toc-group>summary{display:flex;align-items:center;gap:15px;padding:18px 20px;background:#f8eaf0;list-style:none;position:relative;min-height:66px}.story-toc .toc-group>summary:after{content:'⌄';font:17px var(--sans);color:var(--wine);margin-left:5px}.story-toc .toc-group:not([open])>summary:after{transform:rotate(-90deg)}.story-toc .toc-group>summary::-webkit-details-marker{display:none}.story-toc .toc-group>summary>span{float:none;padding:0}.story-toc .toc-group .toc-group-title{font:21px/1.4 var(--serif);color:#603147;flex:1}.story-toc .toc-group .toc-group-count{font-size:10px;white-space:nowrap}.story-toc .chapter-list li a{padding:17px 20px;gap:22px;min-height:83px;border-color:#efdee6}.story-toc .chapter-list li:first-child a{border-top:0}.story-toc .chapter-list a:hover{background:#fcf0f6}.story-toc .chapter-num{width:54px;font-size:23px;text-align:center;flex:none;color:#a96283}.story-toc .chapter-num>small{font:600 6px var(--sans);letter-spacing:1px;margin:0 0 6px;color:#a7788f}.story-toc .chapter-list li a>span:nth-child(2){font-size:13px}.story-toc .chapter-list small{font-size:9px}.story-empty{display:flex;align-items:center;gap:20px;padding:26px;border:1px dashed #dcb8ca;border-radius:9px;background:#fbf0f5}.story-empty>span{font:35px var(--serif);color:#b5698c}.story-empty>p{font-size:12px;color:#957687;margin:0}.story-section .character-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.story-section .character-grid img{border-radius:6px}.story-section .update-row h3{font-size:22px}.story-content .comments-section{scroll-margin-top:calc(var(--sticky-header-height,104px) + var(--story-nav-height,0px) + 22px)}
@media(max-width:1200px){.story-page{gap:35px;grid-template-columns:minmax(0,1fr) 150px}.story-hero-v5{grid-template-columns:235px minmax(0,1fr);gap:30px}.story-hero-v5 .story-info h1{font-size:36px}.story-counts{gap:16px}.story-counts strong{font-size:22px}.story-hero-v5 .story-summary{font-size:12px}}
@media(max-width:1050px){.story-page{display:block}.story-step-nav{position:sticky;top:var(--sticky-header-height,104px);z-index:34;margin:0 -15px 22px;padding:12px 15px 9px;background:#fff9f8f5;backdrop-filter:blur(14px);border-bottom:1px solid #e8d0dc}.story-step-nav .eyebrow{display:none}.story-step-nav ol{display:flex;gap:20px;overflow:auto;scrollbar-width:none;overscroll-behavior-x:contain;padding:2px 3px 6px}.story-step-nav ol::-webkit-scrollbar{display:none}.story-step-nav li{flex:none}.story-step-nav li:before{display:none}.story-step-nav a{min-height:31px;font-size:10px;gap:8px}.step-dot{width:24px;height:24px;font-size:7px}.story-step-nav a[aria-current] .step-dot{box-shadow:0 0 0 3px #ac3b6810}.step-position{font-size:8px;margin:0;padding:0;border:0;display:inline}.step-next{font-size:8px;margin:0 0 0 15px;display:inline}.story-hero-v5{grid-template-columns:280px minmax(0,1fr);gap:40px;padding-top:10px}.story-hero-v5 .story-info h1{font-size:42px}.story-hero-v5 .story-summary{font-size:13px}}
@media(max-width:780px){.story-hero-v5{grid-template-columns:230px minmax(0,1fr);gap:25px}.story-hero-v5 .story-info h1{font-size:34px}.story-counts{gap:14px}.story-counts strong{font-size:21px}.story-counts span>span,.story-counts a>span{font-size:8px}.story-section h2{font-size:30px}.story-step-nav{margin-top:-5px}.story-step-nav ol{gap:15px}.story-section .character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.story-hero-v5{grid-template-columns:1fr;gap:26px;padding-bottom:34px}.story-hero-v5 .story-cover{width:205px;margin:0 auto}.story-hero-v5 .story-info h1{font-size:38px;letter-spacing:-1px}.story-hero-v5 .story-summary{font-size:13px}.story-hero-v5 .story-info{padding:0}.story-counts{gap:22px;padding-block:17px}.story-counts strong{font-size:24px}.story-counts .story-state strong{font-size:11px}.story-counts span>span,.story-counts a>span{font-size:9px}.story-section{padding-block:29px 34px}.volume-map{grid-template-columns:1fr;gap:10px}.volume-choice{padding:15px 17px}.volume-choice strong{font-size:20px}.story-toc .toc-group>summary{padding:15px;gap:9px}.story-toc .toc-group .toc-group-title{font-size:19px}.story-toc .toc-group .toc-group-count{font-size:9px}.story-toc .chapter-list li a{padding:15px 12px;gap:14px}.story-toc .chapter-num{width:43px;font-size:21px}.story-toc .chapter-list li a>span:nth-child(2){font-size:12px}.story-step-nav{margin-inline:-10px;padding-inline:10px}.story-step-nav a{font-size:9px;gap:6px}.story-step-nav ol{gap:15px}.step-next{display:none}.story-empty{padding:20px;gap:14px}.story-section .character-grid{gap:16px}.story-section .character-grid h3{font-size:19px}.story-hero-v5 .button-row{gap:13px 18px}}
@media(prefers-reduced-motion:reduce){.story-step-nav *{transition:none!important}}
.story-section,.story-content .comments-section,.story-toc .toc-group,.story-page #opowiesc{scroll-margin-top:calc(var(--story-nav-height,0px) + 22px)}
/* Story information opens here, alongside the chapter list. */
.story-summary .prose,.story-summary .prose p{font:inherit;color:inherit;line-height:inherit;margin-bottom:0}.story-summary .story-excerpt{margin-bottom:9px}
.story-excerpt{white-space:normal;font-size:14px;line-height:1.95;color:var(--muted);margin-bottom:12px;overflow-wrap:anywhere}.story-expand:has(>.story-expand-detail[open])>.story-excerpt{display:none}.story-expand-detail>summary{list-style:none;display:inline-flex;align-items:center;gap:13px;color:var(--wine);font:600 11px/1.6 var(--sans);padding:7px 0;cursor:pointer;border-bottom:1px solid var(--line)}.story-expand-detail>summary::-webkit-details-marker{display:none}.story-expand-detail>summary>span:last-child{font-size:18px;transition:transform .2s}.story-expand-detail[open]>summary>span:last-child{transform:rotate(180deg)}.story-expand-detail .expand-less{display:none}.story-expand-detail[open] .expand-more{display:none}.story-expand-detail[open] .expand-less{display:inline}.story-expand-detail>.prose{margin-top:20px}.story-description{overflow-wrap:anywhere}.story-description>:last-child,.story-expand-detail>.prose>:last-child{margin-bottom:0}
.story-characters{display:grid;gap:14px}.story-character{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fffbfa}.story-character>summary{display:grid;grid-template-columns:76px minmax(0,1fr) 36px;align-items:center;gap:22px;padding:16px 20px;list-style:none;cursor:pointer}.story-character>summary::-webkit-details-marker{display:none}.story-character>summary img{width:76px;height:93px;object-fit:cover;border-radius:6px;background:var(--paper-deep)}.story-character>summary strong{display:block;font:25px/1.4 var(--serif);color:var(--ink);overflow-wrap:anywhere}.character-hint{display:block;font:11px/1.7 var(--sans);color:var(--muted);margin-top:7px}.character-toggle{width:32px;height:32px;border:1px solid #e4c5d3;border-radius:50%;display:grid;place-items:center;color:var(--wine);font:23px/1 var(--serif);transition:transform .2s}.story-character[open] .character-toggle{transform:rotate(45deg)}.story-character[open]>summary{border-bottom:1px solid var(--line);background:#fff5f9}.character-description{padding:23px 25px 27px}.character-description .character-lead{font-size:13px;line-height:1.9;color:var(--muted)}.character-description .prose{font-size:14px}.story-character .prose img,.story-expand .prose img{max-height:600px;object-fit:contain}.story-character .prose video,.story-expand .prose video{max-width:100%}.story-section:has(.story-characters) .section-heading{align-items:flex-start;flex-wrap:wrap}.story-character>summary:hover .character-hint{color:var(--wine)}
@media(max-width:550px){.story-character>summary{grid-template-columns:58px minmax(0,1fr) 28px;gap:13px;padding:14px}.story-character>summary img{width:58px;height:75px}.story-character>summary strong{font-size:22px}.character-hint{font-size:10px}.character-toggle{width:27px;height:27px;font-size:21px}.character-description{padding:18px}.story-excerpt{font-size:13px}.story-section .section-heading>.small{font-size:10px}.story-summary .story-expand-detail>summary{font-size:10px}}
