/* 吃瓜网 visual system: ink editorial, citrus signal, warm paper. */
:root {
 --ink:#102939; --ink-2:#243b48; --ink-soft:#566875; --paper:#f8f7f2;
 --white:#fff; --cream:#f1eee5; --warm:#e9e4d8; --line:#d9dedb;
 --orange:#ff6c42; --orange-deep:#d84a25; --lime:#e0f18c; --navy:#0b222f;
 --radius:18px; --radius-sm:10px; --shell:1180px;
 --shadow:0 20px 58px rgba(16,41,57,.10);
 --ease:cubic-bezier(.2,.75,.25,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::selection{background:var(--lime);color:var(--ink)}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
img{max-width:100%;height:auto;display:block}
.shell{width:min(calc(100% - 64px),var(--shell));margin-inline:auto}
.narrow{max-width:870px}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:fixed;left:20px;top:-80px;z-index:999;background:var(--lime);padding:12px 18px;border-radius:8px;font-weight:700}
.skip:focus{top:20px}
.announcement{min-height:34px;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;padding:6px 14px;background:var(--navy);color:#dfe9e5;font-size:11px;letter-spacing:.13em;font-weight:600}
.announcement__dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #dff18c22}
.announcement__sep{color:var(--lime)}
.site-header{position:relative;z-index:30;background:#fff;border-bottom:1px solid #e9ebe6}
.header-shell{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.wordmark{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.wordmark__seal{display:inline-grid;place-items:center;font-size:19px;font-weight:900;color:var(--ink);background:var(--lime);width:40px;height:40px;border-radius:12px 12px 12px 2px;transform:rotate(-8deg);box-shadow:3px 3px 0 var(--ink)}
.wordmark__name{font-weight:900;font-size:27px;letter-spacing:-.055em;line-height:1.1}
.wordmark small{font-size:11px;color:var(--ink-soft);letter-spacing:.14em;border-left:1px solid var(--line);padding-left:13px;margin-left:2px;font-weight:500}
.site-nav{display:flex;align-items:center;gap:5px}
.site-nav a{font-size:13px;white-space:nowrap;font-weight:700;padding:11px 15px;line-height:1.2;border-radius:100px;color:#405462;transition:background .2s,color .2s}
.site-nav a:hover,.site-nav a.is-active{background:#edf3e4;color:var(--ink)}
.site-nav .nav-search{margin-left:8px;background:var(--ink);color:#fff;padding:12px 18px}
.site-nav .nav-search:hover{background:var(--orange);color:var(--ink)}
.nav-search span{font-size:22px;line-height:10px;vertical-align:-2px;padding-right:3px}
.menu-trigger{display:none;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:8px 13px;color:var(--ink);background:var(--paper)}
.menu-trigger__bars{font-size:20px}
.hero{background:radial-gradient(ellipse 55% 64% at 100% 5%,#fcebd5 0,transparent 74%),linear-gradient(160deg,#faf9f3,#f3f0e7);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:7%;align-items:center;min-height:620px;padding-block:76px 84px}
.kicker{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:800;letter-spacing:.13em;color:#52616a}
.kicker-line{display:block;width:30px;height:2px;background:var(--orange)}
.hero-copy h1{font-weight:900;font-size:clamp(43px,4.5vw,69px);line-height:1.25;letter-spacing:-.06em;margin:27px 0 21px;max-width:650px}
.hero-copy h1 em,.method-hero h1 em,.about-hero h1 em{font-style:normal;color:var(--orange-deep)}
.hero-lead{color:#566874;max-width:570px;font-size:17px;line-height:2.05;margin:0}
.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:35px}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:22px;padding:14px 24px;min-height:54px;font-weight:800;font-size:14px;letter-spacing:.02em;border:1px solid transparent;border-radius:9px;transition:transform .22s var(--ease),background .2s,border-color .2s,box-shadow .2s}
.btn:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.btn-primary{background:var(--ink);color:#fff}
.btn-primary:hover{background:var(--orange-deep)}
.btn-outline{background:transparent;border-color:#b9c2c2;color:var(--ink)}
.btn-outline:hover{border-color:var(--ink);background:#fff}
.hero-micro{display:flex;align-items:center;gap:12px;margin-top:40px;color:#75818a;font-size:12px}
.micro-rule{width:32px;height:1px;background:#a9b0ab}
.hero-art{position:relative;isolation:isolate;min-height:470px;border-radius:42% 48% 44% 42%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 58% 40%,#ecf2d4 0%,#e3eeb3 43%,#d1e39b 67%,#becd87 100%);transform:rotate(-4deg);border:15px solid #ffffff80;box-shadow:0 30px 80px #2d432d20, inset 0 0 0 1px #c2d08c}
.hero-art::before,.hero-art::after{content:"";position:absolute;border:1px solid #84945b60;border-radius:50%;z-index:-1}
.hero-art::before{width:85%;height:85%;transform:rotate(-15deg)}
.hero-art::after{width:62%;height:62%;transform:rotate(28deg)}
.art-orbit{position:absolute;border-radius:50%;background:var(--orange);box-shadow:12px 12px 0 #ff6c4233}
.art-orbit-one{width:36px;height:36px;top:12%;right:8%}
.art-orbit-two{width:17px;height:17px;bottom:12%;left:10%}
.art-top{position:absolute;top:40px;left:0;right:0;text-align:center;font-size:11px;font-weight:800;letter-spacing:.19em;color:#556d3c}
.art-center{display:grid;grid-template-columns:repeat(2,1fr);column-gap:15px;line-height:1.15;color:var(--ink);font-size:clamp(55px,6vw,90px);font-weight:900;letter-spacing:-.12em;text-align:center;transform:rotate(4deg);text-shadow:4px 5px 0 #fff8}
.art-burst{position:absolute;color:var(--orange);font-size:69px;line-height:1;top:-60px;right:-51px;transform:rotate(-15deg)}
.art-bottom{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;gap:12px;white-space:nowrap;color:#5c7044;font-size:9px;font-weight:800;letter-spacing:.1em}
.eyebrow{display:block;font-size:11px;letter-spacing:.15em;font-weight:900;text-transform:uppercase;color:var(--orange-deep);line-height:1.5}
.eyebrow--light{color:var(--lime)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:29px}
.section-head h2{font-size:clamp(27px,3vw,39px);letter-spacing:-.045em;line-height:1.3;margin:11px 0 0;font-weight:900}
.section-head>p{font-size:13px;color:var(--ink-soft);margin:0 0 5px}
.digest{padding-block:92px 105px}
.digest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.digest-item{display:flex;flex-direction:column;position:relative;min-height:270px;background:#fff;border:1px solid #ecece6;border-radius:15px;padding:28px 26px;transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}
.digest-item:hover{transform:translateY(-7px);border-color:#c6d59b;box-shadow:var(--shadow)}
.digest-num{font-family:Georgia,serif;font-style:italic;font-size:46px;color:#d2d9d3;line-height:1}
.digest-item h3{font-size:23px;letter-spacing:-.04em;margin:16px 0 4px}
.digest-item p{font-size:14px;color:var(--ink-soft);line-height:1.85;margin:0;max-width:280px}
.digest-arrow{position:absolute;right:25px;bottom:22px;color:var(--orange-deep);font-size:23px}
.feature-band{background:var(--navy);color:#fff;padding:92px 0;position:relative;overflow:hidden}
.feature-band::before{content:"";position:absolute;width:400px;height:400px;border:1px solid #7b997044;border-radius:50%;top:-180px;right:4%}
.feature-band::after{content:"";position:absolute;width:460px;height:460px;border:1px solid #7b997044;border-radius:50%;bottom:-330px;right:28%}
.feature-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center}
.feature-intro h2{font-size:clamp(33px,4vw,52px);line-height:1.35;letter-spacing:-.045em;margin:20px 0 18px}
.feature-intro p{max-width:505px;color:#b9cbd3;font-size:15px;line-height:2;margin:0 0 23px}
.text-link{display:inline-flex;align-items:center;gap:14px;font-weight:800;font-size:13px;color:var(--orange-deep);border-bottom:1px solid transparent;transition:gap .2s,border-color .2s}
.text-link:hover{gap:21px;border-color:currentColor}
.text-link--light{color:var(--lime)}
.feature-side{min-height:320px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #3b5360;padding:0 10px 0 70px}
.feature-icon{font:900 91px/.6 Georgia,serif;color:var(--lime);opacity:.75}
.feature-side blockquote{font-size:clamp(24px,2.6vw,35px);letter-spacing:-.03em;line-height:1.75;font-weight:700;margin:25px 0 32px;max-width:380px}
.feature-side>span{font-size:11px;letter-spacing:.18em;color:#849da8;font-weight:800}
.story-section{padding-block:100px 107px}
.section-more{font-size:13px;font-weight:800;color:var(--ink-soft);border-bottom:1px solid #bbc5c4;padding-bottom:5px;white-space:nowrap}
.section-more:hover{color:var(--orange-deep);border-color:var(--orange-deep)}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.story-card{display:flex;flex-direction:column;position:relative;background:#fff;border:1px solid #e7eae5;border-radius:var(--radius);padding:27px 26px 23px;min-height:302px;box-shadow:0 4px 14px #10293905;transition:border-color .2s,box-shadow .25s,transform .25s var(--ease)}
.story-card:hover{transform:translateY(-4px);border-color:#d2dba8;box-shadow:0 18px 38px #10293910}
.story-card__top{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:21px}
.readtime{font-size:11px;color:#8c989f;white-space:nowrap}
.story-card h3{margin:0 0 13px;font-size:21px;line-height:1.48;font-weight:850;letter-spacing:-.03em}
.story-card h3 a:hover{color:var(--orange-deep)}
.story-card p{font-size:13px;color:#687782;line-height:1.85;margin:0 0 24px;flex:1}
.story-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:15px;border-top:1px solid #edf0eb}
.story-card__foot>span{font-size:11px;color:#85939b}
.story-card__foot .text-link{font-size:12px}
.tool-banner{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:#e8eccf;border-radius:22px;margin-bottom:96px;padding:54px 56px;position:relative;overflow:hidden}
.tool-banner::after{content:"✳";position:absolute;right:-15px;top:-73px;font-size:210px;color:#a7ba7f40;line-height:1;pointer-events:none}
.tool-banner h2{font-size:30px;line-height:1.4;letter-spacing:-.04em;margin:8px 0 9px}
.tool-banner p{font-size:13px;color:#536554;margin:0}
.quick-form{display:flex;background:#fff;padding:6px;z-index:1;box-shadow:0 10px 25px #36463418;border-radius:10px;min-width:0}
.quick-form input{flex:1;min-width:0;border:0;background:transparent;padding:12px 15px;font-size:12px;outline:none}
.quick-form button{border:0;background:var(--ink);color:#fff;border-radius:7px;padding:12px 17px;font-size:12px;font-weight:800;white-space:nowrap}
.quick-form button:hover{background:var(--orange-deep)}
.closing-section{text-align:center;padding:0 0 110px}
.closing-label{font-size:11px;font-weight:900;letter-spacing:.25em;color:#9aa4a6}
.closing-section p{font-size:clamp(23px,3vw,36px);font-weight:700;line-height:1.65;letter-spacing:-.04em;max-width:850px;margin:15px auto 19px}
.closing-section strong{color:var(--orange-deep)}
.closing-section a{font-size:13px;font-weight:800;color:var(--ink-soft)}
.closing-section a:hover{color:var(--orange-deep)}
.site-footer{background:#102936;color:#e9f0ed;padding:69px 0 25px}
.footer-main{display:grid;grid-template-columns:1fr auto;gap:80px;padding-bottom:65px}
.footer-brand{font-weight:900;font-size:31px;letter-spacing:-.055em}
.footer-brand__mark{color:var(--orange)}
.footer-identity p{max-width:385px;color:#a9bac1;line-height:1.9;margin:11px 0 0;font-size:13px}
.footer-links{display:flex;gap:100px}
.footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.footer-links strong{font-size:13px;color:#f3f6f1;margin-bottom:8px}
.footer-links a{font-size:13px;color:#a7b9c2}
.footer-links a:hover{color:var(--lime)}
.footer-bottom{display:flex;gap:24px;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid #37505b;color:#8fa7b0;font-size:11px}
.to-top{color:#d1e3df}
.inner-main{min-height:65vh}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;color:#89969c;padding-block:27px}
.breadcrumbs a:hover{color:var(--orange-deep)}
.breadcrumbs [aria-current=page]{color:#4e606b;max-width:60ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page-intro{padding:58px 0 71px;max-width:830px}
.page-intro h1{font-size:clamp(44px,5.8vw,77px);line-height:1.18;letter-spacing:-.065em;margin:15px 0 20px;font-weight:900}
.page-intro p{font-size:16px;color:var(--ink-soft);max-width:660px;line-height:2;margin:0}
.page-intro--split{max-width:none;display:flex;justify-content:space-between;gap:30px;align-items:center}
.intro-stamp{border:2px solid var(--ink);border-radius:50%;width:172px;height:172px;display:flex;align-items:center;justify-content:center;text-align:center;font:900 20px/1.35 Georgia,serif;letter-spacing:.05em;transform:rotate(13deg);position:relative;flex-shrink:0}
.intro-stamp span{position:absolute;bottom:24px;right:33px;color:var(--orange);font-size:24px}
.topic-jump{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:35px}
.topic-jump span{font-size:12px;color:#819098;font-weight:800;margin-right:10px}
.topic-jump a{font-size:12px;font-weight:800;padding:7px 15px;background:#e9eee3;border-radius:50px}
.topic-jump a:hover{background:var(--lime)}
.topic-group{display:grid;grid-template-columns:290px minmax(0,1fr);gap:45px;padding:60px 0 80px;border-bottom:1px solid var(--line)}
.topic-group:last-child{border:0;padding-bottom:120px}
.topic-group__aside{position:sticky;top:20px;align-self:start}
.group-count{font:italic 65px/1 Georgia,serif;color:#cad2cd}
.topic-group__aside h2{font-size:29px;line-height:1.3;letter-spacing:-.04em;margin:18px 0 10px}
.topic-group__aside p{font-size:13px;color:var(--ink-soft);max-width:225px;margin:0}
.topic-group__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.topic-group__cards .story-card{min-height:285px;padding:24px}
.article-heading{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:40px;align-items:center;padding:64px 0 73px;border-bottom:1px solid var(--line)}
.article-heading h1{font-weight:900;font-size:clamp(38px,4.8vw,64px);line-height:1.3;letter-spacing:-.06em;margin:15px 0 22px;max-width:850px}
.article-heading__body>p{font-size:17px;line-height:2;color:var(--ink-soft);max-width:750px;margin:0}
.article-facts{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:31px}
.article-facts span{font-size:11px;font-weight:700;color:#6f828b;background:#edf1ec;border-radius:50px;padding:5px 14px}
.article-heading__mark{height:220px;width:220px;border-radius:50%;background:var(--lime);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(11deg);box-shadow:14px 14px 0 #dce6b7}
.article-heading__mark>span{font:italic 900 155px/.9 Georgia,serif;color:var(--ink)}
.article-heading__mark small{font-size:9px;font-weight:900;letter-spacing:.1em;color:#55704f}
.article-layout{display:grid;grid-template-columns:minmax(0,750px) minmax(230px,1fr);gap:80px;padding-top:55px}
.article-content{min-width:0}
.article-toc-inline{background:#eef1e9;border-left:3px solid #b5ca73;padding:24px 28px;margin:0 0 48px;border-radius:0 12px 12px 0}
.article-toc-inline strong{font-size:13px}
.article-toc-inline ol{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 21px;padding:0;margin:12px 0 0;list-style:none;counter-reset:toc}
.article-toc-inline li{counter-increment:toc;color:#526674;font-size:12px}
.article-toc-inline li::before{content:"0" counter(toc) ". ";color:#8d9d66;font-weight:900}
.article-toc-inline a:hover{color:var(--orange-deep)}
.article-section{padding:15px 0 45px;scroll-margin-top:25px}
.article-section__index{font:italic 46px/1 Georgia,serif;color:#d2d9d2}
.article-section h2{font-weight:900;font-size:clamp(25px,2.8vw,34px);line-height:1.42;letter-spacing:-.045em;margin:13px 0 25px}
.article-section p{font-size:16px;line-height:2.18;color:#3e5360;letter-spacing:.015em;margin:0 0 20px}
.article-section p:last-child{margin-bottom:0}
.article-aside{position:relative}
.aside-box{position:sticky;top:30px;padding:27px 23px;background:#fff;border:1px solid #e2e7e3;border-radius:14px}
.aside-box h2{font-size:18px;margin:9px 0 16px}
.aside-box ol{list-style:none;padding:0;margin:0;counter-reset:aside}
.aside-box li{counter-increment:aside;margin-top:11px;font-size:12px;line-height:1.65}
.aside-box li::before{content:"0" counter(aside);font-size:11px;color:#a9b6b3;margin-right:9px;font-weight:800}
.aside-box a{color:#667985}
.aside-box a:hover,.aside-box a.is-reading{color:var(--orange-deep)}
.aside-note{margin-top:20px;background:var(--ink);color:#fff;border-radius:14px;padding:25px 24px}
.aside-note__symbol{display:block;color:var(--lime);font:italic 55px/1 Georgia,serif}
.aside-note p{font-weight:700;font-size:15px;line-height:1.8;margin:13px 0}
.aside-note a{color:var(--lime);font-size:12px;font-weight:800}
.article-action{padding:33px 36px;margin-top:8px;background:#e7edcf;border-radius:17px}
.article-action h2{font-size:28px;letter-spacing:-.04em;line-height:1.4;margin:8px 0 23px}
.action-list{list-style:none;padding:0;margin:0}
.action-list li{display:flex;align-items:start;gap:13px;padding:13px 0;border-bottom:1px solid #cbd6b6;font-size:14px;line-height:1.75;font-weight:650}
.action-list li span{display:inline-grid;place-items:center;background:var(--ink);color:var(--lime);border-radius:50%;flex:0 0 21px;width:21px;height:21px;font-size:11px;margin-top:3px}
.action-list li:last-child{border:0}
.action-note{margin:22px 0 0;color:#647364;font-size:12px;line-height:1.9}
.article-utility{display:flex;align-items:center;gap:22px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:28px 0 57px}
.utility-btn{font-weight:800;font-size:12px;padding:10px 18px;border-radius:8px;border:1px solid #bfc9c5;background:#fff;color:var(--ink)}
.utility-btn:hover{border-color:var(--orange-deep);color:var(--orange-deep)}
.related-section{padding:90px 0 112px}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.method-hero{padding:72px 0 87px;border-bottom:1px solid var(--line);max-width:850px}
.method-hero h1{font-weight:900;font-size:clamp(50px,6.2vw,82px);letter-spacing:-.07em;line-height:1.24;margin:18px 0 25px}
.method-hero p{color:var(--ink-soft);font-size:18px;line-height:2;max-width:690px}
.method-steps{padding:25px 0 50px}
.method-step{display:grid;grid-template-columns:230px minmax(0,1fr);gap:55px;padding:60px 0;border-bottom:1px solid var(--line)}
.method-step__num{font:italic 82px/1 Georgia,serif;color:var(--orange-deep)}
.method-step__num small{display:block;margin-top:13px;font:900 11px/1.4 system-ui,sans-serif;letter-spacing:.17em;color:#89999e}
.method-step h2{font-size:clamp(26px,3vw,39px);letter-spacing:-.045em;line-height:1.35;margin:0 0 20px}
.method-step p{font-size:16px;color:#4c616e;line-height:2.05;max-width:790px;margin:0 0 25px}
.method-tip{display:flex;gap:20px;align-items:flex-start;background:#e9ede3;padding:20px 22px;border-radius:9px;margin-bottom:24px;font-size:13px;color:#4c626d}
.method-tip strong{flex:0 0 auto;color:var(--ink)}
.method-decision{display:flex;gap:48px;align-items:center;justify-content:space-between;background:var(--navy);color:#fff;padding:49px 54px;margin-bottom:115px;border-radius:17px}
.method-decision h2{font-size:28px;letter-spacing:-.04em;line-height:1.5;margin:11px 0}
.method-decision p{color:#b7c7cd;font-size:14px;line-height:1.95;max-width:640px}
.method-decision .btn{background:var(--lime);color:var(--ink);flex:0 0 auto}
.faq-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(240px,1fr);gap:75px;padding:5px 0 125px}
.faq-item{border-top:1px solid #dce2dd}
.faq-item:last-child{border-bottom:1px solid #dce2dd}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:15px;padding:25px 0;font-size:17px;font-weight:800;letter-spacing:-.02em;line-height:1.55}
.faq-item summary::-webkit-details-marker{display:none}
.faq-no{font:italic 20px/1 Georgia,serif;color:#aab4ae;flex:0 0 35px}
.faq-plus{margin-left:auto;color:var(--orange-deep);font-size:24px;font-weight:500;transition:transform .2s}
.faq-item[open] .faq-plus{transform:rotate(45deg)}
.faq-answer{padding:0 28px 28px 50px;color:#526773;font-size:14px;line-height:1.95}
.faq-answer p{margin:0 0 12px}
.faq-answer a{color:var(--orange-deep);font-weight:800;font-size:12px}
.faq-aside .aside-note{margin-top:0}
.faq-aside h2{font-size:23px;margin:15px 0 5px}
.search-header{max-width:900px;margin:auto;text-align:center;padding:80px 0 85px}
.search-header h1{font-size:clamp(36px,4.5vw,60px);letter-spacing:-.055em;margin:14px 0 10px;line-height:1.25}
.search-header>p{font-size:14px;color:var(--ink-soft);margin:0 0 37px}
.search-form{display:flex;gap:7px;background:#fff;padding:8px;border:1px solid #dce3db;border-radius:13px;box-shadow:var(--shadow)}
.search-form input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:13px 18px;font-size:15px}
.search-form button{background:var(--ink);color:#fff;border:0;padding:13px 28px;border-radius:8px;font-size:14px;font-weight:800}
.search-form button:hover{background:var(--orange-deep)}
.search-results,.search-suggestions{padding:0 0 110px}
.result-count{font-size:13px;font-weight:800;color:var(--ink-soft)}
.empty-results{text-align:center;background:#fff;border:1px solid #e6e9e6;border-radius:15px;padding:65px 20px}
.empty-results h3{font-size:23px;margin:0 0 8px}
.empty-results p{color:var(--ink-soft);font-size:14px;margin:0 auto 25px;max-width:580px}
.search-suggestions h2{font-size:23px;margin:0 0 20px}
.suggestion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.suggestion-grid a{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);padding:23px 27px;border-radius:12px;font-weight:800;font-size:15px}
.suggestion-grid a span{color:var(--orange-deep)}
.suggestion-grid a:hover{border-color:var(--orange-deep)}
.about-hero{padding:65px 0 102px;border-bottom:1px solid var(--line)}
.about-hero h1{font-size:clamp(54px,6.5vw,86px);letter-spacing:-.07em;line-height:1.22;margin:15px 0 20px}
.about-hero p{color:var(--ink-soft);font-size:18px;line-height:2;max-width:720px;margin:0}
.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding:96px 0 105px}
.about-columns h2{font-size:34px;letter-spacing:-.05em;margin:12px 0 20px}
.about-columns p{font-size:15px;line-height:2.05;color:#546a75;margin:0 0 18px}
.about-columns a{margin-top:12px}
.about-manifesto{background:var(--lime);text-align:center;padding:66px 20px 72px;border-radius:21px;margin-bottom:110px}
.about-manifesto>span{font-size:10px;letter-spacing:.18em;font-weight:900;color:#6e824a}
.about-manifesto blockquote{font-size:clamp(28px,4.2vw,52px);font-weight:900;line-height:1.55;letter-spacing:-.055em;margin:20px 0 0}
.legal-content{padding:0 0 115px}
.legal-content h2{font-size:25px;margin:34px 0 10px;letter-spacing:-.03em}
.legal-content p{font-size:15px;line-height:2.1;color:#536875;margin:0}
.not-found{display:flex;align-items:center;text-align:center;min-height:600px;padding:70px 0 125px}
.not-found .shell{display:flex;align-items:center;flex-direction:column}
.error-code{display:block;font:italic 180px/1 Georgia,serif;color:var(--ink);letter-spacing:-.09em}
.error-code span{font-size:92px;color:var(--orange-deep)}
.not-found h1{font-size:clamp(29px,4vw,46px);letter-spacing:-.055em;margin:21px 0 8px}
.not-found p{font-size:15px;color:var(--ink-soft)}
.not-found .hero-actions{justify-content:center;margin-top:20px}
/* Wide-layout tuning for scan-friendly reading */
@media(min-width:1300px){.hero-grid{min-height:680px}.hero-art{min-height:495px}.article-content{max-width:750px}.story-card{min-height:315px}}
@media(max-width:1100px){
 .shell{width:min(calc(100% - 48px),var(--shell))}
 .wordmark small{display:none}
 .site-nav a{padding:10px 11px}
 .hero-grid{gap:35px}
 .hero-art{min-height:395px}
 .art-center{font-size:66px}
 .feature-grid{gap:45px}
 .feature-side{padding-left:42px}
 .article-layout{gap:42px;grid-template-columns:minmax(0,1fr) 245px}
 .topic-group{grid-template-columns:230px minmax(0,1fr);gap:30px}
 .footer-links{gap:58px}
}
@media(max-width:860px){
 .header-shell{min-height:74px}
 .wordmark__name{font-size:25px}
 .menu-trigger{display:flex}
 .site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:white;padding:14px 24px 24px;box-shadow:0 23px 40px #10293920;border-top:1px solid var(--line);flex-direction:column;align-items:stretch;gap:4px}
 .site-nav.is-open{display:flex}
 .site-nav a{display:block;padding:14px 15px;border-radius:8px;font-size:15px}
 .site-nav .nav-search{margin:9px 0 0;text-align:center}
 .hero-grid{grid-template-columns:1fr;min-height:0;padding:58px 0 68px;gap:45px}
 .hero-copy h1{max-width:660px;font-size:clamp(40px,7vw,63px)}
 .hero-lead{max-width:640px}
 .hero-art{width:min(100%,540px);min-height:410px;justify-self:center}
 .digest{padding:68px 0 80px}
 .story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .feature-grid{grid-template-columns:1fr;gap:45px}
 .feature-side{border-left:0;border-top:1px solid #3b5360;padding:35px 0 0;min-height:0}
 .feature-side blockquote{max-width:570px}
 .tool-banner{grid-template-columns:1fr;gap:23px;padding:40px}
 .article-layout{grid-template-columns:1fr;gap:0}
 .article-aside{display:none}
 .article-heading{grid-template-columns:1fr}
 .article-heading__mark{display:none}
 .article-content{max-width:760px;margin-inline:auto}
 .topic-group{grid-template-columns:1fr}
 .topic-group__aside{position:static}
 .topic-group__aside p{max-width:none}
 .faq-layout{grid-template-columns:1fr;gap:25px}
 .faq-aside{display:none}
 .method-step{grid-template-columns:140px 1fr;gap:25px}
 .method-step__num{font-size:65px}
 .method-decision{flex-direction:column;align-items:flex-start}
 .about-columns{gap:45px}
 .footer-main{gap:40px}
}
@media(max-width:620px){
 :root{--radius:14px}
 .shell{width:calc(100% - 36px)}
 .announcement{font-size:10px;letter-spacing:.02em;gap:6px}
 .header-shell{min-height:68px}
 .wordmark__seal{width:33px;height:33px;font-size:16px;border-radius:9px}
 .wordmark__name{font-size:22px}
 .hero-grid{padding:50px 0 55px;gap:38px}
 .kicker{font-size:9px;line-height:1.5}
 .hero-copy h1{font-size:41px;margin:21px 0 17px}
 .hero-lead{font-size:15px;line-height:1.95}
 .hero-actions{gap:11px;margin-top:25px}
 .btn{font-size:12px;padding:11px 16px;min-height:48px;gap:10px}
 .hero-micro{margin-top:25px;font-size:11px}
 .hero-art{min-height:315px;width:min(100%,390px);border-width:9px}
 .art-center{font-size:58px;column-gap:10px}
 .art-top{top:29px;font-size:9px}
 .art-bottom{bottom:27px;font-size:7px;gap:7px}
 .art-burst{font-size:43px;top:-31px;right:-35px}
 .art-orbit-one{width:22px;height:22px}
 .digest{padding:62px 0}
 .section-head{align-items:flex-start;gap:14px}
 .section-head h2{font-size:28px}
 .section-head>p{display:none}
 .digest-grid{grid-template-columns:1fr;gap:12px}
 .digest-item{min-height:0;padding:22px 23px 46px}
 .digest-num{font-size:36px}
 .digest-item h3{font-size:21px;margin:9px 0 3px}
 .digest-arrow{bottom:16px}
 .feature-band{padding:66px 0}
 .feature-intro h2{font-size:36px}
 .feature-intro p{font-size:14px}
 .feature-side blockquote{font-size:24px}
 .story-section{padding:64px 0}
 .story-grid,.related-grid{grid-template-columns:1fr;gap:13px}
 .story-card{min-height:255px;padding:24px 23px}
 .story-card__top{margin-bottom:12px}
 .story-card h3{font-size:20px}
 .story-card p{margin-bottom:18px}
 .section-more{font-size:11px;align-self:end}
 .tool-banner{padding:26px 23px;border-radius:16px;margin-bottom:68px}
 .tool-banner h2{font-size:25px}
 .quick-form{flex-direction:column}
 .quick-form button{min-height:43px}
 .closing-section{padding-bottom:70px}
 .closing-section p{font-size:24px}
 .site-footer{padding-top:50px}
 .footer-main{grid-template-columns:1fr;padding-bottom:38px}
 .footer-links{justify-content:space-between;gap:20px;max-width:360px}
 .footer-bottom{flex-wrap:wrap;gap:7px 22px;font-size:10px}
 .breadcrumbs{padding:17px 0}
 .page-intro{padding:45px 0 50px}
 .page-intro h1{font-size:44px}
 .page-intro p{font-size:14px}
 .page-intro--split{display:block}
 .intro-stamp{display:none}
 .topic-jump{gap:8px;margin-bottom:15px}
 .topic-jump span{width:100%}
 .topic-jump a{font-size:11px;padding:6px 11px}
 .topic-group{padding:45px 0;gap:25px}
 .topic-group:last-child{padding-bottom:70px}
 .group-count{font-size:48px}
 .topic-group__aside h2{font-size:25px;margin:9px 0}
 .topic-group__cards{grid-template-columns:1fr}
 .topic-group__cards .story-card{min-height:235px}
 .article-heading{padding:45px 0 50px}
 .article-heading h1{font-size:36px}
 .article-heading__body>p{font-size:15px}
 .article-facts{gap:7px;margin-top:20px}
 .article-facts span{font-size:10px;padding:4px 10px}
 .article-layout{padding-top:30px}
 .article-toc-inline{padding:20px 18px;margin-bottom:29px}
 .article-toc-inline ol{grid-template-columns:1fr}
 .article-section{padding:12px 0 36px}
 .article-section h2{font-size:25px;margin:9px 0 20px}
 .article-section p{font-size:15px;line-height:2.07}
 .article-section__index{font-size:36px}
 .article-action{padding:27px 24px}
 .article-action h2{font-size:24px}
 .related-section{padding:65px 0 77px}
 .method-hero{padding:55px 0 53px}
 .method-hero h1{font-size:48px}
 .method-hero p{font-size:15px}
 .method-step{grid-template-columns:1fr;gap:19px;padding:41px 0}
 .method-step__num{font-size:47px}
 .method-step__num small{display:inline-block;margin-left:12px}
 .method-step h2{font-size:26px}
 .method-step p{font-size:14px}
 .method-tip{flex-direction:column;gap:6px;padding:15px 17px}
 .method-decision{padding:28px 24px;margin-bottom:75px;gap:20px}
 .method-decision h2{font-size:24px}
 .faq-layout{padding-bottom:80px}
 .faq-item summary{font-size:15px;gap:9px;padding:20px 0}
 .faq-no{flex-basis:30px;font-size:16px}
 .faq-answer{padding-left:39px;font-size:13px}
 .search-header{padding:54px 0 62px}
 .search-header h1{font-size:39px}
 .search-form input{padding:10px 8px;font-size:13px}
 .search-form button{padding:9px 17px;font-size:12px}
 .suggestion-grid{grid-template-columns:1fr}
 .search-results,.search-suggestions{padding-bottom:70px}
 .about-hero{padding:48px 0 65px}
 .about-hero h1{font-size:52px}
 .about-hero p{font-size:15px}
 .about-columns{grid-template-columns:1fr;gap:44px;padding:66px 0}
 .about-columns h2{font-size:28px}
 .about-manifesto{margin-bottom:70px;padding:42px 15px}
 .about-manifesto blockquote{font-size:28px}
 .legal-content{padding-bottom:75px}
 .legal-content h2{font-size:23px}
 .not-found{min-height:480px;padding:65px 0}
 .error-code{font-size:118px}
 .error-code span{font-size:52px}
}
@media(max-width:355px){
 .shell{width:calc(100% - 28px)}
 .hero-copy h1{font-size:36px}
 .hero-art{min-height:270px}
 .art-center{font-size:46px}
 .announcement{font-size:9px}
 .footer-bottom{justify-content:flex-start}
 .article-heading h1{font-size:32px}
 .page-intro h1{font-size:37px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}
@media print{
 .announcement,.site-header,.site-footer,.hero-actions,.article-aside,.article-utility,.related-section,.tool-banner,.topic-jump{display:none!important}
 body{background:#fff;color:#000;font-size:12pt}
 .shell{width:100%;max-width:none}
 .article-layout{display:block}
 .article-section{break-inside:avoid}
 a{text-decoration:underline}
}