/* 51 GUAGUA / Editorial dark system. Pure CSS, no remote assets. */
:root{color-scheme:dark;--bg:#0B0B1A;--deep:#080812;--surface:#12121F;--surface2:#1A1A2A;--hover:#222233;--white:#FFFFFF;--text:#E8E8F0;--muted:#A0A0B8;--subtle:#8D8DA6;--pink:#FF2D6A;--pink2:#FF4D8A;--rose:#E6005C;--purple:#9B4DFF;--purple-dark:#7B2CBF;--pale:#FFB3C9;--stroke:rgba(255,77,138,.19);--stroke2:rgba(255,255,255,.1);--shadow:0 16px 48px rgba(0,0,0,.42);--radius:18px;--container:1280px}
*,*::before,*::after{box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;min-width:0;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;font-size:16px;line-height:1.78;-webkit-font-smoothing:antialiased}
body.is-locked{overflow:hidden}
::selection{color:#fff;background:#c6236c}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
a,button,input{ -webkit-tap-highlight-color:transparent }
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--pale);outline-offset:4px}
[hidden]{display:none!important}
img{max-width:100%;height:auto;vertical-align:middle}
p,h1,h2,h3,h4{margin-top:0}
p{margin-bottom:1rem}
h1,h2,h3{line-height:1.28;letter-spacing:-.022em}
h1{font-size:clamp(2rem,4.2vw,3.8rem);font-weight:820}
h2{font-size:clamp(1.65rem,3vw,2.5rem);font-weight:790}
h3{font-size:1.13rem;font-weight:740}
.container{width:min(100%,var(--container));margin-inline:auto;padding-inline:clamp(16px,3vw,26px);min-width:0}
.section-wrap{margin-top:clamp(68px,8vw,114px);margin-bottom:0}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px;flex-wrap:wrap}
.section-heading h2{margin:8px 0 0;max-width:780px}
.section-heading .section-assist{color:var(--muted);font-size:.87rem;max-width:510px;margin:0}
.eyebrow{display:inline-block;color:var(--pale);font-size:.73rem;line-height:1.4;font-weight:750;letter-spacing:.17em;text-transform:uppercase}
.micro-count,.card-index,.journal-no,.guide-step,.shelf-number,.policy-n,.art-caption{font-variant-numeric:tabular-nums}
.pink-text{color:var(--pale)}
.text-link,.tiny-link{display:inline-flex;align-items:center;gap:10px;color:#ffd5e1;font-weight:700;font-size:.9rem}
.text-link::after,.tiny-link::after{content:'↗';color:var(--pink2);font-size:1.1em}
.text-link:hover,.tiny-link:hover{color:#fff}
.tiny-link{font-size:.79rem;margin-top:12px}
.btn{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:11px 22px;border-radius:999px;font-size:.91rem;font-weight:750;white-space:nowrap;transition:transform .2s,background .2s,border-color .2s;color:#fff}
.btn:hover{transform:translateY(-2px)}
.btn-primary{border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#FF4D8A 0%,#FF2D6A 50%,#E6005C 100%);box-shadow:0 12px 36px rgba(255,45,106,.2)}
.btn-secondary{background:rgba(255,255,255,.025);border:1px solid rgba(255,77,138,.48)}
.btn-secondary:hover{background:rgba(255,77,138,.13)}
.skip-link{position:fixed;left:14px;top:-80px;padding:10px 18px;background:var(--pink);z-index:1010;border-radius:10px}
.skip-link:focus{top:12px}
/* Global sticky header: backdrop and background ALWAYS span full viewport. */
.site-header{position:sticky;top:0;width:100%;z-index:100;background:#0b0b18f5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--stroke2)}
.header-inner{height:74px;display:flex;align-items:center;gap:clamp(12px,2.5vw,34px);min-width:0}
.brand{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;line-height:1}
.brand-logo{display:block;height:37px;width:auto;max-width:148px;object-fit:contain}
.brand-sub{font-weight:720;letter-spacing:.15em;font-size:.53rem;color:#bbafc8;margin-top:4px;padding-left:1px}
.brand-fallback{display:inline-flex;align-items:center;gap:5px;color:#fff;font-weight:870;white-space:nowrap;font-size:1.48rem;letter-spacing:-.06em}
.brand-fallback-number{display:inline-flex;align-items:center;justify-content:center;line-height:1;letter-spacing:-.06em;color:#fff;padding:6px 7px 7px 6px;border-radius:10px;background:linear-gradient(125deg,var(--pink2),var(--rose) 55%,#9a37de);box-shadow:0 4px 18px rgba(255,45,106,.3)}
.desktop-nav{display:flex;align-items:center;gap:clamp(5px,1.2vw,19px);min-width:0;flex:1}
.desktop-nav a{position:relative;display:inline-flex;align-items:center;height:74px;font-size:.88rem;font-weight:680;color:#d5d2e0;white-space:nowrap;padding:0 7px;transition:color .2s}
.desktop-nav a:hover,.desktop-nav a.is-active{color:#fff}
.desktop-nav a.is-active::after{content:'';height:3px;position:absolute;bottom:0;left:6px;right:6px;border-radius:4px;background:linear-gradient(90deg,var(--pink2),var(--purple))}
.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex:0 0 auto}
.header-text-link{font-size:.86rem;font-weight:710;padding:9px;color:#e7dfea}
.header-text-link:hover{color:var(--pink2)}
.icon-btn{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;flex:0 0 44px;color:#fff;border:1px solid transparent;background:transparent;border-radius:50%;transition:background .2s,border-color .2s}
.icon-btn:hover{background:#ffffff10;border-color:#ffffff18}
.search-icon{display:inline-block;width:17px;height:17px;border:2px solid currentColor;border-radius:50%;position:relative;flex:0 0 17px}
.search-icon::after{content:'';position:absolute;width:8px;height:2px;background:currentColor;transform:rotate(48deg);right:-6px;bottom:-3px;border-radius:2px}
.hamburger{width:20px;display:flex;flex-direction:column;gap:5px}
.hamburger span{display:block;height:2px;width:100%;border-radius:10px;background:currentColor}
.hamburger span:nth-child(2){width:75%}
.app-pill{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;color:#fff;background:linear-gradient(120deg,var(--pink2),var(--rose));border-radius:999px;font-size:.84rem;font-weight:790;white-space:nowrap}
.app-pill:hover{box-shadow:0 6px 25px #ff2d6a40}
.header-mobile-left{display:none}
main{min-height:55vh}
/* CSS media display never substitutes a fabricated image. */
.site-media{position:relative;overflow:hidden;isolation:isolate;background:#1b1428;border-radius:22px;border:1px solid rgba(255,255,255,.12);width:100%;min-width:0}
.site-media--wide{aspect-ratio:16/9}
.site-media--hero{aspect-ratio:16/10}
.site-media--portrait{aspect-ratio:3/4}
.site-media--square{aspect-ratio:1/1}
.site-media--short{aspect-ratio:4/3}
.site-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:transparent}
.site-media:has(img){background:#14121d}
.media-art{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:clamp(20px,4vw,42px);background:radial-gradient(ellipse at 82% 21%,#ac3b9060 0%,transparent 30%),radial-gradient(ellipse at 25% 85%,#8f36c977 0%,transparent 48%),linear-gradient(134deg,#1b142d 12%,#230f2d 48%,#100e1d 95%)}
.media-art::before{content:'';position:absolute;right:7%;top:12%;width:36%;aspect-ratio:1;border:1px solid rgba(255,184,213,.32);border-radius:50%;box-shadow:0 0 0 34px rgba(235,76,187,.025),0 0 0 68px rgba(235,76,187,.025);pointer-events:none}
.media-art::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#ffc4d980,transparent)}
.media-art strong{display:block;position:relative;z-index:1;color:#fff;font-size:clamp(1.2rem,2.7vw,2.45rem);line-height:1.4;letter-spacing:-.04em;max-width:80%;text-wrap:balance}
.media-ghost-label{position:relative;z-index:1;font-size:.67rem;font-weight:820;letter-spacing:.2em;color:#ffd3e7;margin-bottom:13px}
.media-art-line{height:3px;width:54px;margin-top:24px;background:linear-gradient(90deg,var(--pink2),var(--purple));border-radius:3px}
.media-orbit{position:absolute;border:1px solid rgba(255,167,202,.18);border-radius:50%;pointer-events:none}
.media-orbit--one{width:70%;height:120%;right:-40%;top:-60%}
.media-orbit--two{width:44%;height:60%;left:-14%;bottom:-27%}
/* Index: image-first masthead and narrative right column. */
.home-hero{display:grid;grid-template-columns:minmax(0,1.94fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;padding-top:34px;padding-bottom:28px}
.home-hero-media .site-media{box-shadow:var(--shadow)}
.home-hero-copy{padding-top:12px;padding-bottom:10px;min-width:0}
.home-hero-copy .eyebrow{margin-bottom:16px}
.home-hero-copy h1{font-size:clamp(2.1rem,3.6vw,3.42rem);line-height:1.19;margin-bottom:20px}
.home-hero-copy p{color:#c8c6d7;font-size:.96rem;line-height:1.9}
.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin:22px 0 25px}
.hero-recs{border-top:1px solid var(--stroke2);padding-top:18px;display:grid;gap:10px}
.hero-recs a{display:flex;align-items:center;gap:12px;font-weight:650;font-size:.88rem;color:#dddce9}
.hero-recs a span:first-child{color:var(--pink2);font-size:.7rem;font-weight:800}
.hero-recs a:hover{color:#fff}
.quickstrip{display:flex;gap:14px;align-items:center;overflow-x:auto;max-width:100%;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#61304a transparent;border-top:1px solid var(--stroke2);border-bottom:1px solid var(--stroke2);padding-block:15px;white-space:nowrap}
.quickstrip .quick-label{color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.14em;flex:0 0 auto;margin-right:8px}
.quickstrip a{flex:0 0 auto;padding:4px 9px;font-size:.87rem;color:#e0d6e4;transition:color .2s}
.quickstrip a:hover{color:var(--pink2)}
/* Index: inspiration notes */
.inspiration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.inspiration-item{background:linear-gradient(135deg,#20192a,#141323);border:1px solid var(--stroke2);border-radius:16px;padding:22px 20px 18px;min-width:0;transition:border-color .2s,transform .2s}
.inspiration-item:hover{border-color:#ff4d8a60;transform:translateY(-3px)}
.inspiration-item h3{font-size:.96rem;margin-bottom:7px}
.inspiration-item p{font-size:.81rem;color:var(--muted);line-height:1.7;min-height:42px;margin-bottom:0}
.inspiration-item .inspiration-top{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.inspiration-item .inspiration-dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(110deg,var(--pink2),var(--purple));box-shadow:0 0 0 5px #ff4d8a12}
.inspiration-item a{font-weight:790;color:var(--pale)}
/* Index general editorial features */
.hot-section-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:16px}
.hot-lead{min-width:0;padding:clamp(24px,3vw,40px);border-radius:21px;background:radial-gradient(ellipse at 110% -15%,#73255044,transparent 58%),#1a1424;border:1px solid var(--stroke)}
.hot-lead .section-mark{color:var(--pale);font-size:.74rem;letter-spacing:.13em;font-weight:740}
.hot-lead h3{font-size:clamp(1.4rem,2.8vw,2.3rem);margin-top:20px}
.hot-lead p{color:#d8d1e0}
.hot-lead .lead-reason{padding:14px 18px;border-left:3px solid var(--pink2);background:#ffffff08;margin:18px 0 22px;font-size:.86rem;color:#ddd2e0}
.hot-minors{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.minor-card{min-width:0;background:var(--surface);border:1px solid var(--stroke2);padding:19px;border-radius:15px}
.minor-card:nth-child(1){grid-column:span 2;display:flex;justify-content:space-between;align-items:start;gap:22px;background:linear-gradient(125deg,#241529,#191524)}
.minor-card .minor-no{display:block;color:#ff83b0;font-size:.67rem;letter-spacing:.1em;font-weight:850}
.minor-card h3{margin:8px 0 10px;font-size:1.04rem}
.minor-card p{font-size:.83rem;color:#afa8bc;margin:0}
.feature-image-text{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.feature-image-text.reverse>*:first-child{order:2}
.feature-image-text .copy-col{min-width:0}
.feature-image-text .copy-col h2{margin-top:11px;margin-bottom:17px}
.feature-image-text .copy-col p{color:#c9c5d4;line-height:1.87}
.feature-index{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}
.feature-index a,.feature-index article{min-width:0;border-top:1px solid #ff4d8a5a;padding:15px 10px 11px 0;font-size:.86rem;font-weight:730;color:#f1e6f0}
.feature-index span{display:block;font-size:.68rem;color:#b18ca9;letter-spacing:.12em;margin-bottom:4px}
.star-rail{display:flex;gap:14px;overflow-x:auto;padding-bottom:15px;overscroll-behavior-x:contain;scrollbar-width:thin}
.star-rail article{flex:0 0 232px;min-height:206px;padding:23px 20px;border-radius:17px;border:1px solid var(--stroke2);background:linear-gradient(155deg,#221829,#13131f)}
.star-rail .star-mark{display:inline-flex;color:#ffc3dd;font-size:1.7rem;line-height:1}
.star-rail h3{margin:20px 0 10px}
.star-rail p{font-size:.83rem;color:#b9b4c6}
.short-vertical-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.short-vertical-grid article{border:1px solid var(--stroke2);background:#181522;border-radius:16px;min-height:255px;padding:21px 17px;display:flex;flex-direction:column;min-width:0}
.short-vertical-grid .short-id{font-size:2.8rem;font-weight:880;line-height:1;color:transparent;-webkit-text-stroke:1px #fd76b978;margin-bottom:auto}
.short-vertical-grid h3{margin:22px 0 8px;font-size:1rem}
.short-vertical-grid p{font-size:.78rem;color:#b8b0c0;margin:0}
.topic-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.topic-boxes article{background:#1a1625;border:1px solid var(--stroke2);border-radius:17px;padding:24px}
.topic-boxes article:nth-child(2),.topic-boxes article:nth-child(5){background:#211627;border-color:#ff4d8a31}
.topic-boxes h3{font-size:1.06rem;margin:0 0 9px}
.topic-boxes p{font-size:.87rem;color:#bdb7c9;margin:0}
.bts-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px}
.bts-layout .bts-header{background:#21152a;border:1px solid var(--stroke);padding:34px;border-radius:18px}
.bts-layout .bts-header h3{font-size:1.66rem}
.bts-layout .bts-header p{color:#c1b6ca}
.bts-layout .bts-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bts-layout .bts-notes article{padding:21px;background:#13131f;border:1px solid var(--stroke2);border-radius:16px}
.bts-layout .bts-notes h3{margin-bottom:6px}
.bts-layout .bts-notes p{font-size:.82rem;color:var(--muted);margin:0}
.home-list-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.home-list-grid article{padding:24px 21px;background:linear-gradient(140deg,#20172a,#14131e);border:1px solid var(--stroke2);border-radius:15px;min-height:180px}
.home-list-grid article:nth-child(4n+2){background:#211824}
.home-list-grid .list-no{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.14em;color:#ff95bd;margin-bottom:27px}
.home-list-grid h3{margin-bottom:8px}
.home-list-grid p{font-size:.83rem;color:#bbb2c2;margin-bottom:0}
.home-ranked{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--stroke2);border:1px solid var(--stroke2);overflow:hidden;border-radius:17px}
.home-ranked article{background:var(--surface);padding:30px;min-width:0}
.home-ranked .rank-no{display:block;font-size:2.8rem;font-weight:880;line-height:1;color:#ff5c9d;margin-bottom:14px}
.home-ranked h3{margin-bottom:7px}
.home-ranked p{margin:0;font-size:.86rem;color:var(--muted)}
.home-calendar{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.home-calendar article{padding:23px;border-radius:15px;background:#171422;border:1px solid var(--stroke2);position:relative}
.home-calendar article::before{content:'';width:8px;height:8px;display:block;border-radius:50%;background:var(--pink2);margin-bottom:25px;box-shadow:0 0 0 6px #ff4d8a16}
.home-calendar .status-label{display:block;font-size:.7rem;color:#ffabcc;font-weight:750;margin-bottom:8px}
.home-calendar h3{font-size:.95rem}
.home-calendar p{font-size:.79rem;color:#bdb5c5;margin:0}
.review-home-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.review-home-grid article{padding:22px 19px;background:#171523;border-radius:15px;border-top:3px solid #b33e9d}
.review-home-grid .review-tag{display:block;font-size:.71rem;color:#fba8c8;font-weight:780;letter-spacing:.12em}
.review-home-grid h3{margin:16px 0 10px}
.review-home-grid p{font-size:.84rem;color:#bdb6c7;margin:0;line-height:1.79}
.discover-home{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.discover-home a{display:flex;flex-direction:column;padding:24px;border:1px solid var(--stroke2);background:#181522;border-radius:14px;min-height:143px}
.discover-home strong{font-size:1.06rem;margin-bottom:8px}
.discover-home span{font-size:.84rem;color:#aaa3b8}
.discover-home a:hover{border-color:#fe62a488}
.app-home{display:grid;grid-template-columns:1fr minmax(0,.9fr);gap:32px;align-items:center;padding:35px;border-radius:23px;border:1px solid rgba(255,77,138,.26);background:radial-gradient(ellipse at 90% 20%,#8a3bba3d,transparent 40%),linear-gradient(135deg,#25172b,#141221)}
.app-home .app-copy h2{margin:13px 0}
.app-home .app-copy p{color:#d0c7da}
.app-home .site-media{max-width:460px;margin-inline:auto}
.policy-home{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.policy-home article{padding:clamp(24px,3vw,39px);background:#171422;border:1px solid var(--stroke2);border-radius:20px}
.policy-home article h3{font-size:1.42rem;margin:14px 0}
.policy-home article p{color:#c4becc;font-size:.9rem;line-height:1.9}
.faq-home{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.faq-home article{padding:24px;border-radius:16px;background:var(--surface);border:1px solid var(--stroke2)}
.faq-home h3{margin-bottom:10px}
.faq-home p{color:#bab5c6;font-size:.86rem;margin:0}
.brand-manifesto{position:relative;overflow:hidden;border-top:1px solid #ff4d8a42;border-bottom:1px solid #ff4d8a42;background:radial-gradient(ellipse at 95% 20%,#8b2e8844,transparent 47%),#17111e;padding:clamp(34px,5vw,70px)}
.brand-manifesto h2{font-size:clamp(2rem,4vw,3.4rem);max-width:840px;margin-top:13px}
.brand-manifesto p{color:#d3c9d5;max-width:920px}
.brand-manifesto .manifesto-sign{font-size:.69rem;letter-spacing:.2em;font-weight:800;color:#ff94be;margin-top:23px}
/* Inner: hero families */
.inner-hero{margin-top:clamp(34px,6vw,82px);min-width:0}
.inner-hero--split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(26px,5vw,64px);align-items:center}
.inner-hero-copy{min-width:0}
.inner-hero h1{margin:16px 0 22px;max-width:850px}
.inner-hero .page-deck{font-size:1.04rem;line-height:1.91;color:#cbc4d6;max-width:720px;margin:0}
.hero-micro{display:flex;gap:23px;margin-top:27px;color:#947c9a;letter-spacing:.15em;font-size:.65rem;font-weight:750}
.feature-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.54fr);gap:clamp(28px,6vw,90px);padding:clamp(28px,4vw,56px);background:#161422;border-radius:20px;border:1px solid var(--stroke2)}
.feature-primary h2{margin:14px 0}
.prose-lead,.feature-primary p{color:#d5cedf;font-size:1.01rem;line-height:2}
.feature-side{display:grid;gap:21px}
.feature-side article{border-left:1px solid #fd6fa36a;padding-left:20px}
.feature-side h3{margin:7px 0}
.feature-side p{color:#b3acbf;font-size:.85rem;margin:0}
.micro-count{font-size:.69rem;color:#f8a4c8;font-weight:800}
.pulse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.editorial-card{padding:25px;border-radius:16px;background:#171522;border:1px solid var(--stroke2)}
.card-index{display:block;font-size:.78rem;letter-spacing:.12em;font-weight:800;color:#ff95bd;margin-bottom:37px}
.editorial-card h3{font-size:1.14rem;margin-bottom:9px}
.editorial-card p{font-size:.88rem;color:#bfb9c9;margin-bottom:0}
.shelf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.shelf-tile{display:flex;gap:15px;align-items:start;background:#171422;padding:26px 23px;border:1px solid #ffffff15;border-radius:16px;min-height:189px}
.shelf-number{color:var(--pale);font-size:1.7rem;font-weight:820;line-height:1.1}
.shelf-tile h3{margin:3px 0 8px}
.shelf-tile p{color:#bbb4c3;font-size:.85rem;margin:0}
.constellation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.constellation-item{padding:31px 25px;background:radial-gradient(circle at 92% 0%,#834ca92d,transparent 47%),#161422;border:1px solid #ffffff12;border-radius:18px}
.constellation-symbol{display:block;color:#ff72af;font-size:1.5rem;margin-bottom:25px}
.constellation-item h3{margin-bottom:8px}
.constellation-item p{font-size:.87rem;color:#bfb9c9;margin:0}
/* Inner editorial */
.inner-hero--editorial{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.72fr);align-items:center;gap:clamp(24px,5vw,66px)}
.inner-hero--portrait .editorial-hero-art .site-media{aspect-ratio:4/3}
.editorial-title h1{font-size:clamp(2.8rem,6vw,5.5rem)}
.editorial-hero-art{position:relative}
.art-caption{display:block;color:#ac9eaf;font-size:.7rem;letter-spacing:.12em;margin-top:13px;text-transform:uppercase}
.ledge-feature{display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,1fr);gap:clamp(25px,5vw,90px);border-top:1px solid #ff4d8a40;border-bottom:1px solid #ffffff18;padding-top:38px;padding-bottom:38px}
.ledge-kicker{display:flex;flex-direction:column;gap:20px}
.ledge-rule{width:58px;height:3px;background:linear-gradient(90deg,var(--pink2),var(--purple));border-radius:5px}
.ledge-body h2{margin:0 0 14px}
.ledge-body p{color:#d2cad6;font-size:1rem;line-height:1.95;margin:0}
.number-list{border-top:1px solid #ffffff27}
.number-item{display:grid;grid-template-columns:135px minmax(0,1fr) 32px;align-items:start;gap:24px;border-bottom:1px solid #ffffff25;padding:26px 12px}
.number-big{font-size:clamp(2.2rem,4vw,4rem);color:transparent;-webkit-text-stroke:1px #ff72b296;line-height:1;font-weight:830}
.number-item h3{margin:0 0 9px;font-size:1.18rem}
.number-item p{color:#bcb3c7;font-size:.9rem;max-width:830px;margin:0}
.number-symbol{color:#ff9fbe}
.number-list--leaderboard .number-big{color:#ff4d8a;-webkit-text-stroke:0}
.number-list--schedule .number-big{font-size:1.6rem;color:#f3b0ca;-webkit-text-stroke:0}
.scrapbook-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.scrapbook-item{min-height:210px;border-radius:15px 26px 15px 15px;background:linear-gradient(155deg,#25182c,#161320);border:1px solid #ff73b032;padding:22px 24px;position:relative}
.scrapbook-item:nth-child(3n+2){background:linear-gradient(155deg,#19192e,#19121f)}
.scrapbook-tab{display:inline-block;border-radius:4px;background:#b83a7c;color:#fff;font-size:.72rem;font-weight:750;padding:3px 9px;margin-bottom:22px}
.scrapbook-item h3{margin-bottom:12px}
.scrapbook-item p{font-size:.86rem;color:#c0b3c7;margin:0}
.portrait-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.portrait-item{background:#161422;border-radius:17px;padding:28px 25px;border:1px solid var(--stroke2);min-height:228px}
.portrait-decor{font-size:3rem;line-height:1;font-weight:880;color:transparent;-webkit-text-stroke:1px #fc75bd7a;display:block;margin-bottom:24px}
.portrait-item p{color:#bcb5c8;font-size:.86rem;margin-bottom:0}
/* Inner journal */
.inner-hero--journal{display:grid;grid-template-columns:1fr .95fr;gap:clamp(24px,6vw,82px);align-items:end}
.journal-masthead{padding-block:17px 22px}
.journal-masthead h1{font-size:clamp(2.8rem,6vw,5.15rem)}
.journal-masthead p{max-width:630px}
.fine-rule{display:block;width:90px;height:1px;background:#ff85ba;margin-top:25px}
.journal-intro{display:grid;grid-template-columns:1fr 2.6fr;gap:60px;align-items:start;padding-top:34px;padding-bottom:35px;border-top:1px solid var(--stroke2);border-bottom:1px solid var(--stroke2)}
.journal-side{display:flex;flex-direction:column;gap:20px}
.journal-bullet{font-size:4rem;line-height:1;color:var(--pink2)}
.journal-lead h2{margin-bottom:15px}
.journal-lead p{color:#cfc3d3;font-size:1rem;line-height:1.95;margin-bottom:0}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.journal-item{border-top:2px solid #9f4274;padding:24px 5px 10px;min-width:0}
.journal-item:nth-child(3n+2){border-top-color:#7b2cbf}
.journal-no{font-size:.67rem;color:#c7a0bd;font-weight:740;letter-spacing:.11em}
.journal-item h3{font-size:1.15rem;margin:21px 0 10px}
.journal-item p{font-size:.89rem;color:#bfb8c8;margin:0}
.journal-grid--manifesto .journal-item{padding-top:32px}
/* Inner product */
.inner-hero--product{display:grid;grid-template-columns:1fr .87fr;gap:clamp(30px,6vw,95px);align-items:center;padding:clamp(20px,4vw,44px);background:radial-gradient(ellipse at 80% 10%,#b038853f,transparent 52%),#1a1423;border-radius:22px;border:1px solid var(--stroke)}
.inner-hero--product .site-media{max-width:500px;margin-left:auto;aspect-ratio:4/3}
.inner-hero--device .site-media{aspect-ratio:4/4.25;max-height:460px}
.product-copy h1{font-size:clamp(2.6rem,5vw,4.4rem)}
.product-badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}
.product-badges span{border:1px solid #ffb1c157;border-radius:999px;padding:4px 11px;color:#e1bbcb;font-size:.73rem}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.guide-item{padding:28px 23px;background:#181522;border:1px solid #ffffff16;border-radius:17px}
.guide-step{display:block;font-size:.7rem;color:#ff93c0;letter-spacing:.11em;margin-bottom:24px;font-weight:780}
.guide-item h3{font-size:1.1rem;margin-bottom:10px}
.guide-item p{font-size:.87rem;color:#bdb4c8;margin-bottom:0}
.product-feature{background:#241629;border:1px solid #ff4d8a42;border-radius:20px;padding:36px 40px}
.product-feature h2{margin:12px 0}
.product-feature p{color:#dbd1df;font-size:1rem;line-height:1.96;max-width:950px;margin:0}
/* Inner public-facing trust pages */
.inner-hero--policy{display:grid;grid-template-columns:1fr .58fr;gap:clamp(24px,5vw,78px);align-items:center}
.inner-hero--policy .site-media{aspect-ratio:4/3}
.inner-hero--policy h1{font-size:clamp(2.8rem,5.7vw,5rem)}
.policy-lead{display:grid;grid-template-columns:1fr 2.4fr;gap:44px;padding:32px 0;border-top:1px solid var(--stroke2);border-bottom:1px solid var(--stroke2)}
.policy-strap{display:flex;flex-direction:column;gap:10px;font-size:.74rem;color:#817489}
.policy-lead h2{margin:0 0 13px}
.policy-lead p{color:#cfc5d2;font-size:1rem;margin:0;line-height:1.97}
.policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.policy-item{background:#171522;border:1px solid var(--stroke2);border-radius:17px;padding:27px}
.policy-n{display:block;color:#e68cb9;font-size:.8rem;font-weight:790;margin-bottom:19px}
.policy-item h3{margin-bottom:10px}
.policy-item p{color:#bdb4c7;font-size:.86rem;margin:0}
.policy-grid--contact .policy-item{background:linear-gradient(130deg,#21172a,#171321)}
.policy-grid--privacy .policy-item:nth-child(3n+2){background:#201728}
.policy-grid--ratings .policy-item{border-left:3px solid #ae3f86}
/* Long form and conclusions */
.longform-section{display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);border-top:1px solid var(--stroke2);padding-top:clamp(28px,5vw,57px)}
.longform-rail{display:flex;flex-direction:column;align-items:flex-start;gap:21px}
.longform-rule{height:3px;width:54px;background:var(--pink2)}
.longform-serial{font-size:.65rem;letter-spacing:.16em;color:#7f748e;font-weight:700}
.longform-text{display:grid;gap:38px}
.longform-chapter{max-width:870px;padding-bottom:27px;border-bottom:1px solid #ffffff18}
.longform-chapter h2{font-size:1.42rem;margin-bottom:16px}
.longform-chapter p{color:#c8c1d0;line-height:2.05;font-size:1.02rem;margin:0}
.closing-panel{background:radial-gradient(ellipse at 100% 0%,#5d2d7b50,transparent 40%),linear-gradient(120deg,#241626,#171423);padding:clamp(26px,4vw,48px);border:1px solid #ff4d8a28;border-radius:22px}
.closing-panel h2{margin:13px 0;font-size:clamp(1.5rem,2.7vw,2.1rem)}
.closing-panel p{color:#d0c5d4;line-height:2;max-width:1000px;margin-bottom:0}
.closing-panel .closing-secondary{margin-top:18px;padding-top:19px;border-top:1px solid #ffffff20;font-size:.9rem;color:#bfb1c3}
.closing-panel strong{color:#f7d0df}
.related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.related-links a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:17px 20px;background:#161422;border:1px solid var(--stroke2);border-radius:12px;font-weight:720;font-size:.94rem;min-height:61px}
.related-links a span:last-child{color:var(--pink2)}
.related-links a:hover{border-color:#ff4d8a70}
/* FAQ */
.faq-hero{margin-top:70px;display:grid;grid-template-columns:1.1fr .6fr;gap:36px;align-items:end}
.faq-hero h1{font-size:clamp(2.7rem,6vw,5rem);margin:14px 0}
.faq-hero p{color:#c7bccc;max-width:700px;line-height:1.93}
.faq-hero-side{display:flex;align-items:center;justify-content:center;min-height:215px;background:radial-gradient(circle at center,#4c214c,#191522 66%);border:1px solid var(--stroke2);border-radius:20px;font-size:5.4rem;color:#ff84b7;font-weight:850;letter-spacing:-.08em}
.faq-entries{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.faq-entries details{padding:24px;background:#181523;border-radius:14px;border:1px solid #ffffff16;align-self:start}
.faq-entries summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:17px;align-items:center;font-weight:780;font-size:1.05rem;line-height:1.55}
.faq-entries summary::-webkit-details-marker{display:none}
.faq-entries summary::after{content:'+';color:var(--pink2);font-size:1.55rem;flex:0 0 20px;text-align:center}
.faq-entries details[open] summary::after{content:'−'}
.faq-entries p{color:#c8becd;font-size:.91rem;line-height:1.95;margin:16px 0 0}
/* Footer */
.site-footer{background:#05050a;margin-top:clamp(75px,10vw,145px);border-top:1px solid #3d1f31;padding:clamp(42px,6vw,85px) 0 105px}
.footer-masthead{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-bottom:38px;border-bottom:1px solid #ffffff18}
.footer-brand{display:inline-flex;align-items:center;gap:14px}
.footer-brand .brand-fallback{font-size:1.7rem}
.footer-brand>span:last-child{font-size:.75rem;color:#a28c9d;letter-spacing:.14em;font-weight:750}
.footer-masthead p{color:#a6a0b0;font-size:.88rem;margin:17px 0 0}
.footer-stamp{line-height:1;font-size:clamp(4rem,8vw,9rem);font-weight:900;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px #f55a9d35}
.footer-stamp span{font-size:.26em;vertical-align:top;margin-left:10px}
.footer-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:41px;padding-bottom:39px}
.footer-columns>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.footer-columns h2{font-size:.89rem;color:#eee6f0;margin-bottom:12px}
.footer-columns a{color:#a5a0b0;font-size:.84rem;line-height:2.05}
.footer-columns a:hover{color:#ff94c0}
.footer-bottom{display:flex;justify-content:space-between;gap:35px;padding-top:23px;border-top:1px solid #ffffff14}
.footer-bottom p{font-size:.78rem;color:#858090;max-width:700px;margin:0}
/* Drawer & search overlays */
.overlay{position:fixed;inset:0;z-index:180;background:#05020bc9;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,visibility .22s}
.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}
.site-drawer{position:fixed;z-index:200;top:0;right:0;bottom:0;width:min(470px,100%);max-width:100vw;background:#15101e;transform:translateX(102%);transition:transform .25s,visibility .25s;visibility:hidden;pointer-events:none;display:flex;flex-direction:column;border-left:1px solid #ff4d8a4a;box-shadow:-20px 0 40px rgba(0,0,0,.3)}
.site-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}
.drawer-top{height:83px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid #ffffff12}
.drawer-brand{display:flex;align-items:center}
.close-btn{font-size:2rem;font-weight:300;line-height:1;background:#ffffff08;border:1px solid #ffffff10}
.drawer-body{overflow-y:auto;overscroll-behavior:contain;padding:21px 23px 44px;min-height:0}
.drawer-search-cta button{width:100%;display:flex;gap:17px;align-items:center;text-align:left;background:#231a2b;border:1px solid #ffffff20;border-radius:13px;min-height:58px;color:#e3cdd9;padding:14px 18px}
.drawer-search-cta button span:last-child{margin-left:auto;color:var(--pink2)}
.drawer-group{margin-top:30px}
.drawer-group h2{font-size:.73rem;letter-spacing:.12em;color:#ff89b6;padding-bottom:13px;border-bottom:1px solid #ffffff18;margin-bottom:0}
.drawer-group>a{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:1px 6px;position:relative;padding:16px 2px;border-bottom:1px solid #ffffff10}
.drawer-item-name{font-weight:760;font-size:1rem}
.drawer-item-desc{font-size:.77rem;line-height:1.5;color:#a9a2b4;grid-column:1}
.drawer-item-arrow{color:#ff72a5;grid-row:1/3;grid-column:2;align-self:center}
.drawer-group>a:hover .drawer-item-name{color:#ff8fb7}
.search-panel{position:fixed;z-index:205;top:74px;left:0;right:0;background:#151120;max-height:calc(100dvh - 74px);overflow-y:auto;overscroll-behavior:contain;border-bottom:1px solid #ff4d8a40;box-shadow:0 19px 50px #030209ad;visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-13px);transition:opacity .2s,transform .2s,visibility .2s}
.search-panel.is-open{opacity:1;transform:none;visibility:visible;pointer-events:auto}
.search-panel-inner{padding-block:32px 46px}
.search-head{display:flex;justify-content:space-between;align-items:center;gap:20px}
.search-panel label{display:block;font-weight:810;font-size:clamp(1.7rem,3vw,2.45rem);margin:13px 0 16px}
.search-input-wrap{position:relative;display:flex;align-items:center;border:1px solid #ff6aa250;border-radius:13px;background:#211927;padding:0 18px;color:#ffc3da}
.search-input-wrap input{flex:1;min-width:0;color:#fff;border:0;background:none;min-height:62px;outline:none;padding:0 18px;font-size:1rem}
.search-input-wrap input::placeholder{color:#8e8297}
.search-key{color:#a08a9b}
.search-hint{color:#a79bae;font-size:.84rem;margin:14px 0 22px}
.search-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.search-result-item{display:grid;gap:4px;grid-template-columns:1fr auto;padding:20px;background:#1f1929;border:1px solid #ffffff17;border-radius:12px;font-weight:750}
.search-result-item small{font-size:.7rem;grid-column:1;color:#9f93a8;font-weight:500}
.search-result-item>span:last-child{grid-row:1/3;grid-column:2;color:var(--pink2)}
.search-result-item:hover{border-color:#ff4d8a88}
.search-no-results{color:#f1bad3}
.mobile-bottom-nav{display:none}
/* Responsiveness */
@media(max-width:1150px){.desktop-nav{gap:2px}.desktop-nav a{font-size:.8rem;padding-inline:5px}.header-inner{gap:12px}.header-text-link{padding-inline:4px}.short-vertical-grid{grid-template-columns:repeat(3,1fr)}.short-vertical-grid article{min-height:210px}.review-home-grid{grid-template-columns:repeat(3,1fr)}.home-calendar{grid-template-columns:repeat(3,1fr)}}
@media(max-width:940px){.desktop-nav{display:none}.header-menu-desktop{display:flex}.home-hero{grid-template-columns:1fr 1fr}.home-hero-copy h1{font-size:2.15rem}.inspiration-grid{grid-template-columns:repeat(2,1fr)}.feature-index{grid-template-columns:repeat(2,1fr)}.home-list-grid{grid-template-columns:repeat(2,1fr)}.inner-hero--split{grid-template-columns:1fr .85fr}.pulse-grid,.shelf-grid,.constellation-grid,.portrait-grid,.scrapbook-grid,.journal-grid,.policy-grid,.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-results{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){html{scroll-padding-top:80px}.container{padding-inline:18px}.site-header{position:sticky;left:0;right:0;max-width:none;width:100%;background:#0b0b18}.header-inner{height:66px;display:grid;grid-template-columns:48px minmax(0,1fr) 66px;gap:8px;padding-inline:15px}.header-mobile-left{display:flex}.desktop-only,.header-menu-desktop{display:none!important}.header-inner .brand{justify-self:center;min-width:0;max-width:100%;align-items:center}.header-inner .brand .brand-sub{font-size:.45rem;margin-top:3px;padding-left:0}.header-inner .brand-logo{max-height:30px;max-width:116px}.header-inner .brand-fallback{font-size:1.19rem}.header-inner .brand-fallback-number{padding:5px 6px 6px 5px;border-radius:7px}.header-actions{justify-self:end;margin-left:0}.header-actions .app-pill{min-height:44px;min-width:60px;padding:7px 9px;justify-content:center}.app-arrow{display:none}.home-hero{grid-template-columns:1fr;gap:22px;padding-top:28px}.home-hero-copy{grid-row:1;padding:0}.home-hero-media{grid-row:2}.home-hero .site-media{aspect-ratio:16/9}.home-hero-copy h1{font-size:clamp(1.85rem,6.2vw,2.7rem);margin-bottom:14px}.home-hero-copy .eyebrow{margin-bottom:12px}.home-hero-copy p{font-size:.93rem}.hero-actions{margin:18px 0}.hero-recs{margin-top:15px}.home-hero-media .site-media{border-radius:16px}.section-wrap{margin-top:55px}.section-heading{margin-bottom:18px}.hot-section-grid,.feature-image-text,.bts-layout,.app-home,.policy-home,.inner-hero--split,.inner-hero--editorial,.inner-hero--journal,.inner-hero--product,.inner-hero--policy,.feature-row,.ledge-feature,.journal-intro,.policy-lead,.longform-section,.faq-hero{grid-template-columns:1fr}.hot-minors{grid-template-columns:1fr 1fr}.feature-image-text.reverse>*:first-child{order:0}.feature-image-text{gap:24px}.star-rail article{flex-basis:220px}.bts-layout .bts-header{padding:25px}.bts-layout .bts-notes{gap:10px}.topic-boxes,.home-ranked,.discover-home{grid-template-columns:repeat(2,minmax(0,1fr))}.home-ranked article{padding:25px}.home-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}.review-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-home{padding:25px}.app-home .site-media{max-width:380px}.footer-columns{grid-template-columns:repeat(2,1fr)}.footer-masthead{align-items:start}.footer-stamp{display:none}.footer-bottom{flex-direction:column;gap:10px}.site-footer{padding-bottom:110px}.inner-hero{margin-top:35px}.inner-hero--editorial{align-items:start}.editorial-hero-art .site-media{max-height:330px}.inner-hero--journal .journal-art{max-height:310px;overflow:hidden;border-radius:17px}.inner-hero--product{padding:24px}.inner-hero--product .site-media{max-height:340px}.feature-row{padding:26px}.feature-side{grid-template-columns:1fr 1fr;gap:18px}.ledge-feature{gap:21px}.ledge-kicker{flex-direction:row;align-items:center}.journal-intro{gap:20px}.journal-side{flex-direction:row;align-items:center}.journal-bullet{font-size:2rem}.policy-lead{gap:20px}.policy-strap{flex-direction:row;justify-content:space-between}.longform-section{gap:22px}.longform-rail{flex-direction:row;align-items:center}.related-links{grid-template-columns:repeat(2,minmax(0,1fr))}.number-item{grid-template-columns:66px minmax(0,1fr) 18px;gap:15px;padding:20px 0}.number-big{font-size:2.4rem}.faq-hero-side{display:none}.search-panel{top:66px;bottom:0;max-height:none;overscroll-behavior:contain}.search-panel-inner{padding-top:24px}.search-results{grid-template-columns:1fr}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#0c0915f7;border-top:1px solid #ff4d8a45;box-shadow:0 -8px 24px #00000030;backdrop-filter:blur(15px)}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;color:#a8a2b4;font-size:.69rem;font-weight:650;padding:4px 1px;line-height:1.25}.mobile-bottom-nav a.bottom-active{color:#ff85b4}.bottom-symbol{font-size:1.25rem;line-height:1.1}.site-drawer{width:min(88vw,390px)}.site-footer{margin-top:76px}body{padding-bottom:calc(59px + env(safe-area-inset-bottom))}}
@media(max-width:440px){.container{padding-inline:16px}.section-wrap{margin-top:49px}.inspiration-grid{gap:9px}.inspiration-item{padding:17px 14px}.inspiration-item p{font-size:.78rem;min-height:0}.hot-minors,.topic-boxes,.review-home-grid,.home-calendar,.pulse-grid,.shelf-grid,.constellation-grid,.portrait-grid,.scrapbook-grid,.journal-grid,.policy-grid,.guide-grid,.faq-home{grid-template-columns:1fr}.minor-card:nth-child(1){grid-column:auto}.short-vertical-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.short-vertical-grid article{min-height:208px}.home-ranked{grid-template-columns:1fr}.home-list-grid{gap:10px}.home-list-grid article{padding:19px 15px;min-height:0}.home-list-grid .list-no{margin-bottom:17px}.star-rail article{flex-basis:195px}.related-links{grid-template-columns:1fr}.feature-side{grid-template-columns:1fr}.feature-index{gap:10px}.bts-layout .bts-notes{grid-template-columns:1fr}.brand-manifesto{padding:27px 22px}.app-home{padding:23px 18px}.footer-masthead p{font-size:.8rem}.footer-columns{gap:20px 14px}.footer-columns a{font-size:.8rem}.footer-bottom p{font-size:.77rem}.inner-hero h1{font-size:2.6rem}.inner-hero--editorial .editorial-title h1,.inner-hero--journal .journal-masthead h1,.inner-hero--policy h1{font-size:2.6rem}.inner-hero .page-deck{font-size:.93rem}.feature-primary h2{font-size:1.6rem}.number-item{grid-template-columns:52px minmax(0,1fr) 12px;gap:8px}.number-big{font-size:1.85rem}.number-item h3{font-size:1.06rem}.number-item p{font-size:.84rem}.journal-grid,.policy-grid{gap:10px}.search-panel label{font-size:1.6rem}.drawer-body{padding:15px 17px 40px}.drawer-top{padding-inline:17px}.site-media{border-radius:15px}.media-art strong{max-width:96%;font-size:1.2rem}.media-ghost-label{font-size:.51rem}.media-art{padding:18px}}
@media(max-width:340px){.header-inner{padding-inline:10px;grid-template-columns:44px minmax(0,1fr) 56px;gap:2px}.header-actions .app-pill{min-width:51px;padding:6px}.header-inner .brand-fallback{font-size:1.05rem}.header-inner .brand-fallback-number{padding:5px}.hero-actions{gap:8px}.btn{padding:10px 15px;font-size:.85rem}.home-list-grid{grid-template-columns:1fr}.short-vertical-grid{grid-template-columns:1fr 1fr}.short-vertical-grid article{padding:15px 12px;min-height:195px}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-bottom-nav a{font-size:.65rem}.hero-micro{gap:9px;font-size:.54rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}