:root{--paper:#FFF8F2;--white:#FFFFFF;--soft:#F3EBE3;--ink:#1A1230;--text:#2C2440;--muted:#5A5270;--subtle:#716981;--magenta:#E11D8F;--indigo:#6366F1;--cyan:#0891B2;--amber:#D97706;--mint:#059669;--line:rgba(26,18,48,.10);--shade:0 14px 34px rgba(26,18,48,.08);--radius:18px;--shell:1160px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:136px}
body{margin:0;overflow-x:hidden;min-width:0;color:var(--text);background:var(--paper);font-family:system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-size:16px;line-height:1.72;-webkit-font-smoothing:antialiased}
body.dialog-active{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
a,button,input{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--indigo);outline-offset:3px}
a:hover{color:var(--magenta)}
p{margin:0 0 1em;overflow-wrap:anywhere}
h1,h2,h3,h4{line-height:1.35;margin:0 0 .55em;color:var(--ink);font-weight:750;letter-spacing:-.018em}
h1{font-size:clamp(28px,3.3vw,34px)}h2{font-size:clamp(22px,2.4vw,26px)}h3{font-size:18px}
img{max-width:100%;height:auto}
.page-width{width:min(var(--shell),calc(100% - 40px));margin-inline:auto}
.eyebrow,.overline{font-size:12px;letter-spacing:.17em;color:var(--magenta);font-weight:800;text-transform:uppercase}
.site-header{position:fixed;inset:0 0 auto;height:72px;z-index:50;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 1px 10px rgba(26,18,48,.025)}
.header-inner{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
.header-menu{justify-self:start}.brand{display:flex;align-items:center;justify-content:center;min-width:0;max-width:100%;white-space:nowrap}
.brand-logo{max-width:min(240px,100%);height:38px;object-fit:contain;object-position:center}
.brand-lettering{display:block;font-size:23px;line-height:1.15;font-weight:900;letter-spacing:.05em;color:var(--ink)}.brand-lettering span{color:var(--magenta)}
.header-actions{display:flex;gap:14px;align-items:center;justify-self:end}
.icon-button{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:transparent;border:1px solid transparent;border-radius:12px;color:var(--ink);padding:8px 10px;font-weight:700;font-size:13px;transition:background .16s,border .16s}
.icon-button:hover{background:#fff;border-color:var(--line);color:var(--magenta)}
.header-app,.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;font-size:14px;font-weight:750;line-height:1.2;white-space:nowrap;padding:12px 22px;transition:transform .16s,box-shadow .16s,background .16s}
.header-app{border:1px solid var(--line);background:var(--ink);color:white;padding-inline:17px}.header-app:hover{color:white;background:var(--magenta);transform:translateY(-1px)}
.menu-glyph{height:19px;width:23px;display:flex;flex-direction:column;justify-content:space-between;flex:none}.menu-glyph i{height:2px;border-radius:4px;background:currentColor;display:block;width:100%}.menu-glyph i:nth-child(2){width:72%}.menu-glyph i:nth-child(3){width:88%}
.search-glyph{width:18px;height:18px;border:2px solid currentColor;border-radius:50%;position:relative;display:inline-block;flex:none}.search-glyph:after{content:"";position:absolute;width:8px;height:2px;background:currentColor;transform:rotate(45deg);transform-origin:left center;right:-7px;bottom:-4px;border-radius:5px}
.chapter-bar{position:fixed;inset:72px 0 auto;height:46px;z-index:49;background:#fff;border-bottom:1px solid var(--line)}
.chapter-inner{display:flex;justify-content:center;align-items:stretch;gap:34px;height:100%;white-space:nowrap}
.chapter-inner a{font-size:14px;color:var(--muted);display:flex;align-items:center;position:relative;font-weight:650;padding:0 4px}
.chapter-inner a:hover,.chapter-inner a.selected{color:var(--ink)}
.chapter-inner a.selected:after{content:"";position:absolute;height:3px;border-radius:8px;background:var(--magenta);bottom:0;left:0;right:0}
.site-main{padding-top:146px;padding-bottom:80px;min-width:0}
.media-ribbon{display:inline-flex;gap:10px;align-items:center;color:var(--muted);font-size:13px;font-weight:750;letter-spacing:.07em}
.media-ribbon:before{content:"";width:27px;height:3px;background:var(--magenta);border-radius:2px}
.tag-line{color:var(--subtle);font-size:14px;margin-bottom:0}
.image-slot{position:relative;display:grid;place-items:center;width:100%;min-height:180px;overflow:hidden;isolation:isolate;border-radius:16px;border:1px solid rgba(26,18,48,.06);background:#F1EBF6}
.image-slot img{position:relative;z-index:2;display:block;width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center}
.image-slot.is-pink{background:linear-gradient(145deg,#FDE7F2,#F7DAEB 60%,#F5EEF8)}
.image-slot.is-indigo{background:linear-gradient(140deg,#E8E9FF,#F2EDFF 70%,#EDF3FE)}
.image-slot.is-cyan{background:linear-gradient(145deg,#E3F3F7,#D4ECF1 65%,#EFF5FF)}
.image-slot.is-amber{background:linear-gradient(145deg,#FFF0D7,#F9E1C2 64%,#FFF4E8)}
.image-slot.is-mint{background:linear-gradient(145deg,#E4F4E9,#DDECE8 70%,#E7F8F4)}
.image-slot.is-paper{background:linear-gradient(145deg,#F3EBE3,#EADDE7 67%,#F8F1E7)}
.slot-art{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none}
.slot-art i{position:absolute;display:block;border-radius:50%;opacity:.50;filter:saturate(.7)}
.slot-art i:first-child{width:44%;aspect-ratio:1;top:-27%;left:8%;background:rgba(255,255,255,.83)}
.slot-art i:nth-child(2){width:33%;aspect-ratio:1;bottom:-17%;right:9%;background:rgba(255,255,255,.72)}
.slot-art i:nth-child(3){width:23%;height:45%;top:28%;left:42%;border:2px solid rgba(255,255,255,.8);transform:rotate(34deg);border-radius:40px;background:transparent}
.button-primary{background:linear-gradient(135deg,#6366F1 0%,#E11D8F 55%,#D97706 100%);color:#fff;border:0;box-shadow:0 9px 23px rgba(225,29,143,.16)}
.button-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 14px 28px rgba(225,29,143,.22)}
.button-secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}
.button-secondary:hover{color:var(--magenta);border-color:rgba(225,29,143,.35)}
.button-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.section-action{color:var(--indigo);font-weight:800;font-size:14px;white-space:nowrap}.section-action:hover{color:var(--magenta)}
.reading-section{margin-top:56px;min-width:0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 20px}.section-heading .heading-copy{max-width:770px}.section-heading p{color:var(--muted);font-size:15px;margin-bottom:0}
.cover-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;align-items:stretch;min-height:338px}
.cover-copy{min-width:0;position:relative;padding:38px 32px 34px 52px;background:white;box-shadow:var(--shade);border:1px solid var(--line);border-radius:22px}
.vertical-mark{position:absolute;top:39px;left:17px;writing-mode:vertical-rl;color:var(--magenta);font-size:12px;font-weight:850;letter-spacing:.13em}
.cover-copy h1{margin:19px 0 14px}.cover-copy>p{color:var(--muted);max-width:510px;line-height:1.83}.cover-copy .button-row{margin-top:24px}
.cover-visual .image-slot{height:350px;max-height:360px;border-radius:22px}
.cover-visual{min-width:0}
.topic-strips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.topic-strip{padding:18px;border:1px solid var(--line);background:white;min-height:124px;border-radius:14px;transition:transform .16s,box-shadow .16s}
.topic-strip:hover{transform:translateY(-3px);box-shadow:var(--shade)}
.topic-strip .dot{width:11px;height:11px;border-radius:100%;display:inline-block;margin-right:7px;background:var(--indigo)}
.topic-strip:nth-child(5n+1) .dot{background:var(--magenta)}.topic-strip:nth-child(5n+2) .dot{background:var(--indigo)}.topic-strip:nth-child(5n+3) .dot{background:var(--cyan)}.topic-strip:nth-child(5n+4) .dot{background:var(--amber)}.topic-strip:nth-child(5n) .dot{background:var(--mint)}
.topic-strip strong{font-size:16px;color:var(--ink)}.topic-strip p{color:var(--muted);font-size:13px;line-height:1.7;margin:9px 0 0}
.split-feature{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:22px;min-width:0}
.split-feature .image-slot{height:345px}.feature-panel,.text-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;min-width:0}
.feature-panel p{color:var(--muted);line-height:1.8}.feature-panel .feature-links{display:grid;gap:0;padding:0;list-style:none;margin:12px 0 0}
.feature-panel .feature-links li a{display:flex;align-items:center;gap:17px;border-top:1px solid var(--line);padding:13px 0;color:var(--ink);font-weight:750}
.feature-panel .feature-links li a:hover{color:var(--magenta)}.feature-links em{font-style:normal;color:var(--magenta);font-size:13px;font-weight:900;min-width:24px}
.card-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.feature-card{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line);min-width:0}
.feature-card .image-slot{height:202px;border-radius:0;border:0}.feature-card .card-body{padding:23px;display:flex;flex-direction:column;flex:1}.feature-card h3{font-size:20px}.feature-card p{font-size:15px;color:var(--muted);flex:1}.feature-card a{color:var(--indigo);font-weight:800;align-self:start}
.bookcases{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 26px}
.shelf-entry{display:grid;grid-template-columns:44px 1fr 110px;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.shelf-entry:last-child{border:0}.shelf-number{width:38px;height:48px;border-left:6px solid var(--magenta);background:#F7EEF9;display:flex;align-items:center;justify-content:center;color:var(--indigo);font-weight:900}.shelf-entry:nth-child(2n) .shelf-number{border-color:var(--amber)}.shelf-entry:nth-child(3n) .shelf-number{border-color:var(--mint)}.shelf-entry h3{margin:0 0 3px;font-size:17px}.shelf-entry p{font-size:14px;color:var(--muted);margin:0}.shelf-entry a{justify-self:end;font-size:14px;font-weight:800;color:var(--indigo)}
.editorial-board{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:20px}.editorial-board .image-slot{height:390px}.editorial-list{background:#fff;border-radius:17px;border:1px solid var(--line);padding:13px 24px}
.editorial-item{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:start;padding:15px 0;border-bottom:1px solid var(--line)}.editorial-item:last-child{border:0}.editorial-item .big-number{font-size:38px;font-weight:900;line-height:1;color:var(--magenta);font-variant-numeric:tabular-nums}.editorial-item:nth-child(2n) .big-number{color:var(--indigo)}.editorial-item:nth-child(3n) .big-number{color:var(--cyan)}.editorial-item:nth-child(4n) .big-number{color:var(--amber)}.editorial-item:nth-child(5n) .big-number{color:var(--mint)}.editorial-item h3{font-size:17px;margin-bottom:3px}.editorial-item p{font-size:14px;color:var(--muted);margin:0}
.timeline{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 30px 26px 34px}.timeline-entry{position:relative;border-left:2px solid #e8dceb;padding:0 0 23px 26px}.timeline-entry:last-child{padding-bottom:0}.timeline-entry:before{content:"";position:absolute;top:4px;left:-7px;width:12px;height:12px;border-radius:100%;background:var(--indigo);border:3px solid #fff;box-shadow:0 0 0 2px var(--indigo)}.timeline-entry:nth-child(2n):before{background:var(--magenta);box-shadow:0 0 0 2px var(--magenta)}.timeline-entry h3{font-size:17px}.timeline-entry p{font-size:15px;color:var(--muted)}.status-tag{display:inline-block;font-size:12px;line-height:1.4;border-radius:6px;padding:5px 9px;color:var(--ink);background:#E9E8FD;font-weight:750;margin-bottom:7px}
.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.step-card{padding:21px;background:#fff;border-radius:17px;border:1px solid var(--line)}.step-card b{font-size:27px;line-height:1;color:var(--magenta)}.step-card h3{margin-top:16px}.step-card p{font-size:14px;color:var(--muted);margin:0}
.double-topic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.double-topic article{padding:28px;border-radius:17px;background:#EFEFFD;border:1px solid var(--line)}.double-topic article:nth-child(2){background:#FDF0E5}.double-topic p{color:var(--text);font-size:15px}.double-topic .section-action{display:inline-block;margin-top:8px}
.service-feature{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);gap:20px;align-items:stretch;background:#fff;padding:24px;border-radius:20px;border:1px solid var(--line)}.service-feature .image-slot{height:340px}.service-feature .service-copy{padding:14px 16px}.service-copy p{color:var(--muted)}.service-feature .app-badge{display:flex;align-items:center;gap:12px;margin-top:19px}.app-badge .image-slot{height:68px;width:68px;border-radius:17px;flex:none}.app-badge strong{font-size:16px;color:var(--ink)}
.simple-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.simple-card{padding:22px;border:1px solid var(--line);border-radius:17px;background:#fff}.simple-card h3{font-size:18px}.simple-card p{font-size:14px;color:var(--muted)}.simple-card .section-action{font-size:13px}
.faq-preview{background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px 26px}.faq-preview details{padding:15px 0;border-bottom:1px solid var(--line)}.faq-preview details:last-child{border:0}.faq-preview summary{cursor:pointer;color:var(--ink);font-weight:750;list-style-position:inside}.faq-preview details p{padding:10px 0 0 22px;font-size:15px;color:var(--muted)}
.brand-closing{padding:30px 36px;border-radius:18px;background:linear-gradient(100deg,#EEE9FF,#FFF0F6 55%,#FFF0E0);border:1px solid var(--line)}.brand-closing p{max-width:880px;color:var(--text)}
/* 统一内页骨架 */
.inner-hero{padding:29px 34px;margin-bottom:25px;background:#fff;border-radius:20px;border:1px solid var(--line);position:relative;overflow:hidden}
.inner-hero:after{content:"";position:absolute;right:-30px;top:-50px;width:190px;height:190px;border-radius:50%;background:rgba(225,29,143,.055);pointer-events:none}.inner-hero .eyebrow{margin-bottom:8px}.inner-hero h1{position:relative;z-index:1;margin-bottom:12px}.inner-hero>p:last-child{max-width:890px;color:var(--muted);line-height:1.86;margin:0}
.inner-main{min-width:0}.inner-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.46fr);gap:22px;align-items:start}
.inner-cover .image-slot{height:305px;border-radius:20px}.inner-cover figcaption{color:var(--muted);font-size:13px;padding:9px 3px 0}.inner-cover{margin:0}
.inner-content{display:grid;gap:22px;min-width:0}.inner-section{padding:25px 28px;border:1px solid var(--line);background:#fff;border-radius:19px;min-width:0}.inner-section>h2{margin-bottom:14px}.inner-section p{margin:0 0 14px;color:var(--text)}.inner-section p:last-child{margin-bottom:0}
.inner-section .mini-label{font-size:12px;font-weight:850;letter-spacing:.12em;color:var(--magenta);margin-bottom:6px}
.inner-section.accent-paper{background:#F9F3EC}.inner-section.accent-indigo{background:#F1F0FF}.inner-section.accent-pink{background:#FFF0F6}.inner-section.accent-cyan{background:#EAF7FA}.inner-section.accent-amber{background:#FFF2E1}
.inner-section .inline-number{font-size:34px;line-height:1;font-weight:900;color:var(--indigo);float:right;margin-left:10px}.inner-section:nth-child(3n) .inline-number{color:var(--magenta)}
.inner-aside{display:grid;gap:20px}.aside-box{padding:22px;background:#fff;border:1px solid var(--line);border-radius:17px}.aside-box h3{font-size:16px}.aside-box p{font-size:14px;color:var(--muted)}.aside-box a{color:var(--indigo);font-size:14px;font-weight:750}.aside-box ul{margin:0;padding-left:17px;color:var(--muted)}.aside-box li{margin:7px 0;font-size:14px}
.inner-layout.layout-article{grid-template-columns:minmax(0,1fr) minmax(0,.34fr)}
.inner-layout.layout-steps{grid-template-columns:minmax(0,.37fr) minmax(0,1fr)}.inner-layout.layout-steps .inner-aside{order:-1}
.inner-layout.layout-gallery{grid-template-columns:minmax(0,.55fr) minmax(0,1fr)}.inner-layout.layout-gallery .inner-aside{order:-1}
.inner-layout.layout-wide{grid-template-columns:1fr}.inner-layout.layout-wide .inner-aside{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,.35fr)}
.inner-layout.layout-wide .inner-aside .inner-cover .image-slot{height:260px}
.inner-section.style-timeline{border-left:6px solid var(--indigo)}.inner-section.style-timeline:nth-child(2n){border-color:var(--magenta)}
.inner-section.style-step{display:grid;grid-template-columns:54px minmax(0,1fr);column-gap:12px}.inner-section.style-step h2{grid-column:2;margin-bottom:12px}.inner-section.style-step .mini-label{grid-row:1/3;grid-column:1;font-size:31px;letter-spacing:0;line-height:1.2}.inner-section.style-step p{grid-column:2}
.inner-section.style-ledger{border-radius:4px 17px 17px 4px;border-left:8px solid var(--indigo)}.inner-section.style-ledger:nth-child(even){border-left-color:var(--cyan)}
.inner-section.style-letter{background:#FCFAF6;border-left:2px solid #ddd3e6;border-radius:5px;padding-inline:34px}.inner-section.style-letter h2{font-family:Georgia,"Songti SC","STSong",serif}
.inner-section.style-rule{border-top:3px solid var(--indigo)}.inner-section.style-rule:nth-child(even){border-top-color:var(--magenta)}
.inner-section.style-tiles{background:#F7F3FF}
.related-links{margin-top:26px;border-radius:18px;background:#fff;border:1px solid var(--line);padding:24px 28px}.related-links h2{font-size:21px;margin-bottom:16px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.related-grid a{display:flex;justify-content:space-between;align-items:center;background:var(--paper);padding:14px 15px;border-radius:11px;color:var(--ink);font-weight:750;font-size:14px}.related-grid a:hover{background:#F6E4F1;color:var(--magenta)}
.faq-list{display:grid;gap:16px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 25px}.faq-item h2{font-size:18px;display:flex;gap:12px;align-items:start}.faq-item h2 span{font-size:12px;color:var(--magenta);letter-spacing:.1em;padding-top:4px}.faq-item p{color:var(--text);margin:0;padding-left:35px}
/* 页脚 */
.site-footer{background:var(--ink);color:#F7EFE6}.footer-inner{padding-top:49px;padding-bottom:26px}.footer-lead{display:flex;gap:30px;align-items:flex-start;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:27px}
.footer-brand{display:inline-flex;flex-direction:column;gap:8px;flex:none;color:#fff}.footer-brand .brand-lettering{color:#fff;font-size:23px}.footer-brand .brand-lettering span{color:#FFA2D2}.footer-brand .brand-logo{object-position:left;max-width:210px;height:34px}.footer-brand>span{font-size:11px;letter-spacing:.17em;color:#DDD5EF;font-weight:800}
.footer-lead p{color:#E5DDEF;max-width:580px;font-size:14px;margin:0}
.footer-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;padding:27px 0 31px}.footer-column h2{font-size:14px;color:#fff;margin-bottom:12px}.footer-column a{display:block;font-size:13px;color:#DDD6E9;margin:7px 0}.footer-column a:hover{color:#FFB5DC}.footer-bottom{display:flex;justify-content:space-between;gap:15px;align-items:start;border-top:1px solid rgba(255,255,255,.15);padding-top:17px;color:#E2D8E5}.footer-bottom p{font-size:12px;margin:0;max-width:670px}
.mobile-nav{display:none}
/* 浮层保持离线可用链接，同时仅在激活时响应指针 */
.overlay{position:fixed;inset:0;display:grid;place-items:center;z-index:110;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}
.overlay-backdrop{position:absolute;inset:0;background:rgba(16,11,34,.67)}
.book-dialog,.search-dialog{position:relative;z-index:1;background:#FFF9F1;border:1px solid rgba(255,255,255,.55);border-radius:18px;width:min(840px,calc(100% - 32px));max-height:calc(100dvh - 36px);overflow-y:auto;box-shadow:0 30px 100px rgba(0,0,0,.23)}.book-dialog:focus,.search-dialog:focus{outline:none}
.overlay-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 22px;border-bottom:1px solid var(--line);background:#fff}.overlay-brand{display:flex;align-items:center;gap:15px;font-size:15px;font-weight:800;color:var(--ink)}.overlay-brand .brand-logo{height:29px;max-width:150px}.overlay-brand .brand-lettering{font-size:19px}.overlay-tools{display:flex;gap:8px;align-items:center}.overlay-search-button{border:1px solid var(--line);background:var(--paper);padding:10px 13px;border-radius:10px;color:var(--ink);font-size:13px;min-height:44px}
.close-overlay{width:44px;height:44px;font-size:26px;line-height:1;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:10px}.close-overlay:hover{background:#ffe7f2}
.book-spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:linear-gradient(90deg,#FFF8F0 0%,#FFFAF5 48.9%,#E1D7DC 49.95%,#F0EAE9 50.05%,#FFF9F4 51%,#FFFBF8 100%);padding:22px 18px 30px;gap:23px 28px}
.book-chapter{min-width:0;padding:6px 13px}.book-chapter h3{font-size:19px;padding-bottom:10px;border-bottom:2px solid var(--magenta);margin-bottom:8px}.book-chapter:nth-child(2) h3{border-color:var(--indigo)}.book-chapter:nth-child(3) h3{border-color:var(--cyan)}.book-chapter:nth-child(4) h3{border-color:var(--amber)}
.book-item{display:block;padding:10px 7px;border-bottom:1px solid var(--line);border-radius:5px}.book-item:hover{background:rgba(225,29,143,.05)}.book-item strong{display:block;color:var(--ink);font-size:14px}.book-item span{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:1px}
.search-dialog{width:min(670px,calc(100% - 32px));background:white;padding:28px;max-height:min(660px,calc(100dvh - 32px))}
.search-top{display:flex;justify-content:space-between;gap:16px;align-items:start}.search-top h2{font-size:23px}.search-top .eyebrow{margin-bottom:4px}
.search-field{display:flex;align-items:center;gap:16px;border:2px solid #CBC6E2;border-radius:12px;padding:0 17px;min-height:52px;margin:15px 0 7px;color:var(--indigo)}.search-field input{border:0;outline:0;min-width:0;width:100%;color:var(--ink);background:transparent;font-size:16px}.search-field:focus-within{border-color:var(--indigo)}
.search-helper{font-size:13px;color:var(--muted);margin-bottom:13px}.search-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:330px;overflow-y:auto}.search-result-grid a{display:block;border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:#FCFAFF}.search-result-grid a:hover{background:#F6EAFA}.search-result-grid a[hidden]{display:none}.search-result-grid a strong{font-size:14px;color:var(--ink);display:block}.search-result-grid a span{font-size:12px;color:var(--muted);display:block;margin-top:3px}.search-empty{padding:18px;color:var(--muted);font-size:14px}
@media(max-width:1000px){.card-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-strips{grid-template-columns:repeat(4,minmax(0,1fr))}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-action-text{display:none}}
@media(max-width:720px){
 html{scroll-padding-top:86px}body{font-size:16px;line-height:1.72}.page-width{width:calc(100% - 32px)}
 .site-header{height:72px}.header-inner{grid-template-columns:62px minmax(0,1fr) 91px;gap:5px}.header-actions{gap:0}.brand-logo{height:31px;max-width:100%}.brand-lettering{font-size:20px}.header-menu{padding:8px 10px;justify-self:start}.header-menu-text{display:none}.header-menu .menu-glyph{width:22px;height:18px}.header-app{padding:11px 9px;font-size:12px;min-height:44px}.header-app span{display:none}.search-open{display:none}.chapter-bar{display:none}.site-main{padding-top:97px;padding-bottom:55px}
 h1{font-size:29px}h2{font-size:22px}h3{font-size:17px}
 .cover-layout,.split-feature,.editorial-board,.service-feature,.double-topic,.inner-layout,.inner-layout.layout-article,.inner-layout.layout-steps,.inner-layout.layout-gallery,.inner-layout.layout-wide{grid-template-columns:1fr}
 .cover-copy{padding:26px 22px 27px 33px}.cover-copy h1{margin-top:12px}.vertical-mark{writing-mode:horizontal-tb;position:static;display:block;letter-spacing:.12em}.cover-visual .image-slot{height:260px}
 .cover-layout{gap:15px}.topic-strips{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic-strip{min-height:132px;padding:15px}.topic-strip p{font-size:13px}
 .reading-section{margin-top:38px}.section-heading{align-items:flex-start;gap:10px}.section-heading h2{margin:0 0 5px}.section-heading p{font-size:14px}.section-action{font-size:13px}.card-grid-3,.simple-grid{grid-template-columns:1fr}.feature-card .image-slot{height:200px}.feature-card .card-body{padding:19px}
 .split-feature .image-slot{height:240px}.feature-panel,.text-card{padding:23px}.shelf-entry{grid-template-columns:39px 1fr;gap:10px;padding:14px 0}.shelf-entry a{grid-column:2;justify-self:start}.shelf-entry h3{font-size:16px}.shelf-entry p{font-size:14px}
 .editorial-board .image-slot{height:220px}.editorial-list{padding:9px 17px}.editorial-item{grid-template-columns:55px 1fr}.editorial-item .big-number{font-size:30px}.timeline{padding:22px}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.step-card{padding:17px}.step-card p{font-size:13px}.double-topic article{padding:22px}.service-feature{padding:18px}.service-feature .image-slot{height:290px}.service-feature .service-copy{padding:5px}.brand-closing{padding:25px}
 .inner-hero{padding:25px 21px}.inner-layout .inner-aside,.inner-layout.layout-steps .inner-aside,.inner-layout.layout-gallery .inner-aside{order:initial}.inner-section{padding:22px 21px}.inner-cover .image-slot{height:220px}.inner-layout.layout-wide .inner-aside{grid-template-columns:1fr}.related-links{padding:22px}.related-grid{grid-template-columns:1fr}.faq-item{padding:19px}.faq-item p{padding-left:0}
 .footer-inner{padding-top:35px;padding-bottom:85px}.footer-lead{display:block}.footer-lead p{margin-top:16px}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:25px}.footer-bottom{display:block}.footer-bottom p+p{margin-top:10px}
 .mobile-nav{height:calc(50px + env(safe-area-inset-bottom));padding:0 6px env(safe-area-inset-bottom);position:fixed;inset:auto 0 0;z-index:51;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border-top:1px solid var(--line);box-shadow:0 -5px 20px rgba(26,18,48,.05)}
 .mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;font-size:12px;font-weight:750;color:var(--muted);line-height:1.2;min-height:44px}.mobile-nav a.current{color:var(--magenta)}.mobile-tab-dot{width:14px;height:5px;border-radius:3px;background:#E4DCE9}.mobile-nav a.current .mobile-tab-dot{background:var(--magenta)}
 .book-dialog,.search-dialog{max-height:calc(100dvh - 18px);width:calc(100% - 18px);border-radius:15px}.overlay-heading{padding:10px 12px;gap:8px}.overlay-brand{gap:8px;font-size:13px}.overlay-brand .brand-logo{height:26px;max-width:108px}.overlay-brand .brand-lettering{font-size:17px;white-space:nowrap}.overlay-brand #bookHeading{display:none}.overlay-tools{gap:5px}.overlay-search-button{padding:7px 10px;font-size:12px}.book-spread{grid-template-columns:1fr;background:#FFFBF6;gap:6px;padding:10px 12px 22px}.book-chapter{padding:7px 10px}.book-chapter h3{font-size:17px;margin-bottom:4px}.book-item{padding:10px 7px}.book-item span{font-size:12px}
 .search-dialog{padding:17px}.search-top h2{font-size:19px}.search-result-grid{grid-template-columns:1fr;max-height:calc(100dvh - 230px)}
}
@media(max-width:340px){.header-inner{grid-template-columns:50px minmax(0,1fr) 81px}.header-app{font-size:11px;padding-inline:7px}.brand-lettering{font-size:18px}.topic-strips{grid-template-columns:1fr}.topic-strip{min-height:85px}.steps-grid{grid-template-columns:1fr}.book-item span{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.steps-after-feature{margin-top:14px}.cards-after-image{margin-top:15px}.service-buttons{margin-top:18px}