:root { --ink:#18352e; --muted:#68766e; --paper:#f7f3ec; --cream:#eee8dd; --green:#1f4b3f; --mint:#dce9df; --yellow:#f4c96a; --pink:#f2d6d0; --blue:#d9e5ed; --line:rgba(24,53,46,.16); --serif:'Noto Serif TC','Songti TC','PMingLiU',Georgia,serif; --sans:'Noto Sans TC','PingFang TC','Microsoft JhengHei',Arial,sans-serif; --mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--sans); line-height:1.65; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.container { width:min(1120px, calc(100% - 64px)); margin:0 auto; }
.site-header { border-bottom:1px solid var(--line); background:rgba(247,243,236,.93); position:relative; z-index:10; }
.header-inner { height:86px; width:min(1240px,calc(100% - 64px)); margin:auto; display:flex; align-items:center; justify-content:space-between; }
.brand { display:inline-flex; align-items:center; gap:11px; }
.brand-mark { width:39px; height:39px; display:grid; place-items:center; color:var(--yellow); background:var(--green); border-radius:12px 12px 12px 4px; font:500 14px var(--mono); letter-spacing:-1px; }
.brand-copy { display:flex; flex-direction:column; line-height:1.05; }
.brand-copy strong { font:700 17px var(--sans); letter-spacing:.08em; }
.brand-copy small { margin-top:5px; color:var(--muted); font:400 10px var(--mono); letter-spacing:.08em; }
.site-nav { display:flex; align-items:center; gap:35px; font-size:13px; }
.site-nav a { color:var(--muted); padding:31px 0; position:relative; transition:color .2s; }
.site-nav a:hover,.site-nav a.active { color:var(--ink); }
.site-nav a.active:after { content:''; position:absolute; bottom:21px; left:0; width:100%; height:2px; background:var(--yellow); }
.menu-toggle { display:none; }
.hero { min-height:590px; display:grid; grid-template-columns:1fr .92fr; gap:50px; align-items:center; padding-top:42px; padding-bottom:54px; }
.eyebrow { margin:0 0 14px; color:#6a756d; font:500 10px var(--mono); letter-spacing:.14em; text-transform:uppercase; }
.eyebrow-dot { display:inline-block; width:7px; height:7px; margin-right:8px; border-radius:50%; background:#e4775d; vertical-align:1px; }
h1,h2,h3,p { margin-top:0; }
h1 { margin-bottom:24px; font:600 clamp(46px,6vw,76px)/1.13 var(--serif); letter-spacing:-.075em; }
h1 em { color:#cd765f; font-style:normal; }
.hero-lede { max-width:460px; margin-bottom:30px; color:var(--muted); font-size:16px; line-height:1.9; }
.hero-actions { display:flex; align-items:center; gap:26px; }
.button { display:inline-flex; gap:22px; align-items:center; border:0; border-radius:3px; padding:13px 17px 13px 20px; font:500 12px var(--mono); letter-spacing:.03em; cursor:pointer; transition:transform .2s,background .2s; }
.button:hover { transform:translateY(-2px); }
.button-dark { background:var(--green); color:#fff; }
.button-dark:hover { background:#2b5d4f; }
.button span { font-size:18px; line-height:0; }
.text-link { font:500 11px var(--mono); border-bottom:1px solid var(--ink); padding-bottom:4px; }
.text-link span { margin-left:8px; font-size:15px; }
.hero-note { margin-top:38px; display:flex; gap:11px; align-items:center; color:#879087; font-size:11px; line-height:1.5; }
.scribble { color:#df876e; font-size:23px; }
.hero-art { min-height:430px; position:relative; overflow:hidden; border-radius:3px; background:#e7eee4; }
.hero-art:before { content:''; position:absolute; width:120%; height:190px; left:-10%; bottom:-48px; background:#d0ddcf; transform:rotate(-7deg); }
.sun-disc { width:244px; height:244px; border-radius:50%; background:#f4c96a; position:absolute; top:44px; right:60px; opacity:.9; }
.leaf { position:absolute; border-radius:100% 0 100% 0; background:#78a47d; transform:rotate(32deg); }
.leaf-a { width:115px;height:38px; right:8px; top:120px; transform:rotate(-31deg); }.leaf-b { width:98px;height:32px; right:72px; top:176px; transform:rotate(32deg); background:#98b88f; }.leaf-c { width:76px;height:27px; right:4px; top:204px; transform:rotate(-21deg); background:#5d896d; }
.desk-card { position:absolute; box-shadow:0 13px 20px rgba(40,62,49,.15); transform:rotate(-8deg); }
.card-back { width:174px;height:217px; background:#d67e64; right:112px; bottom:66px; color:#fce9c1; padding:19px; font:500 13px/1.2 var(--mono); letter-spacing:.05em; }.card-back:after{content:'';position:absolute;width:45px;height:45px;border:1px solid rgba(252,233,193,.7);right:18px;bottom:19px;border-radius:50%;}
.card-front { width:207px;height:255px; background:#fbf7ef; right:205px; bottom:34px; padding:28px 22px; transform:rotate(7deg); }.card-line{display:block;height:6px;background:#d5ddd4;margin-bottom:13px;width:78%;}.card-line.short{width:48%;}.card-line.tiny{width:28%;margin-top:45px}.card-front i{position:absolute;right:20px;bottom:19px;color:#cf765e;font:600 12px/1.55 var(--serif);font-style:normal;text-align:right;}
.mug { position:absolute; width:126px;height:113px; right:64px; bottom:39px; background:#f7f1e5; border-radius:10px 10px 37px 37px; transform:rotate(5deg); box-shadow:8px 13px 18px rgba(40,62,49,.13); }.mug:after{content:'';position:absolute;left:13px;right:13px;top:7px;height:21px;border-radius:50%;background:#c17a53;}.coffee{position:absolute;width:86px;height:10px;border-radius:50%;background:#7e4f3a;top:12px;left:20px;z-index:2;}.mug-handle{position:absolute;width:41px;height:51px;border:12px solid #f7f1e5;border-left:0;border-radius:0 40px 40px 0;right:-30px;top:24px;}
.pencil { position:absolute;width:156px;height:10px;background:#e1a453;right:256px;bottom:47px;transform:rotate(-19deg);border-radius:4px; }.pencil:after{content:'';position:absolute;right:-13px;border-width:5px 0 5px 13px;border-style:solid;border-color:transparent transparent transparent #d3a886;}
.art-caption { position:absolute; right:27px; top:22px; color:var(--green); font:500 9px/1.4 var(--mono); letter-spacing:.11em; text-align:right; }
.ticker { overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--yellow); color:var(--green); }.ticker-track{height:53px;display:flex;align-items:center;justify-content:space-around;min-width:850px;font:500 10px var(--mono);letter-spacing:.15em;}.ticker-track b{font-size:15px;font-weight:400;}
.section-pad { padding-top:106px; padding-bottom:106px; }
.section-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:35px; }.section-heading h2 { margin:0; font:600 30px/1.3 var(--serif); letter-spacing:-.05em; }.arrow-link { font:500 11px var(--mono); border-bottom:1px solid var(--ink); padding-bottom:5px; }.arrow-link span{font-size:16px;margin-left:12px;}
.featured-grid { display:grid; grid-template-columns:1.12fr .88fr; gap:30px; }.feature-card{background:#fffdf9;}.feature-image{display:block;height:310px;position:relative;overflow:hidden;}.image-sunday{background:#b8cdb8;}.image-sunday:before{content:'';position:absolute;inset:25px 30% 0 10%;border-radius:130px 130px 0 0;background:#d7795e;}.image-sunday:after{content:'';position:absolute;width:190px;height:190px;right:11%;top:30px;border-radius:50%;background:#f2ce77;box-shadow:inset -17px -7px #e9bb66;}.image-label{position:absolute;left:22px;top:20px;z-index:1;color:#27503e;font:500 10px var(--mono);letter-spacing:.08em;}.image-stamp{position:absolute;right:23px;bottom:24px;z-index:1;color:#fff6df;font:500 12px/1.15 var(--mono);letter-spacing:.1em;text-align:right;}.feature-body{padding:29px 31px 32px}.kicker{margin:0 0 9px;color:#8a948c;font:500 9px var(--mono);letter-spacing:.12em;text-transform:uppercase}.feature-body h3{max-width:550px;margin:0 0 13px;font:600 22px/1.55 var(--serif);letter-spacing:-.04em}.feature-body>p:not(.kicker){margin-bottom:24px;color:var(--muted);font-size:13px;line-height:1.8;}.read-more{font:500 10px var(--mono);border-bottom:1px solid var(--ink);padding-bottom:4px;}.read-more span{font-size:16px;margin-left:9px;}.feature-side{display:flex;flex-direction:column;gap:30px}.small-card{display:grid;grid-template-columns:180px 1fr;gap:21px;min-height:160px;padding-bottom:30px;border-bottom:1px solid var(--line)}.small-card:last-child{padding-bottom:0;border:0}.small-image{display:block;height:160px;position:relative;overflow:hidden}.small-image span{position:absolute;z-index:1;left:14px;bottom:14px;color:var(--green);font:600 17px/1.2 var(--serif)}.image-digital{background:#e4c4bd}.image-digital:before{content:'☼';position:absolute;right:17px;top:13px;color:#fff2d5;font-size:90px;opacity:.65}.image-digital:after{content:'';position:absolute;width:85px;height:125px;right:21px;bottom:-19px;border:8px solid #1f4b3f;border-radius:13px;transform:rotate(15deg);background:#aec1ad}.image-work{background:#c8dbe0}.image-work:before{content:'';position:absolute;width:115px;height:92px;left:29px;bottom:24px;background:#f6efe2;border-radius:5px;box-shadow:9px 9px #79a3a1}.image-work:after{content:'';position:absolute;width:140px;height:8px;bottom:17px;left:18px;background:#cd765f;transform:rotate(-4deg)}.small-card h3{margin:0 0 19px;font:600 16px/1.55 var(--serif);letter-spacing:-.03em}.small-card .kicker{margin-bottom:7px}
.topics-section{padding:93px 0 100px;background:var(--cream)}.topic-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.topic{min-height:184px;padding:19px 19px 17px;display:flex;flex-direction:column;position:relative;transition:transform .2s}.topic:hover{transform:translateY(-4px)}.topic-green{background:#c9ddcb}.topic-yellow{background:#f4d58c}.topic-pink{background:#efcfca}.topic-blue{background:#cbdde5}.topic-orange{background:#f1d0a2}.topic-number{font:500 10px var(--mono);opacity:.7}.topic-icon{font-size:35px;line-height:1;margin:24px 0 12px}.topic strong{font:600 18px var(--serif)}.topic small{margin-top:2px;font-size:11px;opacity:.7}.topic-arrow{position:absolute;right:17px;bottom:15px;font-size:18px}
.latest-list{border-top:1px solid var(--line)}.latest-item{min-height:104px;display:grid;grid-template-columns:130px 1fr 82px;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.latest-date{color:#818b84;font:500 10px var(--mono)}.latest-item h3{margin:0;font:600 17px var(--serif);letter-spacing:-.03em}.latest-read{color:#7c877f;font:500 10px var(--mono);text-align:right}.latest-read a{display:inline-block;margin-left:11px;color:var(--ink);font-size:18px;}
.about-strip{background:var(--green);color:#f8f4e8;padding:79px 0}.about-inner{display:grid;grid-template-columns:200px 1fr;gap:70px;align-items:center}.about-symbol{width:145px;height:145px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(244,201,106,.7);border-radius:50%;color:var(--yellow);font:500 39px var(--mono);position:relative}.about-symbol small{position:absolute;bottom:25px;font-size:8px;letter-spacing:.2em}.about-inner .eyebrow{color:#b9cbbd}.about-inner h2{margin:0 0 15px;font:600 29px var(--serif);letter-spacing:-.05em}.about-inner p:not(.eyebrow){max-width:650px;color:#c5d1c7;font-size:14px;line-height:1.9}.text-link.light{color:#f8f4e8;border-color:#f8f4e8;display:inline-block;margin-top:7px}
.newsletter-box{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:54px 62px;background:#eadfd0}.newsletter h2{margin:0 0 16px;font:600 29px/1.4 var(--serif);letter-spacing:-.05em}.newsletter p:not(.eyebrow):not(.form-message){color:#69766d;font-size:13px;line-height:1.8}.subscribe-form{padding-top:39px}.subscribe-form label{display:block;margin-bottom:10px;font:500 10px var(--mono);letter-spacing:.09em}.form-row{display:flex;border-bottom:1px solid var(--ink)}.form-row input{min-width:0;flex:1;padding:11px 0;border:0;outline:0;background:transparent;color:var(--ink);font:13px var(--sans)}.form-row input::placeholder{color:#a0a79e}.form-row .button{margin-bottom:7px}.form-message{min-height:20px;margin:9px 0 0;color:#47705b!important;font-size:11px!important}
.site-footer{padding:54px 0 24px;background:#e5e1d9}.footer-grid{display:flex;justify-content:space-between;gap:40px;padding-bottom:55px}.footer-tagline{margin:18px 0 0;color:#7d887f;font-size:12px}.footer-links{display:flex;gap:86px}.footer-links>div{display:flex;flex-direction:column;gap:10px}.footer-links strong{margin-bottom:5px;font:500 10px var(--mono);letter-spacing:.12em;color:#7d887f}.footer-links a{font-size:12px}.footer-links a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;padding-top:19px;border-top:1px solid var(--line);color:#8c948e;font:10px var(--mono)}

/* Listing and article pages */
.page-intro{padding:95px 0 67px}.page-intro h1{font-size:54px;margin-bottom:16px}.page-intro p{max-width:510px;color:var(--muted);font-size:15px}.filter-row{display:flex;gap:10px;padding-bottom:22px;border-bottom:1px solid var(--line)}.filter{border:1px solid var(--line);background:transparent;padding:8px 13px;color:var(--muted);font:10px var(--mono);cursor:pointer}.filter.active,.filter:hover{background:var(--green);border-color:var(--green);color:#fff}.article-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 35px;padding-bottom:105px}.list-card{padding:34px 0 38px;border-bottom:1px solid var(--line)}.list-card:first-child,.list-card:nth-child(2){padding-top:44px}.list-card h2{margin:0 0 10px;font:600 22px/1.5 var(--serif);letter-spacing:-.04em}.list-card p:not(.kicker){margin-bottom:21px;color:var(--muted);font-size:13px}.list-visual{height:205px;margin-bottom:22px;position:relative;overflow:hidden}.list-visual.image-sunday{background:#b8cdb8}.list-visual.image-digital{background:#e4c4bd}.list-visual.image-work{background:#c8dbe0}.list-visual.image-note,.article-cover.image-note{background:#dfd4b8}.article-cover.image-note:before{content:'';position:absolute;width:210px;height:210px;right:12%;top:44px;border:1px solid rgba(31,75,63,.35);border-radius:50%;box-shadow:-70px 38px 0 rgba(205,118,95,.45)}.list-visual:before{content:'1999';position:absolute;right:17px;top:15px;color:rgba(255,255,255,.55);font:500 11px var(--mono);letter-spacing:.15em}.article-shell{max-width:780px;margin:0 auto;padding:90px 0 110px}.article-meta{display:flex;gap:13px;align-items:center;color:#8a948c;font:10px var(--mono);letter-spacing:.08em}.article-shell h1{font-size:49px;line-height:1.4;margin:19px 0 21px}.article-deck{font-size:17px;color:var(--muted);line-height:1.9;margin-bottom:39px}.article-cover{height:360px;margin:0 0 43px;position:relative;overflow:hidden}.article-cover .cover-word{position:absolute;z-index:2;left:40px;bottom:35px;color:#fef3da;font:500 36px/1.05 var(--mono);letter-spacing:.06em}.article-content{font-family:var(--serif);font-size:16px;line-height:2.1}.article-content p{margin-bottom:25px}.article-content h2{font-size:25px;line-height:1.5;margin:46px 0 17px}.article-content h3{font-size:18px;margin:32px 0 8px}.article-content ul{padding-left:1.4em;margin:0 0 27px}.article-content li{padding-left:5px;margin:6px 0}.article-content blockquote{margin:37px 0;padding:22px 27px;border-left:3px solid var(--yellow);background:#eee7db;color:#5d6e64;font-size:18px}.article-source{margin-top:53px;padding-top:19px;border-top:1px solid var(--line);color:#8b958d;font:10px/1.7 var(--mono)}.article-source a{text-decoration:underline}.article-nav{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:62px;padding-top:20px;font:11px var(--mono)}.article-nav a{max-width:45%}.article-nav a:last-child{text-align:right}.static-page{max-width:760px;padding:90px 0 115px}.static-page h1{font-size:48px;margin-bottom:17px}.static-page .lead{color:var(--muted);font-size:16px;margin-bottom:48px}.static-page h2{font:600 23px var(--serif);margin:39px 0 11px}.static-page p,.static-page li{font-size:14px;color:#596a60;line-height:1.9}.static-page ul{padding-left:1.4em}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:40px}.contact-card{padding:26px;background:#ece4d7}.contact-card h3{font:600 17px var(--serif);margin:0 0 8px}.contact-card p{margin:0;font-size:13px}.contact-card a{text-decoration:underline}

@media (max-width:800px){.container{width:min(100% - 40px,560px)}.header-inner{height:72px;width:calc(100% - 40px)}.menu-toggle{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--ink);font:500 11px var(--mono);cursor:pointer}.menu-toggle span,.menu-toggle span:before,.menu-toggle span:after{display:block;width:17px;height:1px;background:var(--ink);content:''}.menu-toggle span{position:relative}.menu-toggle span:before{position:absolute;top:-5px}.menu-toggle span:after{position:absolute;top:5px}.site-nav{position:absolute;top:72px;left:0;right:0;display:none;flex-direction:column;align-items:flex-start;gap:0;padding:10px 20px 18px;background:var(--paper);border-bottom:1px solid var(--line)}.site-nav.open{display:flex}.site-nav a{padding:11px 0;width:100%}.site-nav a.active:after{bottom:5px;width:22px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:35px;padding-top:65px}.hero-art{min-height:350px}.sun-disc{width:175px;height:175px;right:37px;top:28px}.card-back{right:42px;bottom:47px;width:145px;height:180px}.card-front{right:122px;bottom:23px;width:170px;height:210px;padding:21px 17px}.mug{right:22px;bottom:27px;transform:scale(.82) rotate(5deg);transform-origin:bottom right}.pencil{right:130px;bottom:36px;width:120px}.hero h1{font-size:54px}.section-pad{padding-top:72px;padding-bottom:72px}.featured-grid{display:block}.feature-side{margin-top:30px}.small-card{grid-template-columns:145px 1fr}.small-image{height:145px}.topic-grid{grid-template-columns:1fr 1fr}.latest-item{grid-template-columns:85px 1fr}.latest-read{display:none}.about-inner{grid-template-columns:1fr;gap:30px}.about-symbol{width:105px;height:105px;font-size:30px}.newsletter-box{display:block;padding:37px 26px}.subscribe-form{padding-top:27px}.footer-grid{display:block;padding-bottom:38px}.footer-links{margin-top:37px;gap:55px}.footer-bottom{display:block;line-height:2}.footer-bottom span{display:block}.page-intro{padding:67px 0 48px}.page-intro h1,.static-page h1{font-size:42px}.article-list{display:block;padding-bottom:70px}.article-shell{padding:65px 0 75px}.article-shell h1{font-size:37px}.article-cover{height:260px}.article-content{font-size:15px}.article-nav{gap:20px}.contact-grid{display:block}.contact-card{margin-top:14px}}
@media (max-width:420px){.hero h1{font-size:47px}.hero-art{min-height:310px}.card-back{right:26px}.card-front{right:98px}.small-card{grid-template-columns:120px 1fr;gap:14px}.small-image{height:125px}.small-card h3{font-size:14px}.topic{min-height:164px}.topic-icon{margin-top:17px}.newsletter-box h2{font-size:26px}}

.article-figure{margin:42px 0 40px}.article-figure img{display:block;width:100%;height:auto;border-radius:2px}.article-figure figcaption{padding-top:10px;color:#8b958d;font:10px/1.6 var(--mono);letter-spacing:.03em}
.article-byline{display:flex;align-items:center;gap:10px;margin:0 0 27px;color:#61736a;font-size:12px}.article-byline a{text-decoration:underline;text-underline-offset:4px}.byline-dot{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:var(--green);font:500 11px var(--mono)}.reference-box{margin-top:30px;padding:18px 21px;background:#eee7db;color:#68766e;font:11px/1.8 var(--sans)}.reference-box strong{display:block;margin-bottom:3px;color:var(--ink);font:500 10px var(--mono);letter-spacing:.1em}.reference-box a{text-decoration:underline;text-underline-offset:3px}.author-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:43px}.author-card{padding:26px 22px 27px;background:#ece4d7}.author-avatar{width:66px;height:66px;display:grid;place-items:center;margin-bottom:22px;border-radius:50%;color:var(--green);font:600 25px var(--serif)}.avatar-lin{background:#c9ddcb}.avatar-chen{background:#f4d58c}.avatar-zhou{background:#cbdde5}.author-card h2{margin:0 0 3px;font:600 22px var(--serif)}.author-role{margin:0 0 13px;color:#7b887f;font:10px var(--mono);letter-spacing:.06em}.author-card p:not(.author-role){min-height:96px;margin:0 0 20px;color:#5f7066;font-size:13px;line-height:1.8}.author-card .read-more{font-size:10px}
@media (max-width:800px){.author-grid{grid-template-columns:1fr}.author-card p:not(.author-role){min-height:0}}
.deep-dive{border-top:1px solid var(--line)}.deep-dive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.deep-card{display:flex;flex-direction:column;background:#fffdf9;min-width:0;transition:transform .2s}.deep-card:hover{transform:translateY(-4px)}.deep-card img{display:block;width:100%;aspect-ratio:1.35;object-fit:cover}.deep-card-body{display:flex;flex-direction:column;padding:18px 17px 21px}.deep-card-body strong{font:600 16px/1.55 var(--serif);letter-spacing:-.03em}.deep-card-body small{margin-top:10px;color:var(--muted);font-size:11px;line-height:1.7}.deep-card-body .kicker{margin-bottom:8px}
@media (max-width:800px){.deep-dive-grid{grid-template-columns:1fr 1fr}.deep-card-body{padding:15px 13px 17px}.deep-card-body strong{font-size:14px}.deep-card-body small{font-size:10px}}
@media (max-width:420px){.deep-dive-grid{display:block}.deep-card{display:grid;grid-template-columns:115px 1fr;margin-bottom:14px}.deep-card img{height:100%;aspect-ratio:auto}.deep-card-body{padding:12px}.deep-card-body strong{font-size:14px}.deep-card-body small{display:none}}

/* Topic landing pages */
.topic-hero{padding:96px 0 82px;max-width:900px}.topic-hero h1{font-size:58px;margin-bottom:22px}.topic-lede{max-width:690px;color:var(--muted);font-size:16px;line-height:1.95}.topic-facts{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}.topic-facts span{padding:10px 15px;background:#ece4d7;color:#66756b;font:10px var(--mono);letter-spacing:.04em}.topic-facts strong{margin-right:5px;color:var(--ink);font-size:13px}.topic-route{padding:82px 0 91px;background:var(--cream)}.topic-route-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.topic-route-grid a{display:flex;flex-direction:column;min-height:190px;padding:20px;background:#fffdf9;border-top:3px solid var(--yellow);transition:transform .2s,box-shadow .2s}.topic-route-grid a:hover{transform:translateY(-4px);box-shadow:0 9px 20px rgba(24,53,46,.08)}.route-number{color:#87948b;font:500 10px var(--mono)}.topic-route-grid strong{margin-top:27px;font:600 18px/1.45 var(--serif)}.topic-route-grid small{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.7}.topic-content{padding-top:100px;padding-bottom:96px}.topic-article-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:52px}.topic-feature{padding-bottom:31px;border-bottom:1px solid var(--line)}.topic-feature img{display:block;width:100%;height:auto;margin-bottom:23px;background:#e6ece5}.topic-feature h2{margin:0 0 13px;font:600 27px/1.5 var(--serif);letter-spacing:-.04em}.topic-feature>p:not(.kicker){color:var(--muted);font-size:14px;line-height:1.85}.topic-list{border-top:1px solid var(--line)}.topic-list article{padding:22px 0 24px;border-bottom:1px solid var(--line)}.topic-list h3{margin:0 0 8px;font:600 19px/1.55 var(--serif);letter-spacing:-.03em}.topic-list article>p:not(.kicker){margin:0;color:var(--muted);font-size:13px;line-height:1.8}.topic-faq{padding-top:80px;padding-bottom:98px;border-top:1px solid var(--line)}.topic-faq h2{margin:0 0 25px;font:600 29px var(--serif);letter-spacing:-.04em}.topic-faq details{border-top:1px solid var(--line);padding:18px 0}.topic-faq details:last-child{border-bottom:1px solid var(--line)}.topic-faq summary{cursor:pointer;font:600 16px var(--serif);list-style:none}.topic-faq summary::-webkit-details-marker{display:none}.topic-faq summary:after{content:'+';float:right;color:#829087;font:18px var(--mono)}.topic-faq details[open] summary:after{content:'−'}.topic-faq details p{max-width:700px;margin:13px 0 0;color:var(--muted);font-size:14px;line-height:1.9}.topic-sources{padding:71px 0 77px;background:var(--green);color:#f8f4e8}.topic-sources .eyebrow{color:#b9cbbd}.topic-sources h2{margin:0 0 14px;font:600 28px var(--serif)}.topic-sources p:not(.eyebrow){max-width:720px;color:#c5d1c7;font-size:13px;line-height:1.9}.source-links{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:22px}.source-links a{color:#f4c96a;font:11px var(--mono);text-decoration:underline;text-underline-offset:4px}
@media (max-width:800px){.topic-hero{padding:70px 0 62px}.topic-hero h1{font-size:45px}.topic-route{padding:64px 0 70px}.topic-route-grid{grid-template-columns:1fr 1fr}.topic-route-grid a{min-height:174px}.topic-route-grid strong{margin-top:20px;font-size:16px}.topic-content{padding-top:70px;padding-bottom:70px}.topic-article-grid{display:block}.topic-list{margin-top:40px}.topic-faq{padding-top:60px;padding-bottom:70px}.topic-sources{padding:57px 0 62px}}
@media (max-width:420px){.topic-facts{display:block}.topic-facts span{display:block;margin-bottom:7px}.topic-route-grid{display:block}.topic-route-grid a{margin-bottom:10px}.topic-feature h2{font-size:23px}.topic-faq h2,.topic-sources h2{font-size:25px}}

.editorial-note{margin:32px 0 0;padding:20px 23px;background:#eee7db;border-left:3px solid var(--yellow);color:#66756b;font-size:13px;line-height:1.85}.editorial-note strong{display:block;margin-bottom:5px;color:var(--ink);font:500 10px var(--mono);letter-spacing:.1em}.editorial-note p{margin:0!important;color:inherit!important;font-size:13px!important}
.article-disclosure{margin:-10px 0 27px;color:#8a948c;font:10px/1.7 var(--mono)}
.article-topic-link{margin:35px 0 0;font:11px var(--mono)}.article-topic-link a{text-decoration:underline;text-underline-offset:4px}
.newsletter-open-note{align-self:center;display:flex;gap:14px;align-items:flex-start;max-width:330px;color:#68766e;font-size:13px;line-height:1.8}.newsletter-open-note .scribble{flex:0 0 auto;margin-top:-4px}.newsletter-open-note p{margin:0!important}
.comparison-table{margin:24px 0 30px;border-top:1px solid var(--line);font-family:var(--sans);font-size:13px;line-height:1.7}.comparison-table>div{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.comparison-table strong{font-weight:600;color:var(--ink)}.comparison-table span{color:var(--muted)}
@media (max-width:800px){.newsletter-open-note{margin-top:27px;max-width:none}.footer-links{flex-wrap:wrap;row-gap:30px}}
@media (max-width:420px){.comparison-table{font-size:12px}.comparison-table>div{grid-template-columns:.8fr 1.2fr 1.2fr;gap:8px}}

/* Long-form field guides */
.list-photo{display:block;width:100%;height:205px;margin-bottom:22px;object-fit:cover;background:#deded8}
.photo-figure img{height:min(68vh,560px);object-fit:cover;object-position:center}.photo-figure figcaption a{text-decoration:underline;text-underline-offset:3px}.answer-box{margin:0 0 35px;padding:22px 25px;background:#e5eee5;border-top:3px solid var(--green);font-family:var(--sans)}.answer-box strong{display:block;margin-bottom:7px;font:600 12px var(--mono);letter-spacing:.08em;text-transform:uppercase}.answer-box p{margin:0;color:#50675b;font-size:14px;line-height:1.85}.scenario-card{margin:29px 0;padding:22px 25px;background:#eee7db;font-family:var(--sans)}.scenario-card strong{display:block;margin-bottom:8px;color:var(--ink);font:600 12px var(--mono);letter-spacing:.06em}.scenario-card p{margin:0;color:#5d6e64;font-size:14px;line-height:1.85}.table-scroll{overflow-x:auto;margin:25px 0 33px;border-top:1px solid var(--line)}.article-table{width:100%;min-width:620px;border-collapse:collapse;font-family:var(--sans);font-size:13px;line-height:1.65}.article-table th,.article-table td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.article-table th{background:#eee7db;color:var(--ink);font:600 11px var(--mono);letter-spacing:.04em}.article-table td{color:#596a60}.article-table td:first-child{color:var(--ink)}.step-list{padding-left:1.25em!important;counter-reset:field-step}.step-list li{margin:0 0 17px!important;padding-left:7px!important}.checklist-card{display:grid;gap:0;margin:27px 0 34px;padding:8px 23px;background:#fffdf9;border:1px solid var(--line);font-family:var(--sans)}.checklist-card label{display:flex;align-items:flex-start;gap:11px;padding:13px 0;border-bottom:1px solid var(--line);color:#52655b;font-size:13px;line-height:1.65}.checklist-card label:last-child{border-bottom:0}.checklist-card input{width:16px;height:16px;margin-top:3px;accent-color:var(--green)}
@media (max-width:800px){.photo-figure img{height:min(64vh,470px)}.answer-box,.scenario-card{padding:19px 20px}.article-table{font-size:12px}.article-table th,.article-table td{padding:11px 9px}.checklist-card{padding:6px 17px}}