/* Sayu 6.1: scoped navigation and book shelves. Existing readers retain their styles. */
.s61-ready{--s61-bg:#202321;--s61-card:#2c302c;--s61-ink:#f5f0e4;--s61-muted:#d0cabe;--s61-gold:#dfc080;background:var(--s61-bg);color:var(--s61-ink)}
.s61-ready .header{position:sticky;top:0;z-index:70;max-width:none;width:100%;box-sizing:border-box;background:#202321f5;border-bottom:1px solid #55594f;backdrop-filter:blur(12px);gap:20px;padding:18px max(24px,calc((100vw - 1320px)/2));flex-wrap:wrap}
.s61-ready .header .brand{flex-shrink:0}.s61-ready .header .member{margin-left:auto;white-space:nowrap;color:#f5f0e4}
.s61-ready .header .s61-topnav{display:flex!important;gap:4px;flex-wrap:wrap;justify-content:center;flex:1}.s61-topnav a{font-size:14px!important;padding:12px 10px;border-radius:8px;text-decoration:none;color:#ece5d6!important;white-space:nowrap}.s61-topnav a[aria-current=page]{background:#dfc080;color:#202321!important;font-weight:800}
.s61-ready #main{max-width:1320px;margin:auto;padding:0 28px}.s61-panel{padding:0 0 60px;min-height:65vh}.s61-panel[hidden]{display:none!important}.s61-panel .section{width:100%;box-sizing:border-box}.s61-panel .s60-hero{min-height:0;padding:52px 0 34px}.s61-panel .s60-hero h1{font-size:clamp(30px,4.4vw,56px)}
.s61-panel h1,.s61-panel h2,.s61-panel h3{color:#f5f0e4}.s61-panel p{color:#d0cabe}.s61-panel a{color:#dfc080}.s61-intro{padding:42px 0 26px}.s61-intro h1{font-size:clamp(30px,4vw,46px);margin:8px 0 14px;letter-spacing:-.04em;line-height:1.2}.s61-intro p{max-width:760px;line-height:1.8}.s61-overline{font-size:12px!important;letter-spacing:.15em;color:#dfc080!important;font-weight:800}.s61-section{padding:26px 0 38px}.s61-sectionhead{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.s61-sectionhead h2{font-size:28px;letter-spacing:-.035em;margin:6px 0 10px}.s61-sectionhead p{line-height:1.6}
.s61-series{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:10px 0 30px}.s61-seriescard{display:block;border:1px solid #68614f;background:linear-gradient(140deg,#35382e,#252925);padding:24px 20px;border-radius:14px;text-decoration:none;min-width:0;transition:border-color .15s}.s61-seriescard:hover{border-color:#dfc080}.s61-seriescard span{color:#f4ead4;font-size:19px;font-weight:800;line-height:1.5}.s61-seriescard p{font-size:14px;line-height:1.8;margin:12px 0 22px}.s61-seriescard small{color:#dfc080}.s61-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.s61-link{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border:1px solid #656557;border-radius:10px;text-decoration:none;color:#f5f0e4!important;background:#2c302c;font-size:14px;line-height:1.5}.s61-link span{color:#dfc080}
.s61-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.s61-grid.s61-featured{grid-template-columns:repeat(6,minmax(0,1fr))}.s61-book{position:relative;min-width:0;background:#2b2f2b;border:1px solid #494e44;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.s61-cover{display:flex;align-items:center;justify-content:center;aspect-ratio:2/3;background:#e9e1d0;overflow:hidden;text-decoration:none}.s61-cover img{width:100%;height:100%;object-fit:contain;display:block}.s61-cover-missing{color:#34392e!important}.s61-booktext{padding:16px;display:flex;flex:1;flex-direction:column}.s61-booktext small{color:#d1c8b6;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.s61-book h3{font-size:17px;line-height:1.55;letter-spacing:-.025em;margin:8px 0 16px;overflow-wrap:anywhere}.s61-book h3 a{color:#f5f0e4;text-decoration:none}.s61-read{font-size:12px;margin-top:auto;line-height:1.5;padding-top:10px;text-decoration:none}.s61-rank{position:absolute;z-index:1;top:10px;left:10px;min-width:32px;text-align:center;background:#202321;color:#f4d99c;padding:7px 10px;border-radius:7px;font-size:20px;font-weight:800}.s61-missing{aspect-ratio:2/3;background:repeating-linear-gradient(45deg,#30362e,#30362e 10px,#353b33 10px,#353b33 11px);display:grid;place-content:center;color:#d5c9aa}
.s61-search{display:flex;gap:10px;margin:20px 0 18px}.s61-search input,.s61-panel select{background:#fbf7ed!important;color:#242920!important;-webkit-text-fill-color:#242920!important;caret-color:#242920!important;border:1px solid #b7af9b!important;border-radius:9px;padding:14px;font:inherit;font-size:16px;min-width:0}.s61-search input{flex:1;width:100%}.s61-search input::placeholder{color:#656b60!important;-webkit-text-fill-color:#656b60!important}.s61-search button,.s61-more{border:1px solid #dfc080;background:#dfc080;color:#202321;font:inherit;font-weight:700;border-radius:9px;padding:12px 24px;cursor:pointer;min-height:46px}.s61-filters{display:flex;flex-wrap:wrap;gap:8px}.s61-filters button{font:inherit;font-size:14px;padding:12px 16px;min-height:44px;border:1px solid #777869;background:#2c302c;color:#f5f0e4;border-radius:24px;cursor:pointer}.s61-filters button[aria-pressed=true]{background:#dfc080;border-color:#dfc080;color:#202321}.s61-result{font-size:13px;margin:24px 0 14px}.s61-more{display:block;margin:30px auto 10px;min-width:220px}.s61-more[hidden]{display:none}.s61-note{font-size:13px;line-height:1.8}.s61-utilities{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}.s61-extras{margin-top:40px;border-top:1px solid #646759;padding-top:24px}.s61-extras>summary{cursor:pointer;padding:14px;color:#dfc080}.s61-extras:has(:target){display:block}.s61-selectlabel{display:flex;align-items:center;gap:12px;color:#e4ddce}.s61-panel select{max-width:100%}.s61-bottom{display:none}.s61-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.s61-empty{grid-column:1/-1;padding:30px}.s61-ready :focus-visible{outline:3px solid #f1ce84;outline-offset:4px}.s61-panel [id]{scroll-margin-top:110px}.s61-failure{padding:20px;background:#fff1d2;color:#302a20}
@media(max-width:1100px){.s61-ready .header{gap:8px}.s61-ready .header .s61-topnav{order:3;flex-basis:100%}.s61-grid.s61-featured{grid-template-columns:repeat(3,minmax(0,1fr))}.s61-series{grid-template-columns:repeat(2,minmax(0,1fr))}.s61-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.s61-ready{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.s61-ready .header{padding:12px 18px;gap:8px}.s61-ready .header .s61-topnav{display:none!important}.s61-ready .header .member{font-size:12px}.s61-ready .header .brand{font-size:17px}.s61-ready #main{padding:0 18px}.s61-panel .s60-hero{padding:30px 0 20px}.s61-panel .s60-hero h1{font-size:32px}.s61-intro{padding-top:28px}.s61-intro h1{font-size:32px}.s61-series{gap:10px;margin-bottom:20px}.s61-seriescard{padding:18px 14px}.s61-seriescard span{font-size:16px}.s61-seriescard p{font-size:12px;margin:9px 0 16px}.s61-sectionhead{align-items:flex-start;flex-direction:column;gap:10px}.s61-sectionhead h2{font-size:25px}.s61-grid,.s61-grid.s61-featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.s61-booktext{padding:12px}.s61-book h3{font-size:15px;margin-bottom:12px}.s61-read{font-size:11px}.s61-search button{padding:12px 18px}.s61-paths{grid-template-columns:1fr}.s61-bottom{position:fixed;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));bottom:0;left:0;right:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#242823;border-top:1px solid #74735f;z-index:80;box-shadow:0 -5px 20px #0003}.s61-bottom a{display:grid;place-items:center;min-height:48px;text-decoration:none;font-size:13px;color:#ded8cb;border-radius:8px;font-weight:700}.s61-bottom a[aria-current=page]{background:#dfc080;color:#202321}.s61-ready .sayu54-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.s61-panel .sayu54-card h3{font-size:15px}.s61-panel .sayu54-card-meta{padding:12px}.s61-panel .sayu54-card-actions{flex-wrap:wrap}.s61-panel [id]{scroll-margin-top:90px}}
@media(prefers-reduced-motion:reduce){.s61-ready *{scroll-behavior:auto!important;transition:none!important}}
.s61-library-nav{display:flex;flex-wrap:wrap;gap:8px;background:#242823;padding:12px 20px;border-bottom:1px solid #77715e}.s61-library-nav a{color:#f5efdf!important;padding:10px 12px;text-decoration:none;border-radius:8px;font-size:14px;min-height:24px}.s61-library-nav .s61-return{color:#202321!important;background:#dfc080;font-weight:700}
@media(max-width:700px){.s61-library-nav{gap:2px;padding:8px 12px}.s61-library-nav a{font-size:12px;padding:10px 8px}}

@media(max-width:700px){.s61-bottom a{font-size:12px;padding:12px 2px;min-width:0}.s61-bottom{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* SAYU_READABILITY_20261014_R1 */
/* Explicit light-surface colours override the dark navigation panel theme. */
.s61-ready :is(.s60-book,.s60-context-request,.s60-course-body,.s60-concern){background:#F4F0E8;color:#20242B;--ink:#20242B;--muted:#50534F;--gold:#705321;color-scheme:light}
.s61-ready :is(.s60-book,.s60-context-request,.s60-course-body,.s60-concern) :is(h2,h3,p,strong,span,label,summary){color:#20242B}
.s61-ready :is(.s60-book,.s60-context-request,.s60-course-body,.s60-concern) :is(small,.s60-meta){color:#50534F}
.s61-ready :is(.s60-book,.s60-context-request,.s60-course-body,.s60-concern) a{color:#705321}
.s61-ready .s60-book h3 a{color:#20242B}
.s61-ready :is(.s60-book,.s60-context-request,.s60-course-body) a:hover{color:#49340F;text-decoration:underline}
.s61-ready :is(.s60-book,.s60-context-request,.s60-course-body,.s60-concern) :focus-visible{outline-color:#705321}
.s61-ready .s60-mini{border-color:#A59A86}
.s61-ready .s60-mini summary{font-weight:650}
.s61-ready .s60-course-body textarea{background:#FFFCF6;color:#20242B;-webkit-text-fill-color:#20242B;caret-color:#20242B}
.s61-ready :is(.s61-search,.search-section) input{background:#FFFCF6!important;color:#20242B!important;-webkit-text-fill-color:#20242B!important;caret-color:#20242B!important;color-scheme:light}
.s61-ready :is(.s61-search,.search-section) input::placeholder{color:#50534F!important;-webkit-text-fill-color:#50534F!important;opacity:1}
.s61-ready .s60-hero-inner{flex:1 1 620px;min-width:0;max-width:760px}
.s61-ready .s60-hero-aside{flex:0 0 230px}
.s61-ready .s60-hero h1{word-break:keep-all;overflow-wrap:normal;line-break:strict;text-wrap:balance;line-height:1.35;max-width:100%;font-size:clamp(30px,4.2vw,54px)}
.s61-ready :is(.s60-lead,.s61-intro h1,.s61-sectionhead h2,.s60-topic>h3){word-break:keep-all;overflow-wrap:break-word}
@media(max-width:900px){.s61-ready .s60-hero{gap:28px}.s61-ready .s60-hero-aside{display:none}}
@media(max-width:700px){.s61-ready .s60-hero h1{font-size:clamp(28px,7.6vw,36px);letter-spacing:-.035em}.s61-ready .s60-hero-inner{width:100%}.s61-ready .s60-book>div{min-width:0}}