:root{--rose:#688B36;--rose-2:#7DA64C;--rose-light:#C9DDA7;--rose-soft:#F0F7E7;--cream:#FBFCF6;--cream-2:#F5F8ED;--cream-3:#EBF1E0;--mauve:#698E79;--mauve-deep:#355E49;--plum:#294636;--plum-dark:#183326;--lavender:#A2BCA5;--lavender-soft:#EAF3E9;--peach:#E5B654;--peach-soft:#FCF1D5;--sage:#7FAB78;--sage-soft:#ECF4E7;--ink:#22352A;--ink-2:#4D6255;--ink-3:#788A7D;--surface:#FFFFFF;--surface-soft:rgba(255,255,255,.94);--line:rgba(34,53,42,.13);--line-strong:rgba(34,53,42,.25);--shadow:0 8px 28px rgba(27,60,39,.07);--shadow-hover:0 18px 42px rgba(27,60,39,.13);--radius:12px;--radius-card:18px;--radius-large:28px;--radius-pill:999px;--wrap:1320px}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.75 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}body.modal-open{overflow:hidden}body.reader-dim{--cream:#18271f;--surface:#23392d;--ink:#edf4e8;--ink-2:#c5d8c8;--line:rgba(255,255,255,.18)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.3;letter-spacing:-.025em}h1{font-size:clamp(2.4rem,4.8vw,4.9rem)}h2{font-size:clamp(1.65rem,2.7vw,2.65rem)}h3{font-size:1.19rem}p{color:var(--ink-2)}.wrap{width:min(calc(100% - 60px),var(--wrap));margin-inline:auto}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:absolute;z-index:9999;background:#fff;padding:12px}.eyebrow,.kicker{font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--rose)}.text-link{font-size:14px;color:var(--mauve-deep);font-weight:750;white-space:nowrap}.text-link:hover,a:hover{color:var(--rose)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:999px;border:1px solid var(--line);padding:12px 22px;min-height:47px;font-size:14px;font-weight:800;transition:.2s}.btn.primary{background:var(--rose);color:white;border-color:var(--rose)}.btn.primary:hover{background:var(--plum)}.btn.ghost{background:rgba(255,255,255,.72);color:var(--plum)}.btn.light{background:white;color:var(--plum);border:0}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--peach);outline-offset:3px}.site-header{position:sticky;top:0;z-index:50;background:rgba(251,252,246,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);transition:background .2s}.site-header.scrolled{background:rgba(255,255,255,.98);box-shadow:0 4px 20px rgba(0,0,0,.04)}.header-inner{height:70px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:19px;font-weight:900;line-height:1.2;color:var(--plum)}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:.05em;margin-top:3px;color:var(--ink-3)}.brand-logo{width:39px;height:39px;object-fit:contain;border-radius:12px}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(9px,1.3vw,23px);margin-left:auto}.desktop-nav a{font-size:13px;font-weight:650;color:var(--ink-2);white-space:nowrap;padding:22px 0;position:relative}.desktop-nav a[aria-current=page],.desktop-nav a:hover{color:var(--rose)}.desktop-nav a[aria-current=page]:after{content:"";position:absolute;bottom:12px;left:25%;width:50%;height:3px;background:var(--rose);border-radius:4px}.header-tools{display:flex;align-items:center;gap:10px}.icon-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);background:white;border-radius:50%;font-size:22px;color:var(--plum)}.app-link{font-size:12px;font-weight:900;background:var(--rose-soft);padding:8px 12px;border-radius:99px}.menu-toggle,.mobile-menu{display:none}.mobile-menu:not([hidden]){display:grid;grid-template-columns:repeat(2,1fr);padding-bottom:15px;gap:8px}.mobile-menu a{background:var(--cream-2);padding:9px 14px;border-radius:10px;font-weight:650}.hero{background:linear-gradient(135deg,#FBFCF6 0%,#F0F7E7 56%,#FCF1D5 100%);overflow:hidden}.hero-grid{min-height:595px;display:grid;grid-template-columns:1.18fr 1fr;align-items:center;gap:40px;padding-block:52px 66px}.hero-copy h1{margin:16px 0 23px;line-height:1.14}.hero-copy h1 em{font-style:normal;color:var(--mauve-deep)}.hero-copy>p{font-size:16px;max-width:650px;line-height:2}.hero-search{display:flex;max-width:610px;padding:6px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);margin:25px 0}.hero-search input{border:0;outline:0;min-width:0;flex:1;padding:10px 12px;background:transparent;font-size:14px}.hero-search button{border:0;background:var(--plum);color:white;border-radius:11px;padding:10px 18px;font-weight:750}.hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.subtle{font-size:13px;font-weight:750;color:var(--mauve-deep)}.hero-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:24px;font-size:12px;color:var(--ink-3)}.hero-trust span:before{content:'✓';color:var(--rose);font-weight:bold;margin-right:5px}.hero-visual{min-height:490px;position:relative;display:flex;align-items:center}.hero-art{width:75%;height:410px;border-radius:32px;overflow:hidden;background:#dcebcf;box-shadow:var(--shadow-hover);transform:rotate(-2deg);position:relative}.hero-art img{width:100%;height:100%;object-fit:cover}.floating-badge{position:absolute;bottom:20px;left:20px;background:rgba(255,255,255,.94);border-radius:99px;padding:8px 15px;font-weight:800;font-size:12px;color:var(--plum)}.floating-vertical{position:absolute;right:0;top:3%;width:32%;min-width:150px;background:#fff;padding:9px 9px 15px;border-radius:24px;box-shadow:var(--shadow-hover);transform:rotate(5deg);display:grid;gap:6px}.floating-vertical .vertical-frame{height:200px;border-radius:15px;overflow:hidden;background:#d2e4c7}.floating-vertical .vertical-frame img{height:100%;width:100%;object-fit:cover}.floating-vertical strong{font-size:13px}.floating-vertical small{font-size:11px;color:var(--ink-3)}.hero-mini-list{position:absolute;bottom:0;right:0;width:48%;background:rgba(255,255,255,.96);padding:17px;border-radius:20px;box-shadow:var(--shadow)}.hero-mini-list strong{font-size:12px;color:var(--rose)}.hero-mini-list a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px;padding:7px 0;font-weight:650}.hero-mini-list a:last-child{border-bottom:0}.media-fallback{display:flex;align-items:center;justify-content:center;min-height:100%;width:100%;padding:20px;text-align:center;color:#456047;background:radial-gradient(circle at 70% 20%,#f9e4b0,transparent 30%),linear-gradient(135deg,#d9ebc5,#eef5e5 55%,#c6dabc);font-size:16px;font-weight:800}.hero-img.media-fallback{height:100%;font-size:25px}.brand-logo.media-fallback{font-size:9px;padding:4px;min-height:39px}.section{padding-block:65px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-head h2{margin:6px 0 7px}.section-head p{margin:0;font-size:14px;max-width:670px}.quick-strip{padding:19px 0;background:#fff;border-bottom:1px solid var(--line)}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{font-size:13px;display:inline-flex;padding:9px 15px;border-radius:99px;border:1px solid var(--line);background:white;color:var(--ink-2);font-weight:750}.chip:hover,.chip.selected{background:var(--plum);color:white}.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.story-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;transition:transform .2s,box-shadow .2s}.story-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.story-cover{display:block;height:185px;position:relative;overflow:hidden;background:var(--sage-soft)}.story-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.story-card:hover img{transform:scale(1.05)}.cover-label{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.92);border-radius:99px;padding:4px 9px;font-size:10px;font-weight:800;color:var(--plum)}.story-info{padding:18px}.story-info h3{margin:8px 0 10px}.story-info p{font-size:13px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:68px}.meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--ink-3);border-top:1px solid var(--line);padding-top:10px}.meta a{color:var(--rose);font-weight:750}.feature-split{display:grid;grid-template-columns:1.1fr 1fr;gap:0;border-radius:30px;overflow:hidden;background:var(--plum-dark);padding:0;color:white}.feature-image{min-height:360px;background:#b9d29b}.feature-image img,.feature-image>.media-fallback{width:100%;height:100%;object-fit:cover}.feature-text{padding:clamp(32px,5vw,72px);display:flex;flex-direction:column;justify-content:center}.feature-text h2,.wide-banner h2{color:inherit}.feature-text p{color:rgba(255,255,255,.76)}.feature-text .eyebrow{color:var(--rose-light)}.feature-text .btn{align-self:start}.topic-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.topic-tiles a{min-height:200px;display:flex;flex-direction:column;justify-content:end;padding:26px;border-radius:20px;background:linear-gradient(155deg,#edf5e6,#d5eac4);position:relative}.topic-tiles a:nth-child(2){background:linear-gradient(135deg,#fdf4d8,#e7efcb)}.topic-tiles a:nth-child(3){background:linear-gradient(135deg,#dce9d8,#aecbb4)}.topic-tiles strong{font-size:23px}.topic-tiles span{font-size:13px;color:var(--ink-2)}.soft-bg{background:var(--rose-soft)}.mint-bg{background:#eaf3e9}.wide-banner{min-height:310px;position:relative;overflow:hidden;display:flex;align-items:center;background:linear-gradient(110deg,#1d3b2a,#456b48);color:#fff;border-radius:30px}.wide-banner>img,.wide-banner>.media-fallback{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;opacity:.3}.wide-banner>div:last-child{position:relative;z-index:1;padding:42px 55px;max-width:680px}.wide-banner p{color:#e1ece0}.wide-banner .eyebrow{color:#d6e9b0}.wide-banner.secondary{background:#e7f0de;color:var(--plum)}.wide-banner.secondary>img,.wide-banner.secondary>.media-fallback{opacity:.16}.wide-banner.secondary p{color:var(--ink-2)}.vertical-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.vertical-tile{display:flex;flex-direction:column;gap:10px;border-radius:22px;background:#fff;padding:14px}.vertical-tile>img,.vertical-tile>.media-fallback{width:100%;height:280px;object-fit:cover;border-radius:15px}.vertical-tile span{font-weight:800;font-size:19px}.vertical-tile small{color:var(--ink-2);font-size:12px}.bento-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px}.bento{min-height:220px;display:flex;flex-direction:column;justify-content:end;padding:27px;border-radius:22px;background:#e9efd9}.bento:first-child{grid-row:span 2;min-height:454px;background:linear-gradient(140deg,#e2f1ce,#e8d6ab)}.bento:nth-child(2){background:#eef1e7}.bento:nth-child(3){background:#e7f0ee}.bento:nth-child(4){grid-column:span 2;background:#f6edcf}.bento p{font-size:13px}.bento .text-link{margin-top:auto}.update-stream{display:grid;gap:8px}.update-stream a{display:grid;grid-template-columns:16px 100px 1fr 180px 70px;align-items:center;gap:18px;background:white;padding:16px 22px;border-radius:13px;border:1px solid var(--line);font-size:13px}.update-stream a strong{font-size:15px}.update-stream a>span:nth-last-child(2){color:var(--ink-3)}.update-stream small{color:var(--rose);font-weight:800}.dot{background:var(--rose);height:8px;width:8px;border-radius:50%}.collections-preview{display:grid;grid-template-columns:1fr 1fr;gap:20px}.collections-preview a{border-radius:24px;padding:35px;background:linear-gradient(130deg,#eff6e5,#e0edcc)}.collections-preview a:last-child{background:linear-gradient(130deg,#fbefd8,#e8f1e6)}.collections-preview h3{font-size:27px;margin-top:12px}.collections-preview small{font-weight:750;color:var(--rose)}.inline-promo,.web-feature,.about-inline{display:grid;grid-template-columns:1.3fr .7fr;gap:35px;align-items:center}.inline-promo{padding:35px 50px;border-block:1px solid var(--line)}.number-block{display:flex;justify-content:center;align-items:center;gap:18px;font-size:80px;line-height:1;color:var(--rose)}.number-block span{font-size:15px;line-height:1.6;color:var(--ink-2)}.two-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two-panel>a{background:#f1f5e9;border-radius:25px;padding:36px}.two-panel>a:last-child{background:#f9efd7}.two-panel strong{color:var(--rose)}.dark-band{background:linear-gradient(135deg,var(--plum-dark),var(--mauve-deep));color:white}.dark-split{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.dark-split p{color:#cfded2}.dark-split .eyebrow{color:var(--rose-light)}.quote-block{font-size:clamp(22px,3vw,42px);font-weight:900;line-height:1.6;border-left:3px solid var(--peach);padding-left:32px}.contributors{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.contributors>a,.contributors>article{padding:26px;background:white;border:1px solid var(--line);border-radius:20px}.contributors p{font-size:13px}.contributors strong{font-size:12px;color:var(--rose)}.avatar-mark{height:60px;width:60px;display:grid;place-items:center;background:#eff5e7;border-radius:16px;color:var(--rose);font-size:28px;margin-bottom:20px}.discussion-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.discussion-list a{padding:24px;background:white;border-radius:18px;border-left:3px solid var(--rose)}.discussion-list span{color:var(--rose);font-size:12px}.discussion-list p{font-size:13px}.discussion-list strong{font-size:12px;color:var(--rose)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.trust-grid a{padding:30px;background:#f0f6e8;border-radius:20px}.trust-grid a:nth-child(2){background:#fbf1de}.trust-grid a:nth-child(3){background:#e6f1ec}.trust-grid span{font-size:11px;color:var(--rose);font-weight:800}.app-showcase{display:grid;grid-template-columns:1fr .75fr;align-items:center;gap:60px}.app-image{height:325px;border-radius:28px;overflow:hidden;background:#c2d8af}.app-image>img,.app-image>.media-fallback{height:100%;width:100%;object-fit:cover}.web-feature img,.about-inline img,.web-feature>.media-fallback,.about-inline .media-fallback{width:100%;height:270px;object-fit:cover;border-radius:25px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps>div{border-top:3px solid var(--rose);background:#fff;padding:30px;border-radius:10px 10px 20px 20px}.steps b{font-size:38px;color:var(--rose-light)}.steps h3{margin:15px 0}.faq-list{display:grid;gap:11px}.faq-list details{background:white;border:1px solid var(--line);padding:20px 25px;border-radius:16px}.faq-list summary{cursor:pointer;font-weight:800;list-style-position:inside}.faq-list p{padding:15px 0 0;margin:0}.closing-cta{text-align:center;background:linear-gradient(135deg,#eaf3e1,#faedcb)}.closing-cta p{margin:0 auto 24px}.site-footer{background:linear-gradient(135deg,#183326,#355E49);color:#fff;padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:55px}.footer-grid p{color:rgba(255,255,255,.7);max-width:345px;font-size:13px}.footer-brand{font-size:28px;font-weight:900}.footer-grid h3{font-size:14px;color:#fff;margin-bottom:20px}.footer-grid>div:not(:first-child) a{display:block;color:rgba(255,255,255,.7);font-size:12px;margin:9px 0}.footer-grid a:hover{color:#C9DDA7}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:rgba(255,255,255,.6);border-top:1px solid rgba(255,255,255,.15);font-size:11px;margin-top:42px;padding-top:20px}.bottom-nav{display:none}.backtop{position:fixed;right:25px;bottom:25px;width:42px;height:42px;border:0;border-radius:50%;background:var(--rose);color:white;z-index:20;box-shadow:var(--shadow)}
.search-modal{display:none;position:fixed;inset:0;z-index:100;align-items:flex-start;justify-content:center;padding:14vh 20px}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none!important}.search-shade{position:absolute;inset:0;background:rgba(12,26,16,.65)}.search-dialog{position:relative;width:min(620px,100%);border-radius:26px;background:#fff;padding:30px;box-shadow:0 25px 80px rgba(0,0,0,.25)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{font-size:23px}.modal-head button{background:transparent;border:0;font-size:22px}.search-form{display:grid;gap:10px}.search-form label{font-size:13px;color:var(--ink-2)}.search-form input{width:100%;padding:13px 16px;border-radius:12px;border:1px solid var(--line-strong);min-width:0}.search-form.inline{display:flex;max-width:650px;margin-block:24px}.search-form.inline input{flex:1}.search-hints{display:flex;gap:14px;flex-wrap:wrap;margin-top:17px;font-size:12px}.search-hints a{color:var(--rose)}
.inner-page{padding-block:42px 85px;min-height:65vh}.page-intro{margin-bottom:40px;padding:40px 0;border-bottom:1px solid var(--line);position:relative}.page-intro h1{margin:10px 0;font-size:clamp(2.5rem,5vw,4.7rem)}.page-intro h2{font-size:clamp(1.3rem,2.5vw,2.2rem)}.page-intro p{max-width:800px}.page-intro>.page-visual{width:min(620px,100%);height:240px;object-fit:cover;border-radius:25px;margin-top:27px}.split-intro{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:35px}.split-intro>.page-visual{width:100%;height:270px;object-fit:cover;border-radius:25px}.discover-images{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;height:300px}.discover-images img,.discover-images .media-fallback{width:100%;height:100%;object-fit:cover;border-radius:22px}.inner-page>.story-grid{margin-block:30px 50px}.breadcrumb{font-size:13px;color:var(--ink-3);margin:5px 0 32px}.breadcrumb a{color:var(--rose)}.detail-hero{display:grid;grid-template-columns:.9fr 1fr;gap:45px;align-items:center;padding-bottom:45px;border-bottom:1px solid var(--line)}.detail-image{height:380px;object-fit:cover;width:100%;border-radius:27px}.detail-hero h1{font-size:clamp(2.2rem,4vw,4rem);margin-block:14px}.detail-tags{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0 22px}.detail-tags span{border-radius:99px;padding:5px 12px;background:var(--rose-soft);font-size:12px;color:var(--mauve-deep);font-weight:700}.lead{font-size:17px}.editorial-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(240px,.8fr);gap:25px;margin-block:40px 65px;align-items:start}.prose-panel{padding:35px 42px;background:#fff;border-radius:23px;border:1px solid var(--line)}.prose-panel h2{font-size:23px;margin:25px 0 10px}.prose-panel h2:first-child{margin-top:0}.prose-panel p,.prose-panel li{line-height:2.05;color:var(--ink-2)}.prose-panel li{margin-bottom:8px}.sidebar-panel{background:var(--rose-soft);padding:27px;border-radius:19px;position:sticky;top:95px}.sidebar-panel a{display:block;border-bottom:1px solid var(--line);padding:12px 0;color:var(--mauve-deep);font-size:13px;font-weight:700}.sidebar-panel p{font-size:13px}.reader-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.reader-title h1{font-size:clamp(30px,4vw,55px);margin:8px 0}.reader-stage{display:grid;grid-template-columns:1fr 1fr;background:var(--plum-dark);color:white;border-radius:26px;overflow:hidden;min-height:350px}.reader-stage-image{min-height:350px}.reader-stage-image img,.reader-stage-image .media-fallback{width:100%;height:100%;object-fit:cover}.reader-stage>div:last-child{padding:50px;display:flex;flex-direction:column;justify-content:center}.reader-stage p{color:#d2e2d6}.reader-progress{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 0;color:var(--ink-2);font-size:12px}.reader-progress progress{width:55%;accent-color:var(--rose)}.reading-content{max-width:810px;margin:45px auto 75px;font-size:17px;line-height:2.2}.reading-content h2{margin-top:45px}.reading-content section{border-left:3px solid var(--rose-light);padding-left:25px;margin:35px 0}.reading-content p{line-height:2.2}.reader-end{display:flex;gap:15px;justify-content:center}.collection-feature{display:grid;grid-template-columns:120px 1fr;gap:20px;border-bottom:1px solid var(--line)}.collection-feature h2{font-size:32px}.collection-index{font-size:70px;font-weight:900;color:var(--rose-light);line-height:1}.mini-links{display:flex;flex-wrap:wrap;gap:11px;margin-top:22px}.mini-links a{border:1px solid var(--line);border-radius:99px;padding:7px 12px;background:#fff;font-size:12px;font-weight:700}.ranking-list{display:grid;gap:10px;margin-top:30px}.ranking-list>a{display:grid;grid-template-columns:75px 1fr auto;align-items:center;gap:20px;background:#fff;padding:20px 30px;border-radius:16px}.ranking-list small{color:var(--rose)}.ranking-list h2{font-size:19px;margin:5px 0}.ranking-list p{font-size:13px;margin:0}.ranking-list>a>strong{color:var(--rose);font-size:12px}.rank-number{font-weight:900;font-size:35px;color:var(--rose)}.ranking-list>a:nth-child(2) .rank-number{color:var(--plum)}.ranking-list>a:nth-child(3) .rank-number{color:var(--peach)}.update-stream.large a{grid-template-columns:15px 105px 180px 1fr 85px}.contributors.wide{grid-template-columns:repeat(2,1fr)}.contributors.wide article{min-height:280px}.topic-article{margin:30px 0;padding:35px;background:white;border-left:5px solid var(--rose);border-radius:0 20px 20px 0}.community-topics{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.community-post{padding:32px;background:#fff;border-radius:20px;border:1px solid var(--line)}.community-post p{min-height:90px}.post-actions{display:flex;gap:16px;justify-content:space-between;align-items:center}.post-actions button{border-radius:99px;border:1px solid var(--line);padding:8px 15px;background:#f6faef;font-size:12px}.post-actions button[aria-pressed=true]{color:var(--rose);background:#e8f0dc}.post-actions a{font-size:12px;color:var(--rose)}.saved-panels{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:30px}.saved-panels>section{background:#fff;border-radius:22px;padding:30px}.saved-list a{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.saved-list p{font-size:13px}.notice{margin:25px 0;padding:20px 25px;border-left:4px solid var(--rose);background:var(--rose-soft);border-radius:10px;color:var(--ink-2)}.series-row{padding:30px 0;display:grid;grid-template-columns:1fr .8fr;gap:35px;border-bottom:1px solid var(--line)}.dual-media{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dual-media img,.dual-media .media-fallback{height:240px;width:100%;object-fit:cover;border-radius:22px}
@media(max-width:1200px){.desktop-nav{gap:10px}.desktop-nav a{font-size:12px}.story-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{gap:25px}}
@media(max-width:1024px){.desktop-nav{display:none}.menu-toggle{display:grid}.header-tools{margin-left:auto}.hero-grid{grid-template-columns:1fr 1fr}.hero-visual{min-height:380px}.hero-art{height:340px}.floating-vertical .vertical-frame{height:150px}.footer-grid{gap:25px}.story-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;padding-block:38px}.hero-visual{min-height:400px;max-width:640px;width:100%;margin:0 auto}.story-grid{grid-template-columns:repeat(2,1fr)}.bento-grid{grid-template-columns:repeat(2,1fr)}.bento:first-child{grid-row:span 1;min-height:230px}.bento:nth-child(4){grid-column:span 1}.footer-grid{grid-template-columns:repeat(2,1fr)}.detail-hero{grid-template-columns:1fr}.editorial-layout{grid-template-columns:1fr}.sidebar-panel{position:static}.reader-title{display:block}.split-intro{grid-template-columns:1fr}.community-topics{grid-template-columns:1fr}}
@media(max-width:768px){.wrap{width:min(calc(100% - 34px),var(--wrap))}.section{padding-block:42px}.section-head{align-items:start}.section-head .text-link{margin-top:16px}.feature-split,.app-showcase,.web-feature,.about-inline,.reader-stage,.dark-split{grid-template-columns:1fr}.feature-image{min-height:220px}.feature-text{padding:35px}.vertical-track{grid-template-columns:repeat(3,minmax(160px,1fr));overflow-x:auto;scroll-snap-type:x mandatory}.vertical-tile{scroll-snap-align:start}.update-stream a,.update-stream.large a{grid-template-columns:12px 1fr auto;gap:10px}.update-stream a strong{grid-column:2}.update-stream a>span:nth-last-child(2){display:none}.update-stream a>span:last-child{grid-column:3;grid-row:2}.collections-preview,.two-panel,.trust-grid,.saved-panels,.series-row{grid-template-columns:1fr}.inline-promo{grid-template-columns:1fr;padding:25px}.number-block{justify-content:flex-start}.steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.reader-stage-image{min-height:250px;max-height:300px}.reader-stage>div:last-child{padding:28px}.prose-panel{padding:26px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fff;border-top:1px solid var(--line);padding:10px 0 max(10px,env(safe-area-inset-bottom));z-index:40}.bottom-nav a{font-size:12px;color:var(--plum);font-weight:750}.backtop{bottom:76px;right:12px}.site-footer{padding-bottom:100px}.rank-number{font-size:25px}.ranking-list>a{grid-template-columns:40px 1fr;gap:10px}.ranking-list>a>strong{grid-column:2}}
@media(max-width:600px){body{font-size:14px}.header-inner{height:64px}.brand{font-size:16px}.brand-logo{width:34px;height:34px}.app-link{display:none}.hero-copy h1{font-size:clamp(2.1rem,10vw,3.6rem)}.hero-visual{min-height:310px}.hero-art{height:290px;width:72%}.floating-vertical{min-width:130px;width:36%}.floating-vertical .vertical-frame{height:125px}.hero-mini-list{width:52%;padding:10px}.hero-mini-list a{font-size:11px}.hero-trust{gap:10px}.hero-search{flex-direction:column}.hero-search button{width:100%}.story-grid{grid-template-columns:1fr 1fr;gap:10px}.story-cover{height:125px}.story-info{padding:12px}.story-info h3{font-size:14px}.story-info p{font-size:11px;min-height:55px}.meta{flex-wrap:wrap}.topic-tiles{grid-template-columns:1fr}.wide-banner>div:last-child{padding:30px}.vertical-tile{min-width:180px}.contributors{grid-template-columns:repeat(2,1fr);gap:9px}.contributors>a,.contributors>article{padding:15px}.discussion-list{grid-template-columns:1fr}.page-intro{padding:15px 0 25px}.collection-feature{grid-template-columns:1fr;gap:3px}.collection-index{font-size:43px}.section-head{display:block}.detail-image{height:240px}.detail-hero h1{font-size:32px}.dual-media{grid-template-columns:1fr}.footer-grid{gap:20px}.footer-grid p{font-size:12px}.search-dialog{padding:20px}.search-form.inline{flex-direction:column}.faq-list details{padding:17px}.ranking-list>a{padding:13px}.reader-progress{flex-direction:column;align-items:start}.reader-progress progress{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}