/* 17C editorial website */
:root{--ink:#0A1628;--copy:#1E2A3A;--muted:#4A5568;--soft:#718096;--brand:#0033A0;--bright:#0052CC;--deep:#002066;--paper:#fff;--mist:#F5F7FA;--pale:#EEF1F6;--rule:rgba(0,51,160,.14);--shadow:0 12px 36px rgba(0,33,102,.08);--header-height:134px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:#fff;color:var(--copy);font:16px/1.75 -apple-system,BlinkMacSystemFont,"Noto Sans CJK SC","Microsoft YaHei","PingFang SC","Hiragino Sans GB",Arial,sans-serif;overflow-x:clip;-webkit-text-size-adjust:100%}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}
img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.35;color:var(--ink)}p{overflow-wrap:anywhere}section,article,div{min-width:0}
.site-header{position:fixed;z-index:80;top:0;left:0;right:0;width:100%;background:#fff;box-shadow:0 2px 10px rgba(10,22,40,.045)}
.header-inner{width:min(1220px,100%);margin:auto;padding:0 16px}
.brand-strip{background:var(--deep);height:22px;color:white}
.strip-inner{display:flex;align-items:center;justify-content:space-between;height:22px;position:relative}
.strip-brand{font-size:11px;line-height:22px;letter-spacing:.05em;font-weight:750;white-space:nowrap}
.search-trigger{border:0;background:transparent;color:white;display:grid;place-items:center;width:48px;height:44px;margin-top:-11px;margin-bottom:-11px;position:relative;z-index:3;border-radius:6px}
.search-trigger span{font-size:30px;line-height:1;position:relative;top:-2px;font-family:Arial,sans-serif}
.search-trigger:hover,.search-trigger:focus-visible{background:rgba(255,255,255,.15)}
.masthead{height:68px;background:#fff;border-bottom:1px solid var(--rule)}
.mast-inner{height:68px;display:grid;grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr);align-items:center;gap:8px}
.mast-logo{width:max-content;max-width:100%;display:flex;align-items:center;min-height:44px}
.brand-img{height:36px;width:auto;max-width:min(250px,100%);object-fit:contain;object-position:left center}
.logo-text{font-size:24px;font-weight:850;color:var(--ink);letter-spacing:-.035em}
.directory-trigger{justify-self:center;display:flex;align-items:center;justify-content:center;gap:9px;min-width:100px;height:44px;background:var(--mist);border:1px solid var(--rule);border-radius:10px;color:var(--ink);font-weight:750;font-size:14px}
.directory-trigger:hover{background:#e7eefb;border-color:#88afea}
.burger{width:18px;height:15px;display:flex;flex-direction:column;justify-content:space-between}.burger i{width:100%;height:2px;background:var(--brand);border-radius:2px}
.mast-app{justify-self:end;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;background:var(--brand);color:white;font-weight:700;font-size:14px;height:44px;padding:0 17px;border-radius:9px}
.mast-app:hover{background:var(--deep)}.mast-app span{font-size:18px}
.tabbar{height:44px;background:var(--mist);border-bottom:1px solid var(--rule)}
.tabs-inner{display:flex;align-items:center;gap:9px;height:44px;overflow:visible}
.tabs-inner a{height:32px;min-width:94px;display:inline-flex;justify-content:center;align-items:center;font-size:14px;font-weight:700;border-radius:7px;color:var(--muted);padding:0 13px;white-space:nowrap}
.tabs-inner a.active,.tabs-inner a[aria-current=page]{color:white;background:var(--brand)}.tabs-inner a:not(.active):hover{background:#e3eaf4;color:var(--brand)}
.site-main{width:min(1220px,100%);margin:0 auto;padding:calc(var(--header-height) + 22px) 16px 64px}
.micro,.eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:850;line-height:1.6}
.eyebrow{display:inline-block;margin-bottom:12px}.home-stack{display:grid;gap:26px}
.home-hero,.home-section,.inside-head,.related,.chapter,.board-card{background:white;border:1px solid var(--rule);box-shadow:var(--shadow);border-radius:14px}
.home-hero{overflow:hidden}.media-slot{display:block;position:relative;overflow:hidden;background:var(--mist)}
.media-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.media-fallback{width:100%;height:100%;display:grid;place-items:center;color:var(--ink);padding:18px;text-align:center;font-size:20px;font-weight:750;background:linear-gradient(140deg,#F5F7FA,#E3ECFA)}
.hero-media{width:100%;height:300px;border-bottom:1px solid var(--rule);background:#e9f0fb}
.hero-copy{padding:24px clamp(22px,3.2vw,44px) 30px}.hero-copy h1{font-size:clamp(27px,3.3vw,36px);font-weight:850;letter-spacing:-.035em}
.hero-copy p{color:var(--muted);max-width:920px;margin-top:13px;font-size:16px;line-height:1.9}
.action-row{display:flex;flex-wrap:wrap;gap:11px;margin-top:21px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 19px;min-height:44px;font-size:14px;font-weight:750;border-radius:9px;transition:transform .18s,background .18s,border-color .18s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#0052CC 0%,#0033A0 50%,#002066 100%);color:white}.btn-secondary{border:1px solid var(--brand);background:white;color:var(--brand)}.btn-secondary:hover{background:var(--mist)}
.home-section{padding:clamp(20px,3vw,34px)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:21px}.section-heading h2{font-size:clamp(20px,2.1vw,26px);letter-spacing:-.02em;margin-top:4px}.text-link{display:inline-flex;align-items:center;color:var(--brand);font-weight:750;font-size:14px;min-height:44px;white-space:nowrap}.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.interest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.interest-item{display:grid;grid-template-columns:46px 1fr 20px;gap:0 9px;align-content:start;min-height:134px;padding:16px;background:var(--mist);border:1px solid var(--rule);border-radius:11px;transition:background .15s,border-color .15s}
.interest-item:hover{background:#eaf1fd;border-color:#86acdf}.interest-code{grid-row:span 2;display:grid;place-items:center;height:36px;width:36px;border-radius:8px;color:white;background:var(--bright);font:850 15px Arial,sans-serif}.interest-item:nth-child(even) .interest-code{background:var(--deep)}
.interest-item strong{color:var(--ink);font-size:16px}.interest-item>span:nth-of-type(2){grid-column:2/4;line-height:1.6;color:var(--muted);font-size:13px;margin-top:5px}.interest-item b{grid-column:3;grid-row:1;color:var(--brand);justify-self:end}
.feature-grid{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:24px;align-items:center}.feature-photo{height:240px;border-radius:11px;background:#ebf1fa;border:1px solid var(--rule)}
.feature-copy p{font-size:15px;line-height:1.9;color:var(--muted)}.number-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}.number-links a{display:flex;align-items:center;gap:9px;padding:9px 8px;min-height:44px;border-bottom:1px solid var(--rule);font-size:14px;font-weight:750}.number-links em{font-style:normal;font-size:14px;font-weight:900;color:var(--brand)}.number-links span{margin-left:auto;color:var(--brand)}.number-links a:hover{background:var(--mist)}
.three-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.board-card{box-shadow:none;overflow:hidden}.board-visual{height:185px;border-bottom:1px solid var(--rule)}.board-body{padding:17px}.board-body h3{font-size:18px}.board-body p{font-size:14px;line-height:1.8;color:var(--muted);margin:8px 0}.board-body .text-link{font-size:13px}
.split-strip{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:21px;align-items:stretch}.split-strip>.media-slot,.split-strip>div>.media-slot{height:250px;border-radius:11px;border:1px solid var(--rule)}.small-photo{height:250px!important}.strip-list{display:grid;gap:5px}.strip-list a{display:grid;grid-template-columns:minmax(0,110px) minmax(0,1fr);align-items:center;min-height:56px;padding:9px 14px;background:var(--mist);border:1px solid var(--rule);border-radius:8px;gap:7px}.strip-list a:hover{border-color:#97b5e9;background:#e9f0ff}.strip-list strong{color:var(--ink);font-size:15px}.strip-list span{font-size:13px;color:var(--muted)}
.theme-banner{height:230px;border-radius:11px;margin-bottom:14px}.motif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.motif-grid a{min-height:99px;display:flex;flex-direction:column;padding:12px 15px;border:1px solid var(--rule);background:var(--mist);border-radius:9px}.motif-grid a:hover{background:#e5eefc}.motif-grid em{font-style:normal;font-size:12px;color:var(--brand);font-weight:850}.motif-grid strong{font-size:15px;margin:2px 0;color:var(--ink)}.motif-grid span{font-size:13px;color:var(--muted)}
.shelf-lines{display:grid;gap:0;border:1px solid var(--rule);border-radius:10px;overflow:hidden}.shelf-lines a{display:grid;grid-template-columns:32px minmax(0,100px) 1fr 20px;gap:10px;align-items:center;min-height:50px;padding:8px 13px;border-bottom:1px solid var(--rule);font-size:14px}.shelf-lines a:last-child{border:0}.shelf-lines a:hover{background:var(--mist)}.shelf-lines span,.shelf-lines b{color:var(--brand);font-weight:850}.shelf-lines strong{color:var(--ink)}.shelf-lines small{color:var(--muted);font-size:12px}
.feature-grid.compact{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.chart-lines{padding:0;margin:0;list-style:none;display:grid;gap:3px}.chart-lines li{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--rule);min-height:45px}.chart-lines li>span{font-size:25px;font-weight:900;color:var(--brand);font-family:Arial,sans-serif}.chart-lines a{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:15px;color:var(--ink);font-weight:750}.chart-lines b{color:var(--bright)}.editor-note{font-size:13px;color:var(--muted);margin-top:12px}
.timeline-mini{border-left:2px solid #bad1f5;margin-left:18px}.timeline-mini a{display:grid;gap:4px;margin-left:22px;min-height:78px;position:relative}.timeline-mini i{position:absolute;width:12px;height:12px;border:3px solid var(--brand);background:white;border-radius:100%;left:-29px;top:7px}.timeline-mini strong{color:var(--ink);font-size:16px}.timeline-mini span{color:var(--muted);font-size:14px}.timeline-mini a:hover strong{color:var(--brand)}
.three-board.text-only>a{display:flex;flex-direction:column;min-height:194px;background:var(--mist);border:1px solid var(--rule);border-radius:12px;padding:20px;transition:background .15s}.three-board.text-only>a:hover{background:#e7effe}.text-only span{font-size:12px;font-weight:850;color:var(--brand);letter-spacing:.07em}.text-only h3{margin:7px 0;font-size:19px}.text-only p{font-size:14px;line-height:1.75;color:var(--muted)}.text-only b{margin-top:auto;font-size:13px;color:var(--brand);padding-top:12px}
.app-grid{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:27px;align-items:center}.app-art{height:420px;background:var(--mist);border:1px solid var(--rule);border-radius:13px}.app-identity{display:flex;align-items:center;gap:14px;margin-bottom:14px}.app-icon{height:66px;width:66px;flex:0 0 66px;border-radius:16px;background:var(--mist);border:1px solid var(--rule)}.app-identity strong{font-size:23px;color:var(--ink);display:block}.app-identity small{font-size:13px;color:var(--muted)}.app-copy p{line-height:1.85;font-size:15px;color:var(--copy)}
.home-legal>p,.home-faq>p,.home-brand>p{font-size:15px;line-height:1.95;max-width:1050px}.dual-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.dual-links a{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;min-height:49px;background:var(--mist);color:var(--ink);font-size:14px;font-weight:750;border:1px solid var(--rule);border-radius:9px}.dual-links span{color:var(--brand)}.dual-links a:hover{background:#e5edfc}
.faq-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.faq-mini a{display:flex;gap:10px;align-items:center;justify-content:space-between;min-height:54px;background:var(--mist);border-radius:9px;padding:11px 16px;font-size:14px;font-weight:750;color:var(--ink)}.faq-mini b{color:var(--brand)}.faq-mini a:hover{background:#e6efff}.home-brand{background:linear-gradient(125deg,#fff,#eff4fd)}.brand-cta{margin-top:20px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--rule);padding-top:14px}.brand-cta span{font-size:24px;color:var(--brand);font-weight:900}.brand-cta a{font-size:14px;font-weight:750;color:var(--brand);min-height:44px;display:flex;align-items:center}
.breadcrumb{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-size:13px;color:var(--muted)}.breadcrumb a{color:var(--brand);font-weight:750}.breadcrumb a:hover{text-decoration:underline}
.inside-head{padding:30px clamp(20px,4vw,45px);margin-bottom:18px;background:linear-gradient(114deg,#fff 55%,#f1f5fc 100%);border-left:6px solid var(--brand)}.inside-head h1{font-size:clamp(28px,3vw,32px);letter-spacing:-.025em;margin:2px 0 12px}.inside-head p{line-height:1.95;color:var(--muted);max-width:960px}
.inside-cover{height:290px;border:1px solid var(--rule);border-radius:13px;margin-bottom:20px}
.chapter-list{display:grid;gap:14px}.chapter{display:flex;gap:22px;align-items:flex-start;padding:27px clamp(18px,3vw,34px);box-shadow:none;min-height:145px}.chapter-num{font:900 28px/1 Arial,sans-serif;color:var(--brand);min-width:45px;margin-top:3px}.chapter-copy h2{font-size:20px;margin-bottom:11px}.chapter-copy p{line-height:1.94;color:var(--copy);font-size:16px}
.layout-directory,.layout-filmgrid,.layout-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-directory .chapter,.layout-filmgrid .chapter,.layout-tiles .chapter{display:block}.layout-directory .chapter-num,.layout-filmgrid .chapter-num,.layout-tiles .chapter-num{margin-bottom:12px}.layout-tiles .chapter:nth-child(3n){background:#f5f8fd}
.layout-wide .chapter{border-left:4px solid var(--brand)}.layout-series .chapter{border-left:3px solid #c5d6f3;border-radius:4px 14px 14px 4px}.layout-series .chapter-num{background:var(--brand);color:white;padding:12px;min-width:54px;border-radius:9px;text-align:center;font-size:22px}
.layout-shelves .chapter{background:var(--mist);border-radius:9px}.layout-numbers .chapter-num{font-size:43px;min-width:67px}.layout-timeline{border-left:3px solid #b7cdf1;margin-left:29px}.layout-timeline .chapter{position:relative;margin-left:25px}.layout-timeline .chapter::before{content:"";position:absolute;left:-34px;top:34px;width:13px;height:13px;border-radius:50%;border:3px solid var(--brand);background:white}.layout-steps .chapter{background:linear-gradient(96deg,#f3f7fd,#fff);border-top:2px solid var(--rule)}.layout-essay .chapter{border-left:4px solid var(--brand);background:#f8faff}
.layout-product .chapter{background:#f7faff}.layout-policy .chapter{box-shadow:none;border:0;border-bottom:1px solid var(--rule);border-radius:0;padding:24px 13px}.layout-policy .chapter-num{font-size:18px}.related{margin-top:23px;background:var(--mist);padding:25px 28px;display:flex;gap:20px;justify-content:space-between;align-items:center;box-shadow:none}.related h2{font-size:22px;margin-top:4px}.related p{color:var(--muted);font-size:13px;margin-top:5px}.related-links{display:flex;gap:8px;flex-wrap:wrap}.related-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 15px;font-size:14px;font-weight:750;border-radius:8px;background:white;border:1px solid var(--rule);color:var(--brand)}.related-links a:hover{background:#e9f1ff}
.faq-list{display:grid;gap:11px}.faq-row{display:flex;gap:22px;align-items:flex-start;background:#fff;border:1px solid var(--rule);padding:23px;border-radius:12px}.faq-number{color:var(--brand);font:900 23px Arial,sans-serif;margin-top:2px;min-width:38px}.faq-row h2{font-size:18px;margin-bottom:9px}.faq-row p{line-height:1.9}
.site-footer{background:var(--ink);color:#cbd5e1;border-top:4px solid var(--brand);padding:45px 16px 24px}.foot-inner{width:min(1188px,100%);margin:auto}.foot-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.13)}.foot-logo{display:inline-flex;gap:14px;align-items:center;color:white;font-size:25px;font-weight:850}.foot-brand-img{width:auto;height:32px;max-width:180px;object-fit:contain;filter:brightness(0) invert(1)}.foot-logo small{font-size:13px;font-weight:600;color:#aebdd2;letter-spacing:.09em}.foot-top p{color:#cbd5e1;font-size:14px}
.foot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:29px 0}.foot-group{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.foot-group h2{font-size:15px;color:#fff;margin-bottom:4px}.foot-group a{font-size:13px;color:#c7d4e8;min-height:25px}.foot-group a:hover{color:white;text-decoration:underline}.foot-disclaimer{color:#b8c7dd;font-size:13px;padding:15px 0;border-top:1px solid rgba(255,255,255,.1);line-height:1.8}.foot-bottom{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#9dacbf;border-top:1px solid rgba(255,255,255,.1);padding-top:16px}
.modal-backdrop{position:fixed;inset:0;background:rgba(5,17,38,.62);z-index:100;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,visibility .18s}
body.modal-open .modal-backdrop{visibility:visible;pointer-events:auto;opacity:1}
.directory-panel,.search-panel{position:fixed;visibility:hidden;pointer-events:none;opacity:0;z-index:110;box-shadow:0 26px 72px rgba(0,15,55,.22);background:white;transition:transform .2s,opacity .2s,visibility .2s}
.directory-panel{top:var(--header-height);left:50%;width:min(1220px,100%);max-height:calc(100dvh - var(--header-height) - 12px);overflow-y:auto;overscroll-behavior:contain;transform:translate(-50%,-14px);border:1px solid var(--rule);border-radius:0 0 14px 14px}
body.menu-open .directory-panel{visibility:visible;pointer-events:auto;opacity:1;transform:translate(-50%,0)}
.panel-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:14px 23px;background:white;border-bottom:1px solid var(--rule)}.panel-brand{display:flex;gap:12px;align-items:center;font-size:19px;font-weight:850;color:var(--ink)}.panel-brand small{font-size:12px;font-weight:700;color:var(--muted)}.panel-brand-img{height:30px;width:auto;max-width:155px;object-fit:contain}.panel-close{display:grid;place-items:center;border:1px solid var(--rule);background:var(--mist);color:var(--ink);font:32px/1 Arial,sans-serif;min-height:44px;min-width:44px;border-radius:9px}.panel-close:hover{background:#e2ebfa}
.directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:25px}.directory-group{min-width:0}.directory-group h2{font-size:15px;color:var(--brand);border-left:4px solid var(--brand);padding-left:10px;margin-bottom:12px}
.directory-link{display:flex;flex-direction:column;gap:2px;padding:10px 12px;margin:4px 0;border:1px solid var(--rule);background:var(--mist);border-radius:9px;min-height:64px}.directory-link:hover{border-color:#88a9df;background:#e8f0ff}.directory-link strong{font-size:14px;color:var(--ink)}.directory-link small{font-size:11px;line-height:1.45;color:var(--muted)}
.search-panel{top:var(--header-height);right:max(16px,calc((100vw - 1220px)/2 + 16px));width:min(530px,calc(100vw - 32px));border-radius:0 0 13px 13px;border:1px solid var(--rule);padding:24px;transform:translateY(-10px)}
body.search-open .search-panel{visibility:visible;pointer-events:auto;opacity:1;transform:translateY(0)}
.search-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.search-head h2{font-size:24px;margin-top:2px}.search-label{display:block;font-size:14px;color:var(--muted);margin-bottom:9px}.search-field{display:flex;align-items:center;gap:10px;border:2px solid #adc4eb;padding:0 14px;border-radius:9px;min-height:50px}.search-field>span{font-size:24px;color:var(--brand)}.search-field input{font-size:16px;min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.search-field:focus-within{border-color:var(--brand)}
.search-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px}.search-presets a{display:flex;justify-content:space-between;align-items:center;min-height:48px;background:var(--mist);padding:10px 13px;border:1px solid var(--rule);border-radius:8px;font-size:14px;font-weight:750;color:var(--ink)}.search-presets a:hover{background:#e8f0fd}.search-presets a span{color:var(--brand)}[data-search-item][hidden]{display:none!important}.search-empty{font-size:13px;margin-top:14px;color:var(--muted)}
.mobile-bottom{display:none}
@media(max-width:1000px){.header-inner{padding:0 16px}.interest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-board{gap:11px}.board-visual{height:170px}.directory-grid{gap:12px}.foot-grid{gap:16px}}
@media(max-width:760px){:root{--header-height:90px}.tabbar{display:none}.mast-inner{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr)}.brand-img{height:30px;max-width:130px}.directory-trigger{min-width:66px;gap:5px;font-size:13px;height:44px;padding:0 8px}.burger{width:16px}.mast-app{font-size:12px;padding:0 11px}.mast-app span{display:none}
.site-main{padding-top:calc(var(--header-height) + 16px);padding-bottom:73px}.home-stack{gap:16px}.hero-media{height:150px}.hero-copy{padding:20px 20px 24px}.hero-copy h1{font-size:28px}.hero-copy p{font-size:15px}.home-section{padding:20px}.section-heading h2{font-size:21px}.section-heading{align-items:flex-start;margin-bottom:15px}.text-link{font-size:12px}.interest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.interest-item{grid-template-columns:32px 1fr 16px;min-height:147px;padding:12px;gap:0 5px}.interest-code{height:29px;width:29px;font-size:12px}.interest-item strong{font-size:15px}.interest-item>span:nth-of-type(2){font-size:12px}.feature-grid,.feature-grid.compact,.split-strip,.app-grid{grid-template-columns:minmax(0,1fr);gap:15px}.feature-photo{height:210px}.three-board{grid-template-columns:minmax(0,1fr)}.board-card{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);align-items:center}.board-visual{height:100%;min-height:180px;border:0;border-right:1px solid var(--rule)}.board-body{padding:14px}.board-body h3{font-size:17px}.board-body p{font-size:13px}.strip-list a{min-height:55px}.theme-banner{height:185px}.motif-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-art{height:330px}.app-copy p{font-size:15px}.dual-links{grid-template-columns:minmax(0,1fr)}.faq-mini{grid-template-columns:minmax(0,1fr)}.three-board.text-only>a{min-height:145px}
.inside-head{padding:22px 19px}.inside-cover{height:235px}.chapter{padding:20px 18px;gap:13px}.chapter-num{min-width:39px;font-size:24px}.chapter-copy h2{font-size:19px}.chapter-copy p{font-size:15px}.layout-directory,.layout-filmgrid,.layout-tiles{grid-template-columns:1fr}.layout-numbers .chapter-num{font-size:35px;min-width:50px}.related{align-items:flex-start;flex-direction:column;padding:22px}.faq-row{padding:17px;gap:13px}.faq-number{font-size:19px;min-width:28px}.faq-row h2{font-size:17px}.faq-row p{font-size:15px}.site-footer{padding-bottom:95px}.foot-top{flex-direction:column;align-items:flex-start}.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.foot-bottom{flex-direction:column;gap:4px}
.directory-panel{top:var(--header-height);width:100%;max-height:calc(100dvh - var(--header-height));border-radius:0;transform:translate(-50%,-12px)}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:15px;gap:14px}.directory-link{padding:9px;min-height:70px}.directory-link strong{font-size:13px}.directory-link small{font-size:11px}.panel-head{padding:11px 16px}.panel-brand-img{height:27px;max-width:110px}.panel-brand{font-size:15px}.search-panel{inset:0;width:100%;height:100dvh;max-height:100dvh;right:0;top:0;border-radius:0;background:var(--mist);overflow-y:auto;padding:calc(var(--header-height) + 18px) 16px 28px}.search-head h2{font-size:22px}.search-presets{gap:8px}
.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;bottom:0;width:100%;z-index:75;background:white;height:calc(50px + env(safe-area-inset-bottom,0px));padding:0 5px env(safe-area-inset-bottom,0px);box-shadow:0 -5px 22px rgba(8,35,90,.1);border-top:1px solid var(--rule)}.mobile-bottom a{display:grid;place-items:center;min-width:0;height:50px;margin:0 2px;border-radius:7px;font-size:13px;color:var(--muted);font-weight:750}.mobile-bottom a.active,.mobile-bottom a[aria-current=page]{background:var(--brand);color:white}.mobile-bottom a:hover:not(.active){background:var(--mist)}
}
@media(max-width:360px){.brand-img{height:25px;max-width:100px}.mast-inner{grid-template-columns:minmax(0,1fr) 67px minmax(0,1fr);gap:3px}.mast-app{font-size:12px;padding:0 9px}.hero-media{height:132px}.hero-copy h1{font-size:25px}.section-heading{flex-wrap:wrap}.interest-item{min-height:161px}.interest-item strong{font-size:14px}.interest-item>span:nth-of-type(2){font-size:11px}.board-visual{min-height:190px}.shelf-lines a{grid-template-columns:28px minmax(0,68px) 1fr 14px;gap:6px;padding:7px 8px}.shelf-lines strong{font-size:12px}.shelf-lines small{font-size:11px}.app-art{height:285px}.search-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}