@charset "UTF-8";
@font-face{font-family:WenKai;src:url('assets/fonts/reading.woff?v=3') format('woff');font-weight:400;font-display:swap}
:root{--paper:#fffefa;--ink:#24445a;--muted:#647888;--line:#e3e9e9;--green:#2c82bd;--serif:WenKai,"KaiTi","STKaiti",serif}
body{background:var(--paper);color:var(--ink)}
.site-header{background:#fff;border-bottom-color:#e4eff3}
.brand-mark{color:#3189c7}.brand-mark *{stroke:currentColor}
.brand-name{color:#24547a;font-family:var(--serif);font-size:25px}
.brand-sub{color:#6b8b9e}.header-note{color:#6f8193}
.header-nav{background:#f0f8fe;border-color:#d6e9f4;box-shadow:none}
.header-nav button{color:#5c7b91}.header-nav button.active{background:#dcefff;color:#22699a;box-shadow:none}
.status-dot{background:#52a89b}
.hero{position:relative;grid-template-columns:1fr 1.06fr;background:#fff;margin:25px 0 34px;padding:30px 34px 28px;border:1px solid #e3edf3;border-radius:22px;gap:28px;box-shadow:0 8px 0 #fff3d2}
.hero:after{content:"";position:absolute;top:-7px;left:37px;width:78px;height:17px;background:#ffe7a5aa;transform:rotate(-6deg);border-radius:2px;pointer-events:none}
.eyebrow{color:#bd7a36;font-size:12px;letter-spacing:1.4px}
.eyebrow:before{background:#efb43d}
.hero h1{font-family:var(--serif);font-size:44px;font-weight:700;line-height:1.38;letter-spacing:0;color:#2c526e}
.hero h1 em{color:#247eb7;white-space:nowrap}
.hero h1 em:after{height:10px;bottom:1px;border:0;background:#ffe28b80;border-radius:30% 45%;z-index:0;transform:rotate(-1deg)}
.hero h1 em{isolation:isolate}.hero h1 em:after{z-index:-1}
.hero-copy>p{font-size:14px;color:#657e8e}
.hero-link{color:#256f9f;border-bottom:1px solid #80b5d5;font-weight:600}
.hero-stats{gap:18px;color:#7d8c96}.hero-stats b{font-family:var(--serif);font-weight:700;color:#397ca8;font-size:25px}
.hero-art{display:block;text-align:center;align-self:center;min-width:0}
.hero-art img{width:100%;max-height:290px;object-fit:contain;mix-blend-mode:multiply}
.art-note{display:block;color:#8a7b63;font-family:var(--serif);font-size:13px;letter-spacing:1px;margin-top:7px}
.shelf-heading h2{font-family:var(--serif);font-size:29px;color:#2b5471}
.shelf-heading h2:before{width:6px;background:#f3c659;border-radius:8px;transform:rotate(4deg)}
.shelf-heading p{color:#6c8090}.search{border-color:#c6deed;background:#fff;box-shadow:0 3px 0 #f2f8fb;color:#4698c5;border-radius:11px}
.search:focus-within{border-color:#65acd8;box-shadow:0 0 0 3px #dff1fd}.search input::placeholder{color:#7b93a2}
.category-tabs{border-bottom-color:#e1edf4;padding-bottom:23px;gap:10px}
.category-tab{background:#fff;border-color:#d3e3ed;color:#587387;border-radius:9px;font-size:15px;font-weight:600}
.category-tab b{background:#f0f6fa;color:#7191a6}.category-tab:hover{background:#f1f9ff;border-color:#83b7d8}
.category-tab.active{background:#dff1ff;color:#236e9d;border-color:#77b8e3;box-shadow:0 3px 0 #b9e0f7}
.category-tab.active b{color:#1c6c9f;background:#fff}
.category-tab:nth-child(3).active{background:#fff0d5;color:#a6642c;border-color:#edbe7d;box-shadow:0 3px 0 #f7dcae}
.category-tab:nth-child(4).active{background:#f4eafa;color:#8d5ba7;border-color:#c9a7de;box-shadow:0 3px 0 #ead7f5}
.category-tab:nth-child(5).active{background:#e1f5ed;color:#347e6d;border-color:#96cdbb;box-shadow:0 3px 0 #c9ebdf}
.category-tab:nth-child(6).active{background:#ffebef;color:#b96278;border-color:#e5a9b7;box-shadow:0 3px 0 #f8d2dd}
.group-title h3{font-family:var(--serif);font-size:23px;color:var(--accent)}
.group-title span{background:color-mix(in srgb,var(--accent) 12%,#fff);border-color:transparent;color:var(--accent)}
.group-heading>p{color:#778b98}
.book-cover{background:color-mix(in srgb,var(--accent) 9%,#fff);border-color:color-mix(in srgb,var(--accent) 27%,#fff);box-shadow:4px 5px 0 color-mix(in srgb,var(--accent) 13%,#fff);border-radius:2px 10px 10px 2px;height:257px}
.book-cover:before{background:color-mix(in srgb,var(--accent) 25%,#fff)}
.book-cover:after{border-color:color-mix(in srgb,var(--accent) 20%,#fff)}
.book-cover h4{font-size:27px;color:color-mix(in srgb,var(--accent) 86%,#253f54);line-height:1.4;letter-spacing:.5px}
.book-topline{color:var(--accent);opacity:.9}.book-cover .cover-category{color:var(--accent);opacity:.85}
.cover-art{width:98px;height:77px;stroke-width:1.5;opacity:.85;background:radial-gradient(ellipse at center,#fff8 0 55%,transparent 56%);border-radius:50%}
.book-open:hover .book-cover{box-shadow:5px 10px 0 color-mix(in srgb,var(--accent) 13%,#fff)}
.book-meta{color:#6c8393;font-size:11px}.ready-mark{color:#3d967c;font-weight:500}.book-desc{color:#718391}.book-actions{border-top-color:#e3edf4}.book-actions button{color:#356c8e}.book-actions a{color:#5e91aa}
.site-footer{background:#fff9e9;border-color:#f0e7d2;color:#849298}.footer-inner b{color:#527e99}.footer-inner p{color:#7e8990}.footer-right{color:#647f8d}.footer-right a,.footer-right button{border-color:#d7dad0}
.result,.history-card{border-radius:12px;border-color:#dceaf1;background:#fff}.result:hover{background:#f2faff}.result h3,.history-card h3{font-family:var(--serif);color:#366d95}.result p,.result .result-state,.history-card p{color:#738796}.history-card .bar{background:#e5f1f6}.history-card .bar span{background:#79b6da}
.reader-mode{background:#f5faff}.reader-header{background:#ffffffed;border-bottom-color:#dcebf4}.reader-book-heading h1{color:#2f6185}.reader-book-heading span{color:#7490a3}.back-link{color:#427899}.reader-header-actions .small-button{border-color:#cbdfea;background:#fff;color:#417d9f}
.reading-track{height:3px}.reader-layout{gap:28px}.reader-sidebar{padding-right:12px}.toc-heading{color:#3c6b89;border-bottom-color:#cfe3ef}.toc-heading span,.toc-note{color:#7894a5}.toc-list button{color:#658499}.toc-list button.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,#fff);border-left-color:var(--accent)}.toc-list button:hover{background:#edf6fb}
.reading-meta{color:#668398}.article-shell{border-color:#e0eaf0;border-top-color:var(--accent);border-radius:12px;box-shadow:0 8px 28px #5687a712}
.article-bottom{color:#82a0b3;background:#f2f8fb;border-top-color:#e2eef5}
.small-button{border-color:#b9d7e8;color:#3b7ca1;border-radius:7px}.small-button.primary{background:#2d80b7;border-color:#2d80b7}
.reader-nav-side>span{color:#7e93a0}.reader-end{background:#fff9e9;border-color:#f1e4c1;border-radius:12px}.reader-end h3{font-family:var(--serif);color:#a47c37}.reader-end p{color:#8c806d}
.toc-dialog,.dialog-header{background:#fffefa;border-color:#d6e7ee}.dialog-header h2{font-family:var(--serif);color:#376e93}.keyboard-note{color:#91a8b6}
/* Selectable long-form pages; all six modules share the same reading rhythm. */
.effect-page{padding:42px 42px 38px;background:#fff;font-family:var(--serif);color:#3e5261}
.effect-title{text-align:center;margin-bottom:30px}.effect-labels{display:flex;justify-content:center;gap:8px;margin-bottom:14px;font-family:var(--sans);font-size:11px}.effect-labels>span{padding:4px 10px;border-radius:20px;background:color-mix(in srgb,var(--accent) 10%,#fff);color:var(--accent)}.effect-labels .evidence-note{background:#fff1d8;color:#9c7135}
.effect-series{font-size:12px;color:#8aa0ae;letter-spacing:2px}.effect-title h2{font-size:34px;line-height:1.4;font-weight:700;margin:11px 0 8px;color:var(--accent);text-wrap:balance}.effect-tagline{font-size:17px;color:#7991a0}
.effect-page section{margin-top:32px}.effect-page h3{display:flex;align-items:center;gap:9px;font-family:var(--serif);font-size:23px;color:#2f6285;font-weight:700;margin-bottom:15px;letter-spacing:.5px}.effect-page h3>span{font:11px var(--sans);border:1px solid #bad8eb;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;flex-shrink:0;color:#5f98ba}.effect-page p{font-size:18px;line-height:1.85;margin:0;text-align:left;overflow-wrap:break-word}.effect-title p{text-align:center}
.effect-page .effect-definition{margin-top:0;padding:21px 24px 24px;background:#f0f8ff;border-radius:12px;border:1px solid #d5eafa}.effect-definition h3{margin-bottom:12px}.effect-definition p{color:#3c6480;font-size:19px}
.effect-origin{border-left:3px solid #dfbf85;padding:19px 23px;background:#fffaf0;border-radius:0 10px 10px 0}.effect-origin h3{color:#8a6f47}.effect-origin h3>span{border-color:#dfc797;color:#a18450}.effect-origin p{font-size:17px;color:#7c6e5a}
.mechanism-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.mechanism-step{position:relative;background:#f9fcff;padding:17px 14px;border:1px solid #d9eafa;border-radius:12px}.mechanism-step:not(:last-child):after{content:"→";position:absolute;right:-13px;top:25px;z-index:1;color:#67a2c9;background:white;font-family:var(--sans);font-size:18px}.step-symbol{display:flex;align-items:center;gap:8px;color:#4e98c5;margin-bottom:13px}.step-symbol>svg{width:24px;height:24px;stroke-width:1.5}.step-symbol>span{font:12px var(--sans);color:#a1bfd1}.mechanism-step h4{font-size:18px;font-weight:700;color:#39779d;margin:0 0 9px}.mechanism-step p{font-size:16px;line-height:1.8;color:#617b8d}
.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.example-card{background:#fff7ee;border:1px solid #f5e1c5;padding:18px 20px;border-radius:12px}.example-card:nth-child(2){background:#f3f9f1;border-color:#dcebd6}.example-label{font:11px var(--sans);color:#b89259;letter-spacing:1px}.example-card h4{font-size:20px;color:#9c7950;font-weight:700;margin:7px 0 10px}.example-card:nth-child(2) h4{color:#5d8d6b}.example-card p{font-size:17px;color:#7c776b}
.effect-distinction{background:#fff8f8;border-left:3px solid #ebaaa8;padding:19px 23px;border-radius:0 10px 10px 0}.effect-distinction h3{color:#b46d73}.effect-distinction h3>span{border-color:#e7bfc0;color:#b98186}.effect-distinction p{color:#856b73;font-size:17px}
.effect-advice ol{padding:0;margin:0;list-style:none;display:grid;gap:17px}.effect-advice li{display:flex;gap:13px;align-items:flex-start;padding-bottom:17px;border-bottom:1px dashed #dce9e9}.effect-advice li:last-child{border-bottom:0;padding-bottom:0}.advice-number{display:grid;place-items:center;width:23px;height:23px;border:1px solid #a3c8bb;color:#65a18b;border-radius:50%;font:11px var(--sans);margin-top:5px;flex-shrink:0}.effect-advice h4{display:flex;align-items:center;gap:8px;font-size:20px;margin:0 0 6px;color:#528c7b;font-weight:700}.effect-advice h4 svg{width:20px;height:20px;stroke-width:1.5}.effect-advice p{font-size:17px;color:#697e79}
.effect-takeaway{margin-top:31px;padding:20px 24px;background:#fff5cf;border-radius:12px;text-align:center}.effect-takeaway>span{font:11px var(--sans);color:#a9955c;letter-spacing:2px}.effect-takeaway p{text-align:center;font-size:20px;color:#8c7842;margin-top:7px;line-height:1.65}
.original-art{margin-top:28px;border:1px solid #dcebf2;border-radius:8px;padding:13px 16px;color:#5885a2;font:13px var(--sans)}.original-art summary{cursor:pointer;min-height:28px}.original-art img{margin-top:15px}
@media(min-width:1450px){.hero h1{font-size:47px}.book-cover{height:275px}.book-cover h4{font-size:28px}}
@media(min-width:701px) and (max-width:1100px){.hero{padding:26px;gap:15px}.hero h1{font-size:36px}.hero h1 em{white-space:normal}.hero-art img{max-height:250px}.hero-bottom{gap:14px}.hero-stats{gap:12px}.effect-page{padding:33px 27px}.mechanism-flow{gap:9px}.mechanism-step{padding:14px 11px}.mechanism-step h4{font-size:17px}.mechanism-step p{font-size:16px}.example-card{padding:17px 15px}}
@media(max-width:700px){
 .site-header{height:74px}.brand-name{font-size:23px}.brand-sub{font-size:9px}.header-nav button{font-size:12px}.container{padding:0 18px}
 .hero{display:grid;grid-template-columns:1fr;margin:18px 0 29px;padding:23px 21px 17px;gap:6px;border-radius:18px;box-shadow:0 6px 0 #fff1c5}.hero:after{left:26px;width:59px;height:14px;top:-6px}.eyebrow{font-size:11px;letter-spacing:.7px}.hero h1{font-size:31px;line-height:1.35;margin:9px 0 10px;letter-spacing:0}.hero-copy>p{font-size:13px;line-height:1.7}.hero h1 em{white-space:normal}.hero-bottom{margin-top:12px;gap:11px;flex-wrap:wrap}.hero-link{font-size:12px;min-height:38px;padding:5px 0}.hero-stats{font-size:10px;gap:13px}.hero-stats b{font-size:22px;margin-right:3px}
 .hero-art{display:block}.hero-art img{height:157px;width:100%;object-fit:contain;margin:auto}.art-note{display:none}
 .shelf-heading h2{font-size:27px}.shelf-heading p{font-size:12px}.search{margin-top:14px;min-height:47px}.category-tabs{gap:8px}.category-tab{font-size:12px;border-radius:8px;min-height:46px;padding:8px 5px}.category-tab b{font-size:10px}
 .group-title h3{font-size:22px}.group-heading{margin-bottom:15px}.catalog-group{margin-top:23px}.book-grid{gap:25px 17px}.book-cover{height:230px;padding:17px 12px 17px 20px}.book-cover h4{font-size:24px;letter-spacing:0;margin-top:18px}.book-topline{font-size:9px}.cover-art{width:83px;height:65px}.book-meta{font-size:10px;gap:3px}.book-desc{font-size:12px;min-height:42px}.book-actions{font-size:12px}.book-cover .cover-category{font-size:9px}
 .reader-header{height:73px}.reader-layout{padding-top:17px}.article-shell{border-radius:0}.effect-page{padding:28px 22px 30px}.effect-title{margin-bottom:24px}.effect-labels{margin-bottom:12px;font-size:10px}.effect-title h2{font-size:29px}.effect-tagline{font-size:16px!important}.effect-series{font-size:11px!important}.effect-page section{margin-top:28px}.effect-page h3{font-size:22px;margin-bottom:13px}.effect-page p{font-size:18px;line-height:1.85}.effect-page .effect-definition{padding:18px 18px 20px;margin-top:0}.effect-origin,.effect-distinction{padding:18px}.effect-origin p,.effect-distinction p{font-size:17px}.mechanism-flow{grid-template-columns:1fr;gap:15px}.mechanism-step{padding:16px 17px 16px 63px;min-height:95px}.step-symbol{position:absolute;left:18px;top:18px;flex-direction:column;gap:4px}.step-symbol>svg{width:23px;height:23px}.step-symbol>span{font-size:10px}.mechanism-step h4{font-size:20px;margin-bottom:5px}.mechanism-step p{font-size:17px}.mechanism-step:not(:last-child):after{content:"↓";top:auto;bottom:-19px;right:auto;left:24px;font-size:17px;background:white}.example-grid{grid-template-columns:1fr;gap:13px}.example-card{padding:16px 18px}.example-card h4{font-size:20px;margin-bottom:6px}.example-card p{font-size:17px}.effect-advice h4{font-size:20px}.effect-advice p{font-size:17px}.effect-takeaway{padding:18px}.effect-takeaway p{font-size:19px}.effect-advice li{gap:10px}.advice-number{width:21px;height:21px;font-size:10px}.original-art{font-size:12px}.reading-meta{font-size:11px}
}
@media(max-width:365px){.container{padding:0 14px}.hero{padding:21px 17px 15px}.hero h1{font-size:28px}.hero-copy>p{font-size:12px}.hero-bottom{gap:5px}.hero-stats{gap:11px}.hero-stats b{font-size:21px}.hero-art img{height:140px}.category-tab{font-size:11px;gap:3px}.brand-name{font-size:21px}.header-nav button{font-size:11px}.book-cover{padding:17px 10px 17px 17px}.book-cover h4{font-size:21px}.effect-page{padding:27px 17px}.effect-title h2{font-size:27px}.effect-page h3{font-size:21px}.reader-book-heading h1{font-size:14px}}

.effect-page p{line-break:strict;word-break:normal}

/* Keep the paper airy while preserving contrast in longer paragraphs. */
.effect-tagline{color:#60798a}.effect-origin p{color:#665942}.mechanism-step p{color:#4a6578}.example-card p{color:#5f6259}.effect-distinction p{color:#725461}.effect-advice p{color:#4d6962}.effect-takeaway p{color:#765d26}
.group-title h3,.effect-title h2{color:color-mix(in srgb,var(--accent) 76%,#24445a)}
@media(min-width:701px) and (max-width:1000px){
 .reader-layout{display:block;max-width:820px;padding:24px 24px 45px}.reader-sidebar{display:none}.reader-header .toc-toggle{display:inline-flex!important}.reader-main{max-width:none}
}
@media(min-width:701px) and (max-width:900px){.hero h1{font-size:30px}}

.book-topline,.book-cover .cover-category,.group-title span,.effect-labels>span{color:color-mix(in srgb,var(--accent) 60%,#24445a)}
.ready-mark{color:#287d63}.site-footer,.footer-inner p{color:#617785}

/* Approved raster infographics remain full-width, without CSS re-typesetting. */
.article-shell > .infographic{display:block;width:100%;height:auto;background:#fff}
.reading-picture,.reading-picture>.infographic{display:block;width:100%;height:auto;background:#fff}
/* A compact reading page: file resolution and on-screen width are independent. */
@media(min-width:1001px){
 .reader-layout{grid-template-columns:190px minmax(0,520px);max-width:790px;gap:32px;padding:24px 24px 45px}
 .reader-main{max-width:520px}
}
@media(min-width:701px) and (max-width:1000px){
 .reader-layout{max-width:568px}
 .reader-main{max-width:520px}
}
@media(max-width:700px){
 .reader-layout{padding:14px 12px 30px}
 .reader-main{max-width:420px}
 .reading-meta{padding-left:2px;padding-right:2px}
 .article-shell{border:1px solid #e0eaf0;border-top:3px solid var(--accent);border-radius:9px}
 .reader-navigation{padding-left:0;padding-right:0}
}
/* 2026-10: quiet handwritten navigation, a direct all-category bookshelf. */
@font-face{font-family:AtlasUI;src:url('assets/fonts/ui.woff?v=5') format('woff');font-weight:400;font-display:swap}
:root{--serif:AtlasUI,"KaiTi","STKaiti",serif;--sans:AtlasUI,"PingFang SC","Microsoft YaHei",sans-serif}
body{font-family:var(--sans);font-size:16px}.header-note{font-size:14px}.brand-sub{font-size:11px}.hero-copy>p{font-size:16px}.hero-summary{font-size:15px;line-height:1.6;color:#6c8290;margin:0}.hero-bottom{gap:28px}.art-note{font-size:15px;letter-spacing:0;margin:12px 0 0;color:#687f8d}.art-note cite{display:block;font-size:12px;font-style:normal;margin-top:4px}.shelf-heading{margin-bottom:28px}.shelf-heading p{font-size:15px}.search input{font-size:15px}
.catalog-group{margin:42px 0 60px}.group-heading{border-top:2px solid color-mix(in srgb,var(--accent) 45%,white);padding:22px 0 18px;align-items:center}.group-title{gap:13px}.group-title h3{font-size:31px;font-weight:700;color:color-mix(in srgb,var(--accent) 65%,#24445a)}.group-title>span{width:38px;height:38px;font-size:17px;border-radius:50%}.group-heading>p{font-size:14px}
.book-grid{align-items:start}.book-cover{padding:0!important;height:auto!important;aspect-ratio:480/620;background:#fff;box-shadow:3px 4px 0 #e9eff2;border-radius:3px 9px 9px 3px;border-color:#d9e4ec}.book-cover:before,.book-cover:after{display:none}.book-cover img{width:100%;height:100%;object-fit:cover;object-position:top}.book-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;margin:16px 0 9px}.book-caption h4{font:700 20px/1.4 var(--serif);margin:0;color:#35596f}.book-pdf{display:flex;align-items:center;gap:3px;font-size:12px;min-height:28px;color:#617f90;flex-shrink:0}.effect-names{list-style:none;padding:0;margin:0}.effect-names li{display:flex;align-items:baseline;gap:6px}.effect-names li:before{content:'·';color:var(--accent);flex:none}.effect-names button{padding:3px 0;text-align:left;font-size:15px;line-height:1.65;color:#627b8b}.effect-names button:hover{color:var(--accent);text-decoration:underline}.book-contents{margin-top:7px}.book-contents summary{cursor:pointer;color:#7891a0;font-size:13px;min-height:32px;padding-top:4px}.book-contents[open] summary{margin-bottom:5px}.book-open{width:100%}.reader-book-heading h1{font-family:var(--serif);font-size:21px}.toc-list button{font-size:16px}.small-button{font-size:15px}
@media(max-width:700px){.hero-copy>p{font-size:15px}.hero-bottom{gap:20px}.hero-summary{font-size:13px}.art-note{display:block;font-size:13px}.art-note cite{font-size:11px}.hero-art img{height:145px}.group-heading{display:block;padding:18px 0 16px}.group-title h3{font-size:28px}.group-heading>p{margin:8px 0 0 51px;font-size:13px}.catalog-group{margin:30px 0 43px}.book-caption h4{font-size:18px}.effect-names button{font-size:14px}.book-grid{gap:28px 17px}.book-caption{margin-top:12px}.shelf-heading p{font-size:14px}.reader-book-heading h1{font-size:16px}.header-note{font-size:12px}.hero h1{font-weight:600}.book-pdf{font-size:11px}}
/* Pocket-sized book stacks: decorative paper layers need no extra image downloads. */
.book{--mini-width:110px;--book-tilt:-5deg;--paper-tilt:4deg}
.book:nth-child(even){--book-tilt:4deg;--paper-tilt:-5deg}
.book-open{position:relative;display:grid;place-items:center;padding:17px 18px 22px;isolation:isolate;overflow:visible;min-height:181px}
.book-open:before,.book-open:after{content:"";position:absolute;top:19px;left:50%;width:var(--mini-width);aspect-ratio:480/620;border:1px solid #d8e2e8;border-radius:2px 5px 5px 2px;pointer-events:none}
.book-open:before{background:color-mix(in srgb,var(--accent) 12%,white);transform:translateX(calc(-50% + 7px)) rotate(var(--paper-tilt));box-shadow:0 7px 13px #31576b0d;z-index:0}
.book-open:after{background:#fffdf6;transform:translateX(calc(-50% + 3px)) translateY(3px) rotate(0deg);box-shadow:2px 2px 0 #e1e8e9;z-index:1}
.book-open .book-cover{width:var(--mini-width);position:relative;z-index:2;transform:rotate(var(--book-tilt));border-radius:2px 5px 5px 2px;box-shadow:2px 3px 0 #dce5e9,4px 8px 12px #31576b1c;transition:transform .22s ease,box-shadow .22s ease}
.book-open .book-cover:after{content:"";display:block;position:absolute;inset:0 auto 0 0;width:6px;border:0;background:linear-gradient(90deg,#48677824,transparent);pointer-events:none}
.book-open:hover .book-cover,.book-open:focus-visible .book-cover{transform:translateY(-4px) rotate(0deg);box-shadow:2px 3px 0 #dce5e9,5px 11px 15px #31576b22}
.book-caption{margin-top:6px}
@media(max-width:700px){.book{--mini-width:96px}.book-open{min-height:163px;padding:17px 12px 22px}.book-caption{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.book-open .book-cover{transition:none}}
/* Compact opening and selective emphasis. AtlasUI is a static regular font;
   declaring only its real weight lets browsers synthesize requested bold. */
.site-header{height:64px}
.hero{margin-top:13px;margin-bottom:28px;padding:20px 34px 16px}
.art-note{margin-top:8px}
.brand-name,.hero h1,.shelf-heading h2,.group-title h3,.book-caption h4,
.reader-book-heading h1,.toc-heading,.toc-list button.active{font-weight:700}
.eyebrow,.hero-link,.book-pdf,.book-contents summary,.back-link,.small-button{font-weight:600}
@media(min-width:701px) and (max-width:1100px){.hero{padding:18px 26px 14px}}
@media(max-width:700px){
 .site-header{height:60px}
 .hero{margin-top:12px;margin-bottom:24px;padding:18px 21px 12px}
 .hero h1{font-weight:700}
 .art-note{margin-top:6px}
}
@media(max-width:365px){.hero{padding:17px 17px 11px}}
/* Quiet separators between adjacent booklet columns, without card frames. */
.book-grid{column-gap:26px}
.book-grid>.book{position:relative;min-width:0}
.book-grid>.book:before{content:"";position:absolute;left:-14px;top:14px;bottom:8px;width:1px;background:linear-gradient(to bottom,transparent,#dce5ea 14%,#dce5ea 86%,transparent);pointer-events:none}
@media(min-width:1101px){.book-grid>.book:nth-child(5n+1):before{display:none}}
@media(min-width:701px) and (max-width:1100px){.book-grid>.book:nth-child(3n+1):before{display:none}}
@media(max-width:700px){
 .book-grid{column-gap:22px}
 .book-grid>.book:before{left:-12px}
 .book-grid>.book:nth-child(2n+1):before{display:none}
}