/* Reader-only rules. The online wrapper inherits Gemma's real site chrome. */
.spp-manual-page{--manual-ink:var(--text,#193342);--manual-muted:var(--text-dim,#486270);--manual-paper:var(--bg-card-strong,#fff);--manual-line:var(--line,#d5e0e4);--manual-accent:var(--accent,#00647a);--manual-hint:color-mix(in srgb,var(--manual-accent) 7%,var(--manual-paper));--manual-notice:#fff6df;--manual-focus:#b05900}
.spp-manual-offline{margin:0;background:#f3f7f8;color:var(--manual-ink);font:16px/1.65 "Segoe UI","Microsoft YaHei",Arial,sans-serif;color-scheme:light}
.spp-manual-page #manual-root,.spp-manual-page #manual-root *,.manual-image-dialog,.manual-image-dialog *{box-sizing:border-box}
.spp-manual-page #manual-root{position:relative;z-index:1;color:var(--manual-ink);padding-bottom:48px}
.spp-manual-offline #manual-root{max-width:1440px;margin:auto;padding:26px 28px 48px}
.spp-manual-page #manual-root :is(button,input),.manual-image-dialog button{font:inherit}
.spp-manual-page #manual-root a{color:var(--manual-accent)}
.spp-manual-page #manual-root :is(button,a,input):focus-visible,.manual-topbar :focus-visible,.manual-image-dialog :focus-visible{outline:3px solid var(--manual-focus);outline-offset:3px}
.spp-manual-page #manual-root button,.spp-manual-offline .button,.manual-topbar button,.manual-image-dialog button{border:1px solid var(--manual-line);border-radius:7px;background:var(--manual-paper);color:var(--manual-ink);padding:7px 13px;cursor:pointer;text-decoration:none}
.spp-manual-page #manual-root button:hover,.manual-topbar button:hover,.manual-image-dialog button:hover{background:var(--manual-hint)}
.spp-manual-offline #manual-root .button.primary{background:var(--manual-accent);color:#fff;border-color:var(--manual-accent)}
.manual-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;border-bottom:1px solid var(--manual-line);background:var(--manual-paper)}
.manual-brand,.manual-brand:visited{color:var(--manual-ink);font-weight:700;text-decoration:none}.manual-brand span{padding-left:8px;margin-left:8px;border-left:1px solid var(--manual-line);color:var(--manual-accent)}
.spp-manual-portal .manual-nav-close{display:none}
@media(max-width:820px){.spp-manual-portal .topbar .nav-menu-item .nav-dropdown{opacity:0;visibility:hidden;pointer-events:none;max-height:min(44vh,calc(100dvh - var(--nav-dropdown-top,320px) - 12px))}.spp-manual-portal .topbar .nav-menu-item.is-open .nav-dropdown{opacity:1;visibility:visible;pointer-events:auto}.spp-manual-portal .manual-nav-close{display:block;grid-column:1/-1;justify-self:end;border:1px solid var(--line);border-radius:var(--radius-sm,7px);padding:7px 12px;background:var(--bg-card-strong);color:var(--text);font:inherit;cursor:pointer}}
#manual-root .book-heading{padding:24px 28px;margin:0 0 22px;border:1px solid var(--manual-line);border-radius:var(--radius,12px);background:var(--manual-paper)}
.spp-manual-offline #manual-root .book-heading{padding:0 0 22px;border:0;border-bottom:1px solid var(--manual-line);border-radius:0;background:transparent}
#manual-root .manual-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.85rem;color:var(--manual-muted);margin-bottom:12px}
#manual-root .manual-breadcrumb a{padding:0;text-decoration:none}
#manual-root h1{margin:6px 0 12px;line-height:1.3;font-size:clamp(1.6rem,3vw,2.15rem);color:var(--heading,var(--manual-ink))}
#manual-root h2{font-size:1.45rem;line-height:1.4;margin:0 0 18px;color:var(--heading,var(--manual-ink))}
#manual-root h3{font-size:1.05rem;margin:0 0 12px}
#manual-root p{margin:0 0 17px}#manual-root .lead{color:var(--manual-muted);max-width:85ch;margin-bottom:0}
#manual-root .book-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:24px;align-items:start}
#manual-root .book-sidebar{position:sticky;top:96px;min-width:0}
.spp-manual-offline #manual-root .book-sidebar{top:15px}
#manual-root .book-sidebar label{display:block;color:var(--manual-muted);font-size:.86rem;margin-bottom:6px}
#manual-root .book-sidebar input{width:100%;min-width:0;border:1px solid var(--manual-line);border-radius:7px;padding:9px;background:var(--manual-paper);color:var(--manual-ink)}
#manual-root .chapter-nav{display:grid;gap:3px;padding:13px 0}
#manual-root .chapter-nav a{display:block;border-radius:6px;padding:8px 10px;text-decoration:none;color:var(--manual-ink);border-left:3px solid transparent;font-size:.9rem;font-weight:400}
#manual-root .chapter-nav a:hover{background:var(--manual-hint)}
#manual-root .chapter-nav a[aria-current=page]{background:var(--manual-hint);border-left-color:var(--manual-accent);color:var(--manual-accent);font-weight:650}
#manual-root .index-link{font-size:.86rem}
#manual-root .chapter{background:var(--manual-paper);border:1px solid var(--manual-line);border-radius:var(--radius-sm,10px);padding:26px 28px;min-height:440px;min-width:0}
#manual-root .chapter :is(ol,ul){padding-left:25px;margin:0 0 22px}#manual-root .chapter li{padding-left:3px;margin-bottom:13px}
#manual-root .note{background:var(--manual-notice);border-left:3px solid #a16d0b;padding:14px 17px;margin:20px 0;color:var(--manual-ink)}
#manual-root .table-scroll{overflow-x:auto;margin:16px 0 24px;border:1px solid var(--manual-line);border-radius:7px}
#manual-root table{border-collapse:collapse;width:100%;font-size:.93rem}#manual-root :is(th,td){padding:12px 15px;text-align:left;vertical-align:top;border-bottom:1px solid var(--manual-line);min-width:140px}#manual-root th{background:var(--manual-hint);font-weight:650}#manual-root tr:last-child td{border-bottom:0}
#manual-root .chapter-pages{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid var(--manual-line);margin-top:26px;padding-top:19px}
#manual-root .book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,295px),1fr));gap:18px}
#manual-root .book-card{background:var(--manual-paper);padding:23px;border:1px solid var(--manual-line);border-radius:var(--radius-sm,10px);display:flex;flex-direction:column;align-items:start}
#manual-root .book-card h2{font-size:1.2rem;margin-bottom:12px}#manual-root .book-card p{color:var(--manual-muted);flex:1}
#manual-root .search-results{padding:0;list-style:none}#manual-root .search-results li{border-bottom:1px solid var(--manual-line);padding:13px 0}#manual-root .search-results a{font-weight:650}#manual-root .search-results p{font-size:.92rem;color:var(--manual-muted);margin:5px 0}
#manual-root .book-switch{margin-top:18px;padding-top:14px;border-top:1px solid var(--manual-line);display:grid;gap:7px}#manual-root .book-switch a{font-size:.85rem}#manual-root .book-switch a[aria-current=page]{font-weight:700}
#manual-root .manual-figure{margin:0 0 28px}#manual-root .manual-figure+.manual-figure{padding-top:24px;border-top:1px solid var(--manual-line)}
#manual-root .figure-entry{font-size:.91rem;color:var(--manual-muted);padding:11px 14px;background:var(--manual-hint);border-radius:7px}
#manual-root .figure-image-button{display:block;width:100%;padding:0;border:1px solid var(--manual-line);overflow:hidden;background:#fff;cursor:zoom-in}
#manual-root .figure-image-button img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
#manual-root .figure-caption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 14px;font-size:.79rem;color:var(--manual-muted);margin:8px 0 15px}
#manual-root .figure-steps{list-style:none;padding:0;margin:0;counter-reset:figure-step}
#manual-root .figure-steps li{counter-increment:figure-step;position:relative;padding-left:34px;margin-bottom:12px}
#manual-root .figure-steps li:before{content:counter(figure-step);position:absolute;left:0;top:1px;width:23px;height:23px;border-radius:50%;background:#a83f20;color:white;text-align:center;font:700 13px/23px Arial}
.manual-footer{max-width:1440px;margin:10px auto 24px;padding:0 28px;font-size:.8rem;color:var(--manual-muted)}
.manual-image-dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);width:1400px;margin:auto;padding:0;border:1px solid var(--manual-line);border-radius:var(--radius-sm,10px);background:var(--manual-paper);color:var(--manual-ink);font:inherit}
.manual-image-dialog::backdrop{background:rgba(10,25,35,.78)}
.manual-image-toolbar{display:flex;align-items:center;gap:9px;padding:12px 15px;border-bottom:1px solid var(--manual-line);flex-wrap:wrap}.manual-image-toolbar strong{margin-right:auto}.manual-image-viewport{max-height:calc(100dvh - 140px);overflow:auto;overscroll-behavior:contain;background:var(--manual-hint);padding:12px}.manual-image-viewport img{display:block;max-width:100%;height:auto;margin:auto}.manual-image-viewport.is-original img{max-width:none;width:auto;margin:0}
@media(max-width:760px){.spp-manual-offline #manual-root{padding:18px 14px 35px}.manual-topbar{padding:12px 15px}#manual-root .book-heading{padding:18px;margin-bottom:17px}#manual-root .book-layout{grid-template-columns:minmax(0,1fr);gap:15px}#manual-root .book-sidebar{position:static;min-width:0}#manual-root .chapter-nav{display:flex;overflow-x:auto;gap:6px;padding:11px 0}#manual-root .chapter-nav a{white-space:nowrap;border-left:0;border-bottom:3px solid transparent}#manual-root .chapter-nav a[aria-current=page]{border-left:0;border-bottom-color:var(--manual-accent)}#manual-root .book-switch{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;padding-top:10px}#manual-root .chapter{padding:20px 16px;min-height:300px;overflow-wrap:anywhere}#manual-root .figure-entry{padding:9px 11px}#manual-root .figure-caption{font-size:.76rem}.manual-image-toolbar{padding:9px}.manual-image-toolbar strong{width:100%}}
@media(prefers-color-scheme:dark){.spp-manual-offline{--manual-ink:#e5eff3;--manual-muted:#b0c3cd;--manual-paper:#162934;--manual-line:#3a5260;--manual-accent:#8cdae5;--manual-notice:#3d321d;--manual-focus:#edb46c;background:#10212b;color-scheme:dark}.spp-manual-offline #manual-root .button.primary{color:#10212b}}