*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,Source Han Serif SC,Noto Serif SC,PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4{letter-spacing:-.01em;overflow-wrap:break-word;margin:0;line-height:1.2}p{overflow-wrap:break-word;margin:0}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ink);outline-offset:1px}:root{--paper:#fbf9f5;--paper-2:#f3efe6;--ink:#1a1a1a;--ink-2:#3b3a36;--ink-3:#6b6862;--line:#e6e0d3;--line-2:#efe9da;--accent:#8d2a26;--accent-2:#1f4d3a;--accent-3:#c2a14a;--shadow:0 1px 0 #0000000a;--radius:6px;--radius-sm:4px;--container:1200px}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.visually-hidden{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:var(--radius);padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:top .15s;position:absolute;top:-100%;left:16px}.skip-link:focus{outline:2px solid var(--accent);outline-offset:2px;top:8px}.kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin-bottom:12px;font-size:12px;font-weight:600}.chip{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.chip-sm{padding:3px 7px;font-size:10px}.btn{border-radius:var(--radius);letter-spacing:.01em;border:1px solid #0000;justify-content:center;align-items:center;padding:12px 20px;font-size:14px;font-weight:600;transition:transform .15s,background .15s,color .15s,border-color .15s;display:inline-flex}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:#000}.btn-ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn-ghost:hover{border-color:var(--ink)}.site-header{z-index:30;-webkit-backdrop-filter:saturate(140%)blur(8px);backdrop-filter:saturate(140%)blur(8px);background:#fbf9f5d9;border-bottom:1px solid #0000;transition:border-color .2s,background .2s;position:sticky;top:0}.site-header.is-scrolled{border-bottom-color:var(--line)}.header-row{justify-content:space-between;align-items:center;gap:24px;height:68px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:var(--ink);border-radius:var(--radius);letter-spacing:.02em;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:700;display:inline-flex}.brand-text{flex-direction:column;line-height:1.1;display:flex}.brand-name{letter-spacing:.01em;font-size:16px;font-weight:700}.brand-sub{color:var(--ink-3);letter-spacing:.04em;font-size:11px}.primary-nav{gap:22px;display:flex}.primary-nav a{color:var(--ink-2);padding:6px 0;font-size:14px;font-weight:500;position:relative}.primary-nav a:hover{color:var(--ink)}.primary-nav a:hover:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:0;left:0;right:0}.primary-nav a.is-active{color:var(--ink);font-weight:600}.primary-nav a.is-active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:0;left:0;right:0}.header-actions{align-items:center;gap:8px;display:flex}.search-link{width:36px;height:36px;color:var(--ink-2);border-radius:var(--radius);justify-content:center;align-items:center;display:inline-flex}.search-link:hover{background:var(--paper-2);color:var(--ink)}.menu-btn{border:1px solid var(--line);border-radius:var(--radius);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:38px;height:38px;display:none}.menu-btn span{background:var(--ink);width:18px;height:1.6px;display:block}.mobile-nav{border-top:1px solid var(--line);background:var(--paper);padding:12px 24px 18px;display:none}.mobile-nav a{border-bottom:1px solid var(--line-2);color:var(--ink);padding:12px 0;font-size:15px;display:block}.mobile-nav a:last-child{border-bottom:none}.mobile-nav a.is-active{color:var(--accent);font-weight:600}.mobile-nav-sep{border:none;border-top:1px solid var(--line-2);margin:4px 0}.hero{border-bottom:1px solid var(--line-2);background:linear-gradient(#fbf9f5 0%,#f5f0e4 100%);padding:56px 0 40px}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:56px;display:grid}.hero-title{letter-spacing:-.025em;margin:8px 0 20px;font-size:clamp(40px,6vw,68px);font-weight:800;line-height:1.02}.hero-title-line{display:block}.hero-title-cn{color:var(--accent);letter-spacing:.18em;margin-top:8px;font-size:clamp(20px,2vw,26px);font-weight:600;display:block}.hero-lede{color:var(--ink-2);max-width:52ch;margin-bottom:24px;font-size:18px}.hero-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink-3);flex-wrap:wrap;gap:18px 28px;margin-bottom:24px;padding:18px 0;font-size:13px;display:flex}.hero-meta strong{color:var(--ink);margin-right:6px;font-weight:700}.hero-cta{flex-wrap:wrap;gap:12px;display:flex}.hero-collage{grid-template-rows:200px 200px;grid-template-columns:1fr 1fr;gap:14px;display:grid;position:relative}.hc{border-radius:var(--radius);background:var(--paper-2);color:inherit;margin:0;display:block;position:relative;overflow:hidden}.hc img{object-fit:cover;width:100%;height:100%}.hc span{letter-spacing:.06em;color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#0000008c;border-radius:999px;max-width:calc(100% - 20px);padding:4px 8px;font-size:11px;position:absolute;bottom:10px;left:10px;overflow:hidden}.hc-1{grid-row:span 2;height:100%}.hc-1 img{height:100%}.section{padding:72px 0}.section-alt{border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);background:#f6f1e4}.section-head{max-width:720px;margin-bottom:36px}.section-title{letter-spacing:-.02em;margin-bottom:10px;font-size:clamp(26px,3vw,34px);font-weight:700}.section-lede{color:var(--ink-2);max-width:62ch;font-size:16px}.guide-grid{grid-template-columns:1.4fr 1fr 1fr;gap:18px;display:grid}.guide-grid-even,.guide-grid-editorial{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.guide-card:hover{border-color:var(--ink)}.guide-grid-featured .guide-card-lead{grid-row:span 2}.guide-grid-editorial .guide-card-lead{grid-column:span 2}.guide-media{aspect-ratio:16/10;background:var(--paper-2);overflow:hidden}.guide-grid-featured .guide-card-lead .guide-media{aspect-ratio:4/3}.guide-grid-editorial .guide-card-lead .guide-media{aspect-ratio:21/9}.guide-media img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.guide-card:hover .guide-media img{transform:scale(1.03)}.guide-body{flex-direction:column;gap:10px;padding:20px 22px 22px;display:flex}.guide-title{letter-spacing:-.015em;font-size:22px;font-weight:700}.guide-grid-featured .guide-card-lead .guide-title,.guide-grid-editorial .guide-card-lead .guide-title{font-size:28px}.guide-excerpt{color:var(--ink-2);font-size:14.5px}.read-more{color:var(--accent);margin-top:auto;font-size:13px;font-weight:600}.read-more:hover{color:var(--ink)}.topic-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.topic-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:96px 1fr;align-items:center;gap:16px;padding:14px;transition:border-color .15s,transform .15s;display:grid}.topic-card:hover{border-color:var(--ink);transform:translateY(-1px)}.topic-media{border-radius:var(--radius-sm);background:var(--paper-2);width:96px;height:96px;overflow:hidden}.topic-media img{object-fit:cover;width:100%;height:100%}.topic-body h3{font-size:16px;font-weight:700}.topic-body p{color:var(--ink-3);margin-top:4px;font-size:13.5px}.region-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.region-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;height:100%;transition:border-color .15s,transform .15s;display:block;overflow:hidden}.region-card:hover{border-color:var(--ink);transform:translateY(-1px)}.region-media{aspect-ratio:4/3;background:var(--paper-2);overflow:hidden}.region-media img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.region-card:hover .region-media img{transform:scale(1.04)}.region-body{padding:16px 18px 18px}.region-pinyin{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:600}.region-name{margin:4px 0 6px;font-size:20px;font-weight:700}.region-signature{color:var(--ink-2);margin-bottom:12px;font-size:13.5px}.region-pantry{border-top:1px dashed var(--line);color:var(--ink-3);flex-direction:column;gap:2px;padding-top:10px;font-size:12.5px;display:flex}.region-pantry strong{color:var(--ink);font-weight:600}.city-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.city-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;height:100%;display:flex;overflow:hidden}.city-media{aspect-ratio:16/9;background:var(--paper-2);display:block;position:relative;overflow:hidden}.city-media img{object-fit:cover;width:100%;height:100%}.city-region{color:var(--ink);letter-spacing:.12em;text-transform:uppercase;background:#fbf9f5eb;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:600;position:absolute;top:12px;left:12px}.city-body{flex-direction:column;flex:1;gap:10px;padding:18px 20px 20px;display:flex}.city-name{font-size:22px;font-weight:700}.city-tagline{color:var(--ink-2);font-size:14px}.must-try{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.must-try li{color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:12px}.article-feed{grid-template-columns:1.3fr 1fr;align-items:start;gap:28px;display:grid}.article-primary{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;display:flex;overflow:hidden}.article-primary .article-media{aspect-ratio:16/10;background:var(--paper-2);overflow:hidden}.article-primary .article-media img{object-fit:cover;width:100%;height:100%}.article-primary .article-body{padding:22px 24px 24px}.article-title{letter-spacing:-.02em;margin:10px 0;font-size:26px;font-weight:700}.article-title a:hover{color:var(--accent)}.article-excerpt{color:var(--ink-2);margin-bottom:14px;font-size:15px}.byline{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.article-list{flex-direction:column;display:flex}.article-row{border-bottom:1px solid var(--line-2);grid-template-columns:120px 1fr;gap:16px;padding:14px 0;display:grid}.article-row:first-child{padding-top:0}.article-row:last-child{border-bottom:none}.row-media{border-radius:var(--radius-sm);background:var(--paper-2);width:120px;height:84px;overflow:hidden}.row-media img{object-fit:cover;width:100%;height:100%}.row-body h4{margin:6px 0;font-size:16px;font-weight:700}.row-body p{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;display:-webkit-box;overflow:hidden}.byline-sm{margin-top:6px}.newsletter{background:var(--paper)}.newsletter-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;grid-template-columns:1fr 1fr;align-items:center;gap:36px;padding:40px;display:grid}.newsletter-copy h2{font-size:28px}.newsletter-copy p{color:var(--ink-2);max-width:44ch;margin-top:8px}.newsletter-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.newsletter-form input{border:1px solid var(--line);border-radius:var(--radius);min-width:220px;font:inherit;color:var(--ink);background:var(--paper);flex:1;padding:12px 14px}.newsletter-form input:focus{border-color:var(--ink);background:#fff;outline:none}.form-ok,.form-err{width:100%;margin-top:4px;font-size:13px}.form-ok{color:var(--accent-2)}.form-ok.form-info{color:var(--ink-2)}.form-err{color:var(--accent)}.form-fine{width:100%;color:var(--ink-3);margin-top:4px;font-size:12px}.newsletter-form input[disabled],.newsletter-form button[disabled]{opacity:.6;cursor:not-allowed}.newsletter-form input[aria-busy=true]{background:var(--paper)}.site-footer{color:#d6d2c8;background:#111;margin-top:0;padding:56px 0 24px}.footer-grid{border-bottom:1px solid #2a2a2a;grid-template-columns:1fr 2fr;gap:40px;padding-bottom:36px;display:grid}.footer-brand h3{color:#fff;margin:8px 0 6px;font-size:20px}.footer-brand p{color:#9a958a;max-width:32ch;font-size:14px}.footer-brand .brand-mark{background:var(--accent)}.footer-cols{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.footer-cols h4{color:#fff;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:13px}.footer-cols ul li{margin-bottom:8px}.footer-cols a{color:#9a958a;font-size:14px}.footer-cols a:hover{color:#fff}.footer-bottom{color:#777269;justify-content:space-between;align-items:center;padding-top:18px;font-size:12.5px;display:flex}@media (width<=1024px){.primary-nav{display:none}.menu-btn{display:inline-flex}.mobile-nav{display:block}.hero-grid{grid-template-columns:1fr;gap:40px}.hero-collage{grid-template-rows:180px 180px}.guide-grid,.guide-grid-even,.guide-grid-editorial{grid-template-columns:1fr 1fr}.guide-grid-featured .guide-card-lead{grid-area:auto/span 2}.guide-grid-editorial .guide-card-lead{grid-column:span 2}.topic-grid{grid-template-columns:repeat(2,1fr)}.region-grid{grid-template-columns:repeat(3,1fr)}.city-grid{grid-template-columns:repeat(2,1fr)}.article-feed{grid-template-columns:1fr}.newsletter-card{grid-template-columns:1fr;padding:28px}.footer-grid{grid-template-columns:1fr}.footer-cols{grid-template-columns:repeat(3,1fr)}.section-start-grid{grid-template-columns:1fr;gap:28px}.section-more-grid{grid-template-columns:repeat(3,1fr)}.article-page-layout{grid-template-columns:1fr;gap:28px;padding:28px 24px 0}.article-toc{position:static}}@media (width<=640px){.container{padding:0 18px}.hero{padding:40px 0 28px}.section{padding:56px 0}.hero-collage{grid-template-rows:160px 160px;grid-template-columns:1fr 1fr}.guide-grid,.guide-grid-even,.guide-grid-editorial{grid-template-columns:1fr}.guide-grid-featured .guide-card-lead,.guide-grid-editorial .guide-card-lead{grid-column:auto}.topic-grid{grid-template-columns:1fr}.region-grid{grid-template-columns:repeat(2,1fr)}.city-grid{grid-template-columns:1fr}.article-row{grid-template-columns:96px 1fr}.row-media{width:96px;height:72px}.footer-cols{grid-template-columns:1fr 1fr}.footer-bottom{text-align:center;flex-direction:column;gap:6px}.article-list-grid .article-row{grid-template-columns:96px 1fr}.article-page-hero{padding:36px 0 20px}.article-page-title{font-size:30px}.article-page-body{padding:0 18px 56px}.article-page-layout{padding:24px 18px 0}.article-toc{padding:14px 16px}.section-overview-grid{grid-template-columns:1fr;gap:18px}.not-found-title{font-size:28px}.section-start-picks{padding:18px}.section-more-grid{grid-template-columns:1fr 1fr}.section-more-card{padding:14px 16px 12px}.article-page-num{margin-right:8px;font-size:12px}}.section-page-hero{border-bottom:1px solid var(--line-2);background:linear-gradient(#fbf9f5 0%,#f5f0e4 100%);padding:64px 0 28px}.section-page-title{margin-top:4px;font-size:clamp(32px,4vw,48px)}.section-page-crumbs{color:var(--ink-3);align-items:center;gap:8px;margin-top:18px;font-size:12.5px;display:flex}.section-page-crumbs a{color:var(--ink-2)}.section-page-crumbs a:hover{color:var(--ink)}.section-page-crumbs span[aria-hidden=true]{color:var(--ink-3)}.section-page-foot{margin-top:28px}.section-page-foot .btn{display:inline-flex}.section-overview-grid{grid-template-columns:1fr 1fr;align-items:center;gap:32px;display:grid}.section-overview-media{aspect-ratio:16/10;border-radius:var(--radius);background:var(--paper-2);overflow:hidden}.section-overview-media img{object-fit:cover;width:100%;height:100%}.section-overview-body{flex-direction:column;gap:8px;display:flex}.section-overview-credit{color:var(--ink-3);margin-top:6px;font-size:12px}.section-page-start{padding-top:56px;padding-bottom:56px}.section-start-grid{grid-template-columns:1.15fr 1fr;align-items:start;gap:40px;display:grid}.section-start-body{flex-direction:column;gap:12px;display:flex}.section-start-body .section-title{margin-bottom:6px}.section-start-list{counter-reset:start;flex-direction:column;gap:14px;margin:6px 0 0;padding:0;display:flex}.section-start-list li{color:var(--ink-2);counter-increment:start;padding-left:36px;font-size:16px;line-height:1.6;position:relative}.section-start-list li:before{content:counter(start, decimal-leading-zero);letter-spacing:.08em;color:var(--accent);font-size:13px;font-weight:700;position:absolute;top:1px;left:0}.section-start-picks{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;gap:14px;padding:22px 22px 18px;display:flex}.section-start-picks .kicker{margin-bottom:2px}.section-start-picklist{flex-direction:column;gap:10px;display:flex}.section-start-pick{border-top:1px dashed var(--line);grid-template-columns:auto 1fr;align-items:start;gap:14px;padding:12px 0;display:grid}.section-start-pick:first-child{border-top:none;padding-top:4px}.section-start-pick-num{letter-spacing:.08em;color:var(--accent);padding-top:2px;font-size:13px;font-weight:700}.section-start-pick-body{flex-direction:column;gap:6px;min-width:0;display:flex}.section-start-pick-title{color:var(--ink);word-break:break-word;font-size:15.5px;font-weight:700;line-height:1.35}.section-start-pick:hover .section-start-pick-title{color:var(--accent)}.section-more .section-head{margin-bottom:28px}.section-more-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.section-more-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;gap:8px;height:100%;padding:18px 18px 16px;transition:border-color .15s,transform .15s;display:flex}.section-more-card:hover{border-color:var(--ink);transform:translateY(-1px)}.section-more-card .kicker{margin-bottom:2px}.section-more-blurb{color:var(--ink-2);font-size:13.5px;line-height:1.5}.section-more-card .read-more{margin-top:auto}.article-list-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.article-list-grid .article-row{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:160px 1fr;gap:18px;padding:14px}.article-list-grid .row-media{width:160px;height:110px}.article-list-grid .article-row:first-child{padding-top:14px}.article-page{padding-bottom:80px}.article-page-hero{border-bottom:1px solid var(--line-2);background:linear-gradient(#fbf9f5 0%,#f5f0e4 100%);padding:56px 0 28px}.article-page-hero-inner{flex-direction:column;align-items:flex-start;gap:14px;max-width:820px;display:flex}.article-page-title{letter-spacing:-.025em;font-size:clamp(32px,4.4vw,52px);font-weight:800;line-height:1.05}.article-page-excerpt{color:var(--ink-2);max-width:60ch;font-size:19px}.article-page-cover{background:var(--paper-2);margin:0}.article-page-cover img{object-fit:cover;width:100%;max-height:480px}.article-page-cover figcaption{color:var(--ink-3);padding:8px 24px 0;font-size:12.5px}.article-page-body{flex-direction:column;gap:18px;max-width:720px;margin:0 auto;padding:32px 24px 0;display:flex}.article-page-body p{color:var(--ink-2);word-break:break-word;font-size:17px;line-height:1.7}.article-page-lede{color:var(--ink)!important;font-size:19px!important}.article-page-layout{grid-template-columns:220px 1fr;align-items:start;gap:48px;max-width:1020px;margin:0 auto;padding:32px 24px 0;display:grid}.article-page-layout>.article-page-body{max-width:720px;margin:0;padding:0}.article-toc{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;gap:10px;padding:18px 18px 16px;display:flex;position:sticky;top:96px}.article-toc .kicker{margin-bottom:4px}.article-toc-list{counter-reset:toc;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.article-toc-list li{counter-increment:toc;font-size:13.5px;line-height:1.45}.article-toc-list a{color:var(--ink-2);border-bottom:1px dashed #0000;grid-template-columns:auto 1fr;align-items:baseline;gap:8px;padding:2px 0;display:grid}.article-toc-list a:before{content:counter(toc, decimal-leading-zero);letter-spacing:.08em;color:var(--accent);font-size:11px;font-weight:700}.article-toc-list a:hover{color:var(--ink);border-bottom-color:var(--line)}.article-page-num{letter-spacing:.1em;color:var(--accent);vertical-align:middle;margin-right:12px;font-size:13px;font-weight:700;display:inline-block}.article-page-note{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:6px;padding:18px 20px;display:flex}.article-page-note p:not(.kicker){color:var(--ink-2);font-size:14.5px}.article-page-foot{margin-top:8px}.article-page-section{flex-direction:column;gap:14px;margin-top:4px;display:flex}.article-page-h2{letter-spacing:-.015em;color:var(--ink);margin-top:18px;font-size:clamp(22px,2.4vw,28px);font-weight:700}.article-page-section:first-of-type .article-page-h2{margin-top:4px}.article-faq{border-top:1px solid var(--line);flex-direction:column;gap:16px;margin-top:36px;padding-top:28px;display:flex}.article-faq .kicker{margin-bottom:0}.article-faq .article-page-h2{margin-top:0}.article-faq-list{flex-direction:column;gap:18px;margin:0;display:flex}.article-faq-item{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.article-faq-item dt{color:var(--ink);font-size:16px;font-weight:700;line-height:1.35}.article-faq-item dd{color:var(--ink-2);margin:0;font-size:15.5px;line-height:1.7}.article-related{border-top:1px solid var(--line);flex-direction:column;gap:16px;margin-top:36px;padding-top:28px;display:flex}.article-related .kicker{margin-bottom:0}.article-related .article-page-h2{margin-top:0}.article-related-grid{grid-template-columns:1fr 1fr;gap:16px;margin:0;padding:0;list-style:none;display:grid}.article-related-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:border-color .15s,transform .15s;display:block;overflow:hidden}.article-related-card:hover{border-color:var(--ink);transform:translateY(-1px)}.article-related-link{flex-direction:column;height:100%;display:flex}.article-related-media{aspect-ratio:16/10;background:var(--paper-2);overflow:hidden}.article-related-media img{object-fit:cover;width:100%;height:100%}.article-related-body{flex-direction:column;flex:1;gap:8px;padding:16px 18px 18px;display:flex}.article-related-body h3{letter-spacing:-.01em;color:var(--ink);font-size:18px;font-weight:700;line-height:1.3}.article-related-body p{color:var(--ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.article-related-body .read-more{margin-top:auto}.article-related-card:hover .article-related-body h3{color:var(--accent)}@media (width<=640px){.article-related-grid{grid-template-columns:1fr}.article-faq-item{padding:14px 16px}.article-faq-item dt{font-size:15.5px}.article-faq-item dd{font-size:15px}}.not-found{align-items:center;min-height:56vh;display:flex}.not-found-inner{text-align:center;max-width:640px;margin:0 auto;padding:32px 0}.not-found-title{font-size:clamp(30px,4vw,44px)}.not-found-lede{margin:12px auto 24px}.not-found-actions{justify-content:center;gap:12px;display:flex}.not-found-suggest{flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:28px;font-size:13.5px;display:flex}.not-found-suggest a{color:var(--ink-2)}.not-found-suggest a:hover{color:var(--accent)}.not-found code{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-sm);word-break:break-all;padding:1px 6px;font-size:.9em}.section-rich-hero{border-bottom:1px solid var(--line-2);background:linear-gradient(#fbf9f5 0%,#f5f0e4 100%);padding:64px 0 56px}.section-rich-hero-inner{flex-direction:column;gap:14px;max-width:880px;display:flex}.section-rich-title{letter-spacing:-.025em;max-width:22ch;margin-top:2px;font-size:clamp(34px,4.5vw,56px);font-weight:800;line-height:1.05}.section-rich-intro{color:var(--ink-2);max-width:60ch;font-size:19px;line-height:1.55}.section-rich-lede{color:var(--ink-3);max-width:60ch;font-size:15.5px;line-height:1.65}.section-rich-highlights{border-top:1px dashed var(--line);flex-wrap:wrap;gap:8px 14px;margin-top:18px;padding-top:18px;display:flex}.section-rich-highlights li{color:var(--ink-2);letter-spacing:.02em;align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.section-rich-highlight-dot{background:var(--accent);border-radius:999px;width:6px;height:6px;display:inline-block}.section-rich-about{padding:64px 0}.section-rich-about-inner{grid-template-columns:1fr 1.6fr;align-items:start;gap:40px;display:grid}.section-rich-about-head{flex-direction:column;gap:6px;display:flex}.section-rich-about-body{flex-direction:column;gap:14px;display:flex}.section-rich-about-body p{color:var(--ink-2);font-size:16px;line-height:1.7}.section-rich-about-lede{color:var(--ink)!important;font-size:18px!important}.section-rich-paths{padding:72px 0}.section-rich-paths-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.section-rich-path-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;gap:10px;height:100%;padding:24px 24px 22px;transition:border-color .15s,transform .15s;display:flex}.section-rich-path-card:hover{border-color:var(--ink);transform:translateY(-1px)}.section-rich-path-title{letter-spacing:-.015em;margin:0;font-size:22px;font-weight:700}.section-rich-path-desc{color:var(--ink-2);font-size:15px;line-height:1.65}.section-rich-path-cta{color:var(--accent);margin-top:auto;font-size:13px;font-weight:600}.section-rich-path-cta:hover{color:var(--ink)}.section-rich-start{padding:72px 0}.section-channel-feature{border:1px solid var(--line);border-radius:var(--radius);color:inherit;background:#fff;grid-template-columns:minmax(180px,.92fr) 1fr;align-items:stretch;gap:18px;margin:8px 0 4px;transition:border-color .15s,transform .15s;display:grid;overflow:hidden}.section-channel-feature:hover{border-color:var(--ink);transform:translateY(-1px)}.section-channel-feature-media{background:var(--paper-2);min-height:220px;display:block;overflow:hidden}.section-channel-feature-media img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.section-channel-feature:hover .section-channel-feature-media img{transform:scale(1.03)}.section-channel-feature-body{flex-direction:column;gap:9px;min-width:0;padding:22px 22px 20px 0;display:flex}.section-channel-feature-title{letter-spacing:-.015em;color:var(--ink);font-size:24px;font-weight:700;line-height:1.18}.section-channel-feature-desc{color:var(--ink-2);font-size:14.5px;line-height:1.65}.section-channel-feature:hover .section-channel-feature-title{color:var(--accent)}.section-rich-cards{flex-direction:column;gap:14px;display:flex}.section-rich-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:auto 1fr;align-items:start;gap:16px;padding:18px;transition:border-color .15s,transform .15s;display:grid}.section-rich-card:hover{border-color:var(--ink);transform:translateY(-1px)}.section-rich-card-num{letter-spacing:.06em;color:var(--accent);padding-top:2px;font-size:16px;font-weight:700}.section-rich-card-body{flex-direction:column;gap:6px;min-width:0;display:flex}.section-rich-card-title{color:var(--ink);font-size:17px;font-weight:700;line-height:1.35}.section-rich-card-desc{color:var(--ink-2);font-size:14px;line-height:1.6}.section-rich-card .read-more{margin-top:4px}.section-rich-card:hover .section-rich-card-title{color:var(--accent)}.section-rich-picks-title{letter-spacing:-.01em;margin:4px 0;font-size:16px;font-weight:700}.section-rich-picks-desc{color:var(--ink-3);margin-bottom:4px;font-size:13px;line-height:1.5}.section-rich-practical{padding:72px 0}.section-rich-steps{grid-template-columns:repeat(2,1fr);gap:18px;margin:0;padding:0;list-style:none;display:grid}.section-rich-step{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;gap:8px;padding:22px 24px;display:flex;position:relative}.section-rich-step-title{color:var(--accent);letter-spacing:.01em;font-size:17px;font-weight:700}.section-rich-step-body{color:var(--ink-2);font-size:15px;line-height:1.65}.section-rich-tips{padding:72px 0}.section-rich-tips-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.section-rich-tip-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;gap:6px;padding:18px 20px;display:flex}.section-rich-tip-title{color:var(--ink);letter-spacing:-.005em;font-size:16px;font-weight:700}.section-rich-tip-card p{color:var(--ink-2);font-size:14.5px;line-height:1.65}.section-rich-faq{padding:72px 0}.section-rich-faq-list{flex-direction:column;gap:14px;margin:0;display:flex}.section-rich-faq-item{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;gap:6px;padding:18px 22px;display:flex}.section-rich-faq-item dt{color:var(--ink);font-size:16px;font-weight:700;line-height:1.4}.section-rich-faq-item dd{color:var(--ink-2);margin:0;font-size:15px;line-height:1.7}@media (width<=1024px){.section-rich-about-inner{grid-template-columns:1fr;gap:20px}.section-rich-paths-grid,.section-rich-steps,.section-rich-tips-grid,.section-channel-feature{grid-template-columns:1fr}.section-channel-feature-media{min-height:260px}.section-channel-feature-body{padding:0 22px 22px}}@media (width<=640px){.section-rich-hero{padding:44px 0 36px}.section-rich-hero-inner{gap:10px}.section-rich-title{font-size:30px}.section-rich-intro{font-size:17px}.section-rich-lede{font-size:14.5px}.section-rich-highlights{margin-top:14px;padding-top:14px}.section-rich-about,.section-rich-paths,.section-rich-start,.section-rich-practical,.section-rich-tips,.section-rich-faq{padding:56px 0}.section-rich-path-card{padding:18px 18px 16px}.section-rich-path-title{font-size:19px}.section-rich-card{gap:12px;padding:14px}.section-rich-card-num{font-size:14px}.section-rich-card-title{font-size:16px}.section-channel-feature-media{min-height:210px}.section-channel-feature-title{font-size:21px}.section-channel-feature-body{padding:0 18px 18px}.section-rich-step{padding:18px 18px 16px}.section-rich-faq-item{padding:14px 16px}.section-rich-faq-item dt{font-size:15.5px}.section-rich-faq-item dd{font-size:14.5px}}.section-search-hero,.section-articles-hero{border-bottom:1px solid var(--line-2);background:linear-gradient(#fbf9f5 0%,#f5f0e4 100%);padding:56px 0 36px}.section-search-hero-inner,.section-articles-hero-inner{flex-direction:column;gap:12px;max-width:880px;display:flex}.section-search-hero .section-page-title,.section-articles-hero .section-page-title{margin-top:4px}.search-form{margin-top:14px}.search-form-row{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-items:center;gap:8px;padding:6px 6px 6px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.search-form-row:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px #1a1a1a0f}.search-form-icon{color:var(--ink-3);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.search-input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:12px 4px}.search-input::placeholder{color:var(--ink-3)}.search-form-clear{color:var(--ink-3);border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:22px;line-height:1}.search-form-clear:hover{color:var(--ink);background:var(--paper-2)}.search-form-submit{flex-shrink:0;padding:10px 18px}.search-categories{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.search-cat-chip{border:1px solid var(--line);color:var(--ink-2);letter-spacing:.01em;cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.search-cat-chip:hover{border-color:var(--ink);color:var(--ink)}.search-cat-chip.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}.search-cat-count{background:var(--paper-2);color:var(--ink-2);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.search-cat-chip.is-active .search-cat-count{color:#fff;background:#ffffff2e}.search-summary{color:var(--ink-3);margin-top:16px;font-size:14px}.search-summary strong{color:var(--ink);font-weight:700}.section-search-results,.section-articles-results{padding:48px 0 72px}.search-list{gap:16px;display:grid}.search-row{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-items:start;gap:18px;padding:16px;transition:border-color .15s,transform .15s;grid-template-columns:140px 1fr!important}.search-row:hover{border-color:var(--ink);transform:translateY(-1px)}.search-row .row-media{width:140px;height:100px}.search-row-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-row-field{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:600}.search-row-snippet{color:var(--ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden;font-size:14px!important}.search-mark{color:var(--accent);background:#8d2a261f;border-radius:2px;padding:0 2px;font-weight:600}.search-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:720px;margin:0 auto;display:flex}.search-empty .section-title{margin:6px 0 4px}.search-empty .section-lede{margin-bottom:8px}.search-recommend{text-align:left;width:100%;max-width:880px;margin-top:36px}.search-recommend .kicker{text-align:left}.search-recommend .search-list{grid-template-columns:1fr}.articles-index-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.articles-index-search-btn{align-items:center;gap:8px;display:inline-flex}.articles-index-search{flex:1;min-width:200px}.articles-index-search-input{border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:100%;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.articles-index-search-input:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px #1a1a1a0f}.articles-index-grid .articles-index-row{grid-template-columns:160px 1fr}.pagination{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:32px;padding-top:24px;display:flex}.pagination-pages{flex-wrap:wrap;flex:1;justify-content:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.pagination-link{border-radius:var(--radius-sm);border:1px solid var(--line);min-width:36px;height:36px;color:var(--ink-2);background:#fff;justify-content:center;align-items:center;padding:0 12px;font-size:13.5px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.pagination-link:hover{color:var(--ink);border-color:var(--ink)}.pagination-link.is-current{background:var(--ink);color:#fff;border-color:var(--ink);cursor:default}.pagination-link.is-disabled{color:var(--ink-3);border-color:var(--line-2);cursor:not-allowed;background:0 0}.pagination-link.is-disabled:hover{color:var(--ink-3);border-color:var(--line-2)}.pagination-prev,.pagination-next{padding:0 14px}.pagination-gap{min-width:28px;height:36px;color:var(--ink-3);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.link-button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.link-button:hover{color:var(--ink);text-decoration:underline}.link-button:disabled{color:var(--ink-3);cursor:not-allowed;text-decoration:none}@media (width<=640px){.section-search-hero,.section-articles-hero{padding:40px 0 28px}.search-form-row{flex-wrap:wrap;padding:8px}.search-form-icon{padding:6px 4px}.search-input{flex:1 0 60%;min-width:0;padding:10px 4px}.search-form-clear{margin-left:auto}.search-form-submit{width:100%;padding:12px 18px}.search-categories{gap:6px}.search-cat-chip{padding:7px 12px;font-size:12.5px}.search-list{gap:14px}.search-row{gap:12px;padding:12px;grid-template-columns:96px 1fr!important}.search-row .row-media{width:96px;height:80px}.search-row-snippet{-webkit-line-clamp:2}.pagination{flex-direction:column;gap:14px}.pagination-prev,.pagination-next{width:100%}.articles-index-grid .articles-index-row{grid-template-columns:96px 1fr}.articles-index-grid .articles-index-row .row-media{width:96px;height:80px}}