/* 黄豆短剧 · 原生响应式样式 */
:root{--bean:#E0B83A;--bean-bright:#F0D060;--bean-dark:#B89220;--paper:#F7F0D8;--cream:#FFF8E8;--sand:#EDE3BE;--surface:#fff;--wash:#F0E6C4;--ink:#3A2E10;--text:#4A3C18;--muted:#7A6A32;--soft:#9A8850;--pod:#6A8A3A;--line:rgba(224,184,58,.24);--shadow:0 12px 28px rgba(58,46,16,.08);--radius:13px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:140px}
body{margin:0;padding-top:82px;background:var(--paper);color:var(--text);font:15px/1.7 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei','Noto Sans CJK SC',sans-serif;min-width:280px;overflow-x:clip;-webkit-font-smoothing:antialiased}
body.no-scroll{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
button,a,input{ -webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--pod);outline-offset:3px}
img{max-width:100%;height:auto;display:block}
.shell{width:min(1120px,calc(100% - 32px));margin-inline:auto;min-width:0}
.site-head{position:fixed;inset:0 0 auto;z-index:50;width:100%;background:#fff;isolation:isolate;box-shadow:0 1px 8px rgba(58,46,16,.05)}
.bean-line{height:22px;background:var(--ink);color:var(--cream);width:100%}
.bean-line__inner{height:100%;display:flex;justify-content:space-between;align-items:center;gap:12px}
.bean-line__brand{font-size:12px;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}
.bean-line__brand [lang]{letter-spacing:.11em;font-size:10px}
.bean-line__dot{color:var(--bean-bright);margin:0 2px}
.bean-search{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;border:0;background:transparent;color:var(--cream);font-size:12px;padding:0 1px;min-height:22px}
.search-glyph{width:11px;height:11px;border:1.7px solid currentColor;border-radius:50%;position:relative;display:inline-block;transform:scale(.82)}
.search-glyph::after{content:"";height:6px;width:1.7px;background:currentColor;position:absolute;right:-3px;bottom:-5px;transform:rotate(-46deg);border-radius:2px}
.pod-bar{height:60px;background:#fff;border-bottom:1px solid var(--line);width:100%}
.pod-bar__inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;height:100%;gap:10px}
.site-brand{display:inline-flex;align-items:center;min-width:0;max-width:100%;width:fit-content;min-height:44px}
.site-brand__image{display:block;height:28px;max-width:min(210px,100%);object-fit:contain;object-position:left center}
.site-brand__text{font-weight:850;font-size:19px;letter-spacing:-.05em;white-space:nowrap;color:var(--ink)}
.pod-toggle{border:1px solid var(--line);background:var(--cream);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;min-height:44px;border-radius:10px;white-space:nowrap;font-weight:750;font-size:14px}
.pod-toggle:hover,.pod-toggle[aria-expanded="true"]{background:var(--wash)}
.pod-toggle__hint{font-weight:400;color:var(--muted);font-size:12px}
.pod-symbol{display:flex;width:16px;flex-direction:column;gap:3.3px;align-items:flex-start}
.pod-symbol i{display:block;width:16px;height:1.8px;border-radius:8px;background:var(--ink)}
.pod-symbol i:nth-child(2){width:12px}.pod-symbol i:nth-child(3){width:14px}
.app-button{justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;white-space:nowrap;border-radius:10px;border:1px solid var(--bean-dark);font-size:14px;font-weight:700;padding:7px 16px;color:var(--ink)}
.app-button:hover,.app-button.is-active{background:var(--bean-bright)}
.script-tabs{position:sticky;top:82px;z-index:35;height:40px;background:var(--cream);border-bottom:1px solid var(--line);width:100%}
.script-tabs__inner{display:flex;align-items:stretch;justify-content:center;height:100%;gap:10px}
.script-tabs a{font-size:13px;min-width:92px;padding:4px 20px;display:flex;align-items:center;justify-content:center;transition:background .15s;border-radius:0 0 8px 8px;white-space:nowrap}
.script-tabs a:hover,.script-tabs a.active{background:var(--bean);color:var(--ink);font-weight:700}
main{min-height:70vh}
main a:not(.btn):not(.chip-link):not(.rack-link):hover{color:#795d00}
h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.3;color:var(--ink);letter-spacing:-.025em}h1{font-size:24px;font-weight:850}h2{font-size:20px;font-weight:820}h3{font-size:16px;font-weight:800}p{margin-bottom:14px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.14em;color:var(--muted);font-weight:750;text-transform:uppercase}
.eyebrow::before{content:"";height:8px;width:8px;transform:rotate(45deg);border-radius:2px;background:var(--bean-dark)}
.section-block{margin:46px 0}.section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;margin-bottom:19px}.section-head p{margin:4px 0 0;color:var(--muted);font-size:14px;max-width:660px}.section-head h2{margin:0}.text-link{font-size:13px;font-weight:800;white-space:nowrap;min-height:38px;display:inline-flex;align-items:center;gap:4px;color:var(--ink);border-bottom:1px solid var(--bean-dark)}
.btn{border-radius:10px;min-height:44px;padding:10px 21px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-weight:800;font-size:14px;gap:9px;transition:filter .15s,transform .15s}
.btn:hover{filter:brightness(.97);transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,#F0D060 0%,#E0B83A 55%,#B89220 100%);color:var(--ink);border:1px solid rgba(149,113,10,.22)}
.btn-secondary{background:#fff;color:var(--ink);border:1px solid var(--bean-dark)}
.btn-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.media-slot{background:radial-gradient(circle at 10% 50%,#fcf3d6 0,#fcf3d6 19%,transparent 20%),linear-gradient(130deg,#fffdf6 10%,#f1e8cc 100%);border:1px solid var(--line);border-radius:12px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:80px}
.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center;position:relative;z-index:2}
.media-arc{position:absolute;pointer-events:none;border-radius:50%}
.media-arc--one{width:230px;height:230px;border:35px solid rgba(224,184,58,.16);right:-92px;top:-114px}
.media-arc--two{width:190px;height:190px;border:1px solid rgba(106,138,58,.23);left:-63px;bottom:-105px}
.media-slot--hero{height:260px;border-radius:13px}.media-slot--card{height:180px}.media-slot--feature{height:200px}.media-slot--side{height:210px}.media-slot--app{height:352px}.media-slot--page{height:238px}
.hero{padding-top:26px}.hero-cover{position:relative}.hero-cover::after{content:"";position:absolute;bottom:14px;left:16px;width:42px;height:4px;border-radius:8px;background:var(--bean);pointer-events:none}
.hero-copy{max-width:890px;margin:21px auto 0;text-align:center}.hero-copy .eyebrow{justify-content:center}.hero-copy h1{margin:9px 0 10px}.hero-copy p{margin:0 auto 17px;max-width:790px;line-height:1.86}.hero-copy .btn-row{justify-content:center}
.trio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.trio-card{background:var(--surface);border:1px solid var(--line);padding:12px 12px 16px;border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.trio-card .media-slot{margin-bottom:14px}.trio-card__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.trio-card__head h3{margin:0;font-size:18px}.trio-card__head span{color:var(--bean-dark);font-weight:900}.trio-card p{font-size:14px;color:var(--text);margin-bottom:12px}.trio-card .text-link{margin-top:auto}
.editorial-split{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:30px;align-items:center;background:var(--cream);padding:20px;border-radius:var(--radius);border:1px solid var(--line);min-width:0}.editorial-split>.media-slot{width:100%}.editorial-split p{max-width:620px}.issue-inline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:18px}.issue-inline a{border-top:2px solid var(--bean);padding:9px;background:#fff;border-radius:6px;font-size:13px;line-height:1.4;min-width:0}.issue-inline b{color:var(--bean-dark);margin-right:5px}
.shelf-wrap{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.shelf-headline{padding:10px 0}.shelf-headline .media-slot{margin-bottom:15px}.shelf-grid{background:#fff;border:1px solid var(--line);border-radius:13px;padding:10px 17px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.rack-link{min-height:77px;border-bottom:1px solid var(--line);padding:14px 4px 10px;display:flex;flex-direction:column;gap:4px}.rack-link strong{color:var(--ink);font-size:15px}.rack-link span{font-size:13px;color:var(--muted)}.rack-link:hover strong{color:#87620e}
.ranking-wrap{display:grid;grid-template-columns:275px 1fr;gap:24px;align-items:start}.ranking-wrap>.media-slot{height:300px}.ranking-list{counter-reset:beans;list-style:none;margin:0;padding:0;display:grid;gap:8px}.ranking-list li{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:13px 15px;border:1px solid var(--line);background:#fff;border-radius:9px}.ranking-list .number{font-size:27px;color:var(--bean-dark);font-weight:900;font-variant-numeric:tabular-nums}.ranking-list strong{color:var(--ink);font-size:15px}.ranking-list small{font-size:13px;color:var(--muted);display:block}.ranking-list a{font-size:13px;border-bottom:1px solid var(--bean-dark)}
.timeline-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px}.timeline-layout .media-slot{height:250px}.timeline{list-style:none;margin:0;padding:0 0 0 30px;border-left:2px solid var(--bean)}.timeline li{position:relative;padding:0 0 21px 15px}.timeline li::before{content:"";position:absolute;left:-37px;top:6px;width:12px;height:12px;border-radius:50%;border:3px solid var(--bean);background:var(--cream)}.timeline strong{font-size:16px;color:var(--ink)}.timeline p{margin:4px 0 0;font-size:14px}
.notebook{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.note-paper{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px 21px;position:relative;min-height:175px}.note-paper::before{content:"";position:absolute;left:20px;top:0;height:5px;width:32px;background:var(--bean)}.note-paper small{color:var(--muted)}.note-paper h3{margin:10px 0}.note-paper p{font-size:14px}.note-paper:nth-child(2){background:var(--cream)}
.app-editorial{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;display:grid;grid-template-columns:280px 1fr;gap:36px;align-items:center}.app-editorial .media-slot{height:352px}.app-editorial p{max-width:660px}.app-icon{width:48px;height:48px;border:1px solid var(--line);border-radius:12px;background:var(--cream);object-fit:contain;display:inline-block;vertical-align:middle;margin-left:8px}
.legal-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.legal-panel{background:#fff;border-radius:13px;border:1px solid var(--line);padding:23px}.legal-panel p{font-size:14px}.legal-panel small{color:var(--muted)}
.faq-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.faq-preview details,.faq-list details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px 17px}.faq-preview summary,.faq-list summary{cursor:pointer;font-weight:750;color:var(--ink);line-height:1.55}.faq-preview details p,.faq-list details p{margin-top:10px;margin-bottom:0;color:var(--text);font-size:14px;line-height:1.78}.faq-preview summary::marker,.faq-list summary::marker{color:var(--bean-dark)}
.brand-finale{background:var(--ink);color:var(--cream);border-radius:14px;padding:29px 34px;position:relative;overflow:hidden}.brand-finale::after{content:"";position:absolute;right:-60px;top:-90px;width:240px;height:240px;border:1px solid rgba(240,208,96,.2);border-radius:50%;pointer-events:none}.brand-finale h2{color:var(--bean-bright)}.brand-finale p{color:#f5edcf;max-width:850px}.brand-finale .text-link{color:#f5edcf;border-color:var(--bean)}.eyebrow--light{color:#F0D060}.jujian-art{margin-top:14px}
/* 内页：独立编辑体例 */
.page-mast{padding:29px 0 16px;display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:26px;align-items:center}.page-mast .eyebrow{margin-bottom:8px}.page-mast h1{margin:0 0 10px}.page-mast__lede{max-width:710px;font-size:15px;line-height:1.9}.page-mast__aside{font-size:13px;color:var(--muted);margin-top:15px;border-left:3px solid var(--bean);padding-left:11px}.page-mast .media-slot{height:238px}
.page-mast--noimage{display:block;background:var(--cream);padding:25px 29px;border:1px solid var(--line);border-radius:13px;margin-top:26px}.page-mast--noimage .page-mast__lede{max-width:950px}
.page-divider{height:1px;background:var(--line);margin:8px 0 32px}
.page-body{margin:12px 0 28px}.essay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.essay-piece{padding:23px 22px;background:#fff;border:1px solid var(--line);border-radius:12px;min-width:0}.essay-piece:nth-child(3n+2){background:var(--cream)}.essay-piece__label{font-size:12px;color:var(--bean-dark);font-weight:850;letter-spacing:.08em;display:block;margin-bottom:7px}.essay-piece h2{margin-bottom:12px}.essay-piece p{line-height:1.9;font-size:15px}.essay-piece p:last-child{margin-bottom:0}
.page-body--edition .essay-grid{display:block}.page-body--edition .essay-piece{display:grid;grid-template-columns:60px 195px 1fr;gap:16px;align-items:start;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:25px 0}.page-body--edition .essay-piece__label{font-size:23px;line-height:1.1}.page-body--edition .essay-piece h2{font-size:18px}.page-body--edition .essay-piece p{margin-bottom:10px}
.page-body--rail .essay-grid{display:block}.page-body--rail .essay-piece{display:grid;grid-template-columns:130px 1fr;column-gap:23px;border-radius:0;border-width:0 0 1px;background:transparent;padding:24px 8px}.page-body--rail .essay-piece__label{grid-column:1;font-size:16px;border-top:4px solid var(--bean);padding-top:12px}.page-body--rail .essay-piece h2{grid-column:1;font-size:18px}.page-body--rail .essay-piece .essay-text{grid-column:2;grid-row:1 / span 2}.page-body--rail .essay-piece:nth-child(2n){background:var(--cream);padding-inline:18px;border-radius:9px}
.page-body--notes .essay-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-body--notes .essay-piece{border-top:4px solid var(--bean)}.page-body--notes .essay-piece:nth-child(3n){background:#fff}
.page-body--timeline .essay-grid{display:block;border-left:3px solid var(--bean);margin-left:13px}.page-body--timeline .essay-piece{margin:0 0 12px 19px;background:#fff;position:relative}.page-body--timeline .essay-piece::before{content:"";position:absolute;left:-29px;top:25px;background:var(--bean);height:13px;width:13px;border:3px solid var(--cream);border-radius:50%}
.page-body--policy .essay-grid{display:block;background:#fff;border-radius:12px;border:1px solid var(--line)}.page-body--policy .essay-piece{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:24px 28px}.page-body--policy .essay-piece:last-child{border-bottom:0}.page-body--policy .essay-piece h2{border-left:4px solid var(--bean);padding-left:13px}
.page-body--shelf .essay-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.page-body--shelf .essay-piece{box-shadow:inset 0 -5px 0 rgba(224,184,58,.15)}
.page-body--guide .essay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.page-body--guide .essay-piece{background:var(--cream)}.page-body--guide .essay-piece:nth-child(3n){background:#fff}
.page-tail{padding:23px 25px;background:var(--wash);border-left:4px solid var(--bean);border-radius:0 12px 12px 0;margin:28px 0 34px}.page-tail h2{font-size:18px;margin-bottom:9px}.page-tail p{margin-bottom:0;line-height:1.88}
.linkout{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);padding:18px 0 25px;margin:20px 0 42px}.linkout>strong{font-size:14px;color:var(--muted);margin-right:4px}.chip-link{padding:7px 14px;border:1px solid var(--bean-dark);border-radius:18px;background:#fff;font-size:13px;color:var(--ink);min-height:39px;display:inline-flex;align-items:center}.chip-link:hover{background:var(--bean-bright)}
.faq-archive{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 40px}.faq-archive details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 21px}.faq-archive summary{cursor:pointer;font-weight:800;line-height:1.7;color:var(--ink)}.faq-archive summary::marker{color:var(--bean-dark)}.faq-archive p{margin:11px 0 0;font-size:15px;line-height:1.85}
.site-footer{background:var(--ink);color:var(--paper);padding:37px 0 20px;font-size:13px}.footer-intro{display:flex;align-items:start;justify-content:space-between;gap:24px;padding-bottom:25px;border-bottom:1px solid rgba(240,208,96,.28)}.footer-brand{display:flex;align-items:center;gap:12px;min-width:0}.footer-logo{height:28px;max-width:150px;object-fit:contain}.footer-brand div{display:flex;flex-direction:column}.footer-brand strong{font-size:18px;line-height:1.4;color:#fff6da}.footer-brand span{font-size:10px;letter-spacing:.12em;color:var(--bean-bright);white-space:nowrap}.footer-intro p{max-width:520px;margin:0;color:#e4d8b6}.footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:24px 0}.footer-links h2{font-size:14px;color:var(--bean-bright);margin:0 0 12px}.footer-links a{display:block;width:fit-content;color:var(--paper);margin:5px 0;font-size:13px;line-height:1.85}.footer-links a:hover,.footer-bottom a:hover{color:var(--bean-bright)}.footer-legal{border-top:1px solid rgba(240,208,96,.25);padding-top:16px;color:#e4d8b6;font-size:13px}.footer-bottom{border-top:1px solid rgba(240,208,96,.15);margin-top:16px;padding-top:15px;display:flex;justify-content:space-between;gap:20px;color:#e1d5b4}.footer-bottom a{color:var(--paper)}
.mobile-bottom{display:none}
.modal-scrim{position:fixed;inset:0;background:rgba(25,20,7,.48);z-index:71;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.modal-scrim.is-open{opacity:1;visibility:visible;pointer-events:auto}
.pod-drawer{position:fixed;left:0;top:0;bottom:0;z-index:75;width:min(400px,86vw);display:flex;flex-direction:column;background:var(--cream);box-shadow:14px 0 40px rgba(31,25,9,.19);transform:translateX(-105%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .24s,opacity .24s,visibility .24s;min-width:0}
.pod-drawer.is-open{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto}
.drawer-top{display:flex;align-items:center;justify-content:space-between;padding:16px 19px;border-bottom:1px solid var(--line);gap:14px;background:#fff}.drawer-logo{display:flex;flex-direction:column;gap:3px;min-width:0}.drawer-logo__img{height:28px;max-width:220px;object-fit:contain;object-position:left center}.drawer-logo strong{font-size:17px;color:var(--ink)}.drawer-logo small{font-size:10px;letter-spacing:.12em;color:var(--muted)}.close-control{width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:10px;color:var(--ink);font-size:28px;line-height:1;display:grid;place-items:center;flex:0 0 auto}.close-control:hover{background:var(--bean-bright)}.drawer-body{overflow-y:auto;padding:16px 20px 40px;overscroll-behavior:contain}.drawer-group{margin-bottom:22px}.drawer-group h2{font-size:14px;padding-bottom:6px;border-bottom:2px solid var(--bean);margin-bottom:4px}.drawer-group a{display:grid;grid-template-columns:1fr 20px;gap:1px 10px;padding:10px 0;border-bottom:1px solid rgba(224,184,58,.18)}.drawer-group a strong{grid-column:1;font-size:14px;color:var(--ink)}.drawer-group a span{grid-column:1;color:var(--muted);font-size:12px;line-height:1.5}.drawer-group a b{grid-row:1 / span 2;grid-column:2;align-self:center;color:var(--bean-dark)}.drawer-group a[aria-current="page"] strong{color:#97701a}
.search-panel{position:fixed;z-index:75;top:82px;left:50%;transform:translate(-50%,-14px);width:min(740px,calc(100vw - 32px));max-height:calc(100vh - 98px);overflow-y:auto;padding:27px 30px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:0 0 15px 15px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s,visibility .18s}.search-panel.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,0)}.search-panel__head{display:flex;justify-content:space-between;align-items:start;gap:20px}.search-panel__head small{color:var(--muted);font-size:12px}.search-panel__head h2{font-size:20px;margin:5px 0 16px}.search-label{display:block;font-weight:700;font-size:13px;margin-bottom:8px}.search-panel input{height:48px;width:100%;border:1px solid var(--bean-dark);background:var(--cream);border-radius:9px;padding:0 15px;color:var(--ink);font-size:15px}.search-hint{font-size:12px;color:var(--muted);margin:9px 0 15px}.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.search-results a{background:var(--cream);border:1px solid var(--line);padding:11px 14px;display:flex;flex-direction:column;line-height:1.6;font-size:14px;color:var(--ink);border-radius:9px;font-weight:700}.search-results a span{font-weight:400;font-size:12px;color:var(--muted)}.search-results a[hidden]{display:none}.search-results a:hover{background:var(--wash)}.search-no-match{padding:15px;background:var(--cream);font-size:13px;border-radius:8px}
@media(max-width:900px){.ranking-wrap{grid-template-columns:220px 1fr}.page-mast{grid-template-columns:minmax(0,1fr) 280px}.page-body--edition .essay-piece{grid-template-columns:48px 145px 1fr;gap:10px}.app-editorial{grid-template-columns:235px 1fr;gap:22px}.footer-intro{display:block}.footer-intro p{margin-top:13px}}
@media(max-width:700px){.script-tabs{display:none}.section-block{margin:32px 0}.hero{padding-top:19px}.hero-copy{margin-top:18px}.trio-grid{grid-template-columns:1fr}.trio-card{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:10px}.trio-card .media-slot{height:145px;margin:0;grid-row:1 / span 2}.trio-card__head{margin:1px 0 0}.trio-card p{margin:3px 0 0}.trio-card>.text-link{grid-column:2;justify-self:start}.editorial-split{grid-template-columns:1fr;gap:18px}.editorial-split>.media-slot{height:200px}.shelf-wrap{grid-template-columns:1fr}.ranking-wrap{grid-template-columns:1fr}.ranking-wrap>.media-slot{height:180px}.timeline-layout{grid-template-columns:1fr}.timeline-layout .media-slot{height:210px}.app-editorial{grid-template-columns:1fr}.app-editorial .media-slot{max-width:450px;justify-self:center;width:100%}.page-mast{grid-template-columns:1fr}.page-mast .media-slot{height:205px}.page-body--notes .essay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-body--edition .essay-piece{grid-template-columns:42px 1fr;gap:9px}.page-body--edition .essay-piece__label{grid-row:1 / span 2}.page-body--edition .essay-piece h2{grid-column:2}.page-body--edition .essay-piece .essay-text{grid-column:2}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.faq-preview,.faq-archive{grid-template-columns:1fr}}
@media(max-width:520px){body{padding-bottom:calc(57px + env(safe-area-inset-bottom,0px))}.site-brand__text{font-size:16px}.pod-toggle{padding:6px 11px}.pod-toggle__hint{display:none}.app-button{padding:6px 10px;font-size:12px;gap:3px}.bean-line__brand{font-size:11px}.bean-line__brand [lang]{font-size:10px;letter-spacing:.055em}.section-head{align-items:flex-start}.section-head .text-link{display:none}.hero-copy h1{font-size:24px}.media-slot--hero{height:260px}.trio-card{grid-template-columns:116px 1fr;gap:12px}.trio-card .media-slot{height:120px}.trio-card p{font-size:13px;line-height:1.62}.trio-card__head h3{font-size:16px}.trio-card__head span{font-size:12px}.issue-inline{grid-template-columns:repeat(2,minmax(0,1fr))}.shelf-grid{grid-template-columns:1fr 1fr}.ranking-list li{grid-template-columns:33px 1fr auto;padding:12px 9px;gap:7px}.ranking-list .number{font-size:23px}.ranking-list strong{font-size:13px}.ranking-list small{font-size:12px}.ranking-list a{font-size:12px}.notebook{grid-template-columns:1fr}.legal-pair{grid-template-columns:1fr}.essay-grid,.page-body--notes .essay-grid,.page-body--guide .essay-grid,.page-body--shelf .essay-grid{grid-template-columns:1fr}.page-body--rail .essay-piece{grid-template-columns:1fr;gap:4px}.page-body--rail .essay-piece .essay-text{grid-column:1;grid-row:auto}.page-body--rail .essay-piece h2{grid-column:1}.page-body--rail .essay-piece__label{grid-column:1;border-top:0;padding-top:0}.page-mast--noimage{padding:20px}.page-mast{padding-top:21px}.page-mast .media-slot{height:180px}.page-tail{padding:17px}.brand-finale{padding:23px}.footer-bottom{flex-direction:column;gap:8px}.search-panel{top:0;bottom:0;left:0;right:0;width:100vw;max-height:none;height:100dvh;transform:translate(0,-10px);border-radius:0;border:0;background:var(--ink);color:var(--cream);padding:24px 16px calc(45px + env(safe-area-inset-bottom,0px))}.search-panel.is-open{transform:translate(0,0)}.search-panel h2,.search-panel__head h2,.search-label{color:var(--cream)}.search-panel__head small,.search-hint{color:#e5d9b7}.search-panel input{background:var(--cream)}.search-results{grid-template-columns:1fr}.search-results a{background:rgba(255,248,232,.09);border-color:rgba(240,208,96,.35);color:var(--cream)}.search-results a span{color:#e6dac0}.search-results a:hover{background:rgba(255,248,232,.14)}.search-no-match{background:rgba(255,248,232,.11);color:var(--cream)}.mobile-bottom{position:fixed;z-index:45;left:0;bottom:0;width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(52px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#fffdf6;border-top:1px solid var(--line);box-shadow:0 -5px 14px rgba(58,46,16,.06)}.mobile-bottom a{min-width:0;min-height:48px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--ink)}.mobile-bottom a.is-current{background:var(--bean);font-weight:850}.modal-scrim{z-index:70}.pod-drawer,.search-panel{z-index:75}}
@media(max-width:340px){.shell{width:calc(100% - 32px)}.site-brand__text{font-size:15px}.pod-bar__inner{gap:6px}.pod-toggle{padding-inline:8px;font-size:13px}.app-button{font-size:11px;padding-inline:7px}.bean-line__brand{font-size:11px}.bean-line__brand [lang]{font-size:9px}.trio-card{grid-template-columns:105px 1fr}.trio-card .media-slot{height:115px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}