/* Compact navigation and conversations. No publication data is changed. */
.site-header{transition:transform .24s ease,box-shadow .2s,background .2s}
.site-header.is-hidden{transform:translateY(-105%);pointer-events:none}
.site-header:has(:focus-visible){transform:translateY(0);pointer-events:auto}
.ui-icon{width:18px;height:18px;flex:none;stroke-width:1.7}
.button>.ui-icon,.text-link>.ui-icon{width:16px;height:16px}
.button,.text-link{gap:12px}.chapter-arrow{display:inline-flex;align-items:center}
.reader-settings>summary{display:flex;align-items:center;justify-content:center;gap:7px;list-style:none;padding:8px 10px;border:1px solid var(--line);border-radius:7px;min-height:40px}
.reader-settings>summary::-webkit-details-marker,.comment-composer>summary::-webkit-details-marker{display:none}
.settings-panel{max-height:calc(100dvh - var(--sticky-header-height,0px) - 85px);overflow-y:auto;overscroll-behavior:contain;border-radius:10px}
.reader-pagination .button{white-space:normal;line-height:1.5}
.reader-after-text .reader-tools,.reader-after-text .reader-pages-top{visibility:hidden;pointer-events:none}
.comments-section{padding-block:32px 38px}
.comments-section .section-heading{align-items:center;flex-direction:row;gap:14px;margin-bottom:10px}
.comments-section .section-heading .eyebrow{font-size:8px;margin-bottom:7px;letter-spacing:1.4px}
.comments-section h2{font-size:29px;margin:0}
.comments-section [data-comment-count]{font-size:11px;white-space:nowrap}
.comments-section>p.small{margin-bottom:14px;font-size:11px}
.comment-identity{border:0;padding:0;font-size:11px;margin-block:12px}
.comment-composer{border:1px solid var(--line);border-radius:10px;margin-block:14px 18px;background:var(--paper)}
.comment-composer>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;min-height:48px;list-style:none;font-size:12px;font-weight:600;color:var(--wine)}
.composer-toggle{font:300 23px/1 var(--sans);transition:transform .2s}
.comment-composer[open] .composer-toggle{transform:rotate(45deg)}
.comment-composer .comment-form{margin:0;padding:3px 15px 14px}
.comment-form label{font-size:12px;margin-bottom:10px}
.comment-form input,.comment-form textarea{border-radius:7px;padding:10px 12px}
.comment-form textarea{min-height:98px;resize:vertical}
.comment-form .form-two{gap:14px}.comment-form .check{align-items:center}.comment-form .check input{flex:none}
.comment-form .spam-check>summary{font-size:11px;min-height:36px;padding-block:5px}
.comment-form .button{min-height:44px;padding:10px 18px;font-size:12px}
.comment-form .comment-privacy{font-size:10px;line-height:1.6;margin:9px 0 0}
.comment-sort{gap:7px;margin:0 0 10px}
.comment-sort a{font-size:11px;padding:7px 12px;min-height:36px;display:inline-flex;align-items:center}
.comment-threads>.comment-thread{margin:0;padding:14px 0;border-top:1px solid var(--line)}
.comment-thread .comment,.comment-thread .comment-author,.comment-thread .comment-reply:not(.comment-author){padding:0;margin:0;gap:10px;border:0;border-radius:0;background:transparent}
.comment-thread .comment-avatar{width:28px;height:28px;font-size:13px}
.comment-thread .comment-header{gap:5px 8px;font-size:12px;min-height:24px}
.comment-thread .comment-header time{width:auto;margin-left:auto;font-size:9px}
.comment-content>p,.comment-message>p,.comment-long>p,.comment-content .comment-spoiler>p{font-size:13px;line-height:1.7;margin:5px 0 4px;overflow-wrap:anywhere}
.comment-thread .author-label{font-size:8px;padding:2px 6px;border-radius:4px;background:transparent;color:var(--wine)}
.comment-children{margin:7px 0 0 38px;padding-left:12px;border-left:1px solid var(--line);gap:12px}
.comment-children .comment-children,.comment-children .comment-children .comment-children{margin-left:0;padding-left:0;border-left:0}
.comment-quote{padding:0;margin:3px 0 5px;border:0;border-radius:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px;background:transparent;color:var(--muted)}
.comment-quote>a{font-size:10px;margin:0}.comment-quote details{min-width:0}
.comment-quote summary{min-height:28px;padding:3px 0;font-size:10px}
.comment-quote details p{font-size:11px;line-height:1.6;margin:4px 0 8px;padding-left:9px;border-left:2px solid var(--line)}
.comment-thread .comment-actions{gap:16px;align-items:baseline}
.comment-actions>.text-link,.comment-actions>details>summary{font-size:10px;min-height:32px;padding-block:6px;line-height:1.7}
.comment-actions>details{flex:1;min-width:0}.comment-actions form,.comment-actions form input{width:100%}
.comment-long>summary{font:600 11px/1.5 var(--sans);min-height:32px;padding-block:5px;color:var(--wine)}
.comment-long:not([open]) .expand-less,.comment-long[open] .expand-more{display:none}
.comment-message:has(.comment-long[open])>.comment-preview{display:none}
.comment-spoiler>summary{font-size:12px;min-height:36px}
.comment-content .comment-form{margin:9px 0 5px;padding:12px 0 0}
.comment-content .comment-form .form-two{grid-template-columns:1fr;gap:0}
.reader-theme-dark .comment-thread .comment,.reader-theme-dark .comment-thread .comment-author,.reader-theme-dark .comment-thread .comment-reply:not(.comment-author),.reader-theme-dark .comment-quote{background:transparent}
.reader-theme-dark .comment-thread .author-label{background:transparent;color:#e3a6c0}

@media(max-width:780px){
  .site-header .header-inner{height:78px}.site-header.is-compact .header-inner{height:64px}
  .site-header .brand-image{width:173px;height:56px}.site-header.is-compact .brand-image{width:157px;height:48px}
  .site-header #main-nav{max-height:calc(100dvh - 85px);overflow-y:auto;border-radius:0 0 14px 14px;padding:12px 20px}
  .site-header #main-nav>a{min-height:45px;padding-block:10px;font-size:13px}
  .site-header #main-nav>.icon-button{width:100%;justify-content:flex-start}.site-header .my-library{padding-left:0;border-left:0}
  input:not([type=checkbox]):not([type=range]):not([type=hidden]),textarea,select{font-size:16px}
  .search-drawer .search-form input{font-size:16px}.search-drawer{max-height:calc(100dvh - 24px);overflow-y:auto;margin-block:12px}
  .story-step-nav{padding-block:7px 6px}.story-step-nav ol{gap:12px;padding-bottom:3px}.story-step-nav a{min-height:35px}
  .step-position,.step-next{display:none}
  .story-section,.story-content .comments-section,.story-toc .toc-group,.story-page #opowiesc{scroll-margin-top:calc(var(--sticky-header-height,0px) + var(--story-nav-height,0px) + 12px)}
  .reader-tools{gap:8px;padding-block:7px;align-items:center}
  .reader-tools .text-link{min-height:40px;font-size:11px;gap:5px}
  .reader-mode-shortcut{font-size:10px;min-height:40px;padding:7px 10px}
  .reader-settings>summary{min-width:44px;font-size:17px}
  .settings-panel{width:min(310px,calc(100vw - 36px));padding:16px;top:52px}
  .reader-heading{padding-top:30px}
  .comment-form input:not([type=checkbox]),.comment-form textarea{font-size:16px;min-height:44px}
}
@media(max-width:550px){
  .wrap,.narrow{width:calc(100% - 36px)}
  .hero{padding-block:28px 30px;gap:16px}.hero h1{font-size:clamp(40px,12.4vw,55px);line-height:1.1;letter-spacing:-1.8px}
  .hero-verb{white-space:nowrap}
  .hero-description{font-size:14px;line-height:1.8}.hero .button-row{gap:10px 16px}.hero .text-link{min-height:44px}
  .hero-visual{width:min(310px,90%);height:375px}
  .section{padding-block:44px}.section-heading{margin-bottom:24px;gap:12px}.section-heading h2{font-size:30px}
  .book-grid{gap:30px}.story-card h3{font-size:25px}.story-card p{line-height:1.75}
  .latest-section .update-row{min-height:96px;padding:16px;gap:12px}.latest-section .update-row h3{font-size:19px}
  .feature-inner{grid-template-columns:76px minmax(0,1fr);gap:20px;min-height:0;padding-block:30px}.feature-cover{width:76px}
  .feature-inner h2{font-size:25px}.feature-inner .button{white-space:normal;min-height:44px}
  .resume-card{grid-template-columns:32px minmax(0,1fr)}
  .resume-actions{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px}
  .resume-info .eyebrow{white-space:normal}.resume-actions .button{min-height:40px;font-size:10px}.resume-actions .text-link{font-size:9px;min-height:36px}
  .browse-toolbar form{grid-template-columns:auto minmax(0,1fr)}.browse-toolbar form>.small-button{grid-column:1/-1;min-height:40px}.js .browse-toolbar form>.small-button{display:none}
  .filter-row{gap:7px;margin-block:18px}.filter-row .chip{padding:8px 11px;font-size:11px;min-height:40px}
  .story-hero-v5 .story-cover{width:170px}.story-hero-v5 .story-info h1{font-size:clamp(31px,9.1vw,38px);line-height:1.2}
  .story-hero-v5{gap:22px;padding-bottom:27px}.story-counts{gap:15px 22px}.story-hero-v5 .button-row{gap:10px 12px}
  .story-hero-v5 .button{min-height:44px;gap:8px;padding:10px 14px}
  .story-toc .toc-group>summary{flex-wrap:wrap;gap:6px 10px;min-height:58px}.story-toc .toc-group .toc-group-title{min-width:150px;font-size:18px}
  .story-toc .chapter-list li a{gap:10px;min-height:72px}.story-toc .chapter-list li a>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
  .story-character>summary strong{font-size:21px}.story-character>summary{grid-template-columns:52px minmax(0,1fr) 27px;gap:11px;padding:12px}.story-character>summary img{width:52px;height:67px}
  .comments-section{padding-block:25px 30px}.comments-section h2{font-size:27px}
  .comments-section .section-heading{gap:10px;margin-bottom:9px}.comments-section .section-heading .eyebrow{font-size:7px;letter-spacing:1.1px}.comments-section [data-comment-count]{font-size:10px}
  .comment-thread .comment-avatar{width:24px;height:24px;font-size:12px}.comment-thread .comment-header{font-size:11px;gap:3px 7px}.comment-thread .comment-header time{font-size:8px}
  .comment-content>p,.comment-message>p,.comment-long>p,.comment-content .comment-spoiler>p{font-size:13px;line-height:1.65}
  .comment-children{margin-left:12px;padding-left:9px;gap:10px}.comment-threads>.comment-thread{padding-block:12px}
  .comment-reply .comment-avatar{display:none}
  .comment-composer>summary{padding:10px 12px;min-height:46px}.comment-composer .comment-form{padding-inline:12px}
  .comment-form .form-two{grid-template-columns:1fr;gap:0}.comment-form .check{font-size:11px}
  .reader-tools{width:calc(100% - 28px);gap:5px}.reader-tools .text-link{font-size:10px}.reader-mode-shortcut{font-size:9px;padding-inline:8px}
  .reader-text{width:calc(100% - 36px)}.reader-heading{padding-inline:18px}.reader-heading h1{font-size:32px;overflow-wrap:anywhere}
  .reader-end{padding:30px 18px}.reader-pagination{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .reader-pagination>.button:only-child{grid-column:1/-1}.reader-pagination .button{font-size:11px;min-height:48px;padding:10px}
  .reader-end>p{font-size:18px;margin:16px 0}.reader-toc>summary{font-size:13px}
  .journal-card .eyebrow{font-size:8px}.journal-card p:not(.eyebrow){font-size:12px}.journal-intro h1{font-size:clamp(34px,10vw,43px)}
  .footer-top{gap:20px;padding-bottom:28px}.footer-top .brand-image{width:190px;height:64px}.footer-top>p{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.site-header,.composer-toggle{transition:none}}

/* An additional contact link must fit between desktop and phone layouts. */
@media(min-width:781px) and (max-width:1100px){.site-header .header-inner{gap:16px}.site-header .brand-image{width:175px;height:58px}.site-header nav{gap:14px}.site-header .my-library{padding-left:14px}}
@media(max-width:780px){.site-header #main-nav{top:100%}}