
:root{--paper:#F7F5F0;--white:#FFFFFF;--pale:#EAF0EA;--sand:#F2EBDD;--ink:#183B36;--deep:#112E2A;--link:#275D55;--rust:#9A4935;--text:#263630;--muted:#51635D;--line:#D7DED7}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font:16px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}img{display:block;max-width:100%;height:auto}figure,article,section,nav,aside,div{min-width:0}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.35;overflow-wrap:break-word}h1{font-size:34px;letter-spacing:-.025em}h2{font-size:24px}h3{font-size:19px}p{margin-bottom:1.1em}a{color:var(--link);text-underline-offset:4px}a:hover{color:var(--rust)}a:focus-visible,button:focus-visible{outline:3px solid #B56B48;outline-offset:3px}button{font:inherit;cursor:pointer}button:hover{color:var(--rust)}.container{width:100%;max-width:1180px;margin:0 auto;padding-left:30px;padding-right:30px}.skip{position:absolute;left:12px;top:-100px;background:white;padding:8px;z-index:10}.skip:focus{top:8px}.site-header{background:white;border-bottom:1px solid var(--line)}.topbar{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;color:var(--ink)}.brand-mark{display:flex;align-items:center}.brand-logo{max-height:34px;max-width:170px;width:auto}.brand-text{display:flex;flex-direction:column;gap:0;line-height:1.25}.brand-text strong{letter-spacing:.12em;font-size:15px}.brand-text small{font-size:12px;color:var(--muted);margin-top:4px}.desktop-actions,.mobile-actions{display:flex;align-items:center;gap:12px}.desktop-actions>a,.mobile-actions>a,.menu-toggle{font-size:15px;color:var(--ink);padding:9px 12px;text-decoration:none}.menu-toggle{border:1px solid var(--line);border-radius:7px;background:#fff;min-height:44px}.menu-toggle span{margin-left:5px}.mobile-actions{display:none}.channel-bar{border-top:1px solid var(--line)}.channel-inner{height:48px;display:flex;align-items:stretch;gap:36px}.channel-inner a{display:flex;align-items:center;position:relative;font-size:15px;font-weight:550;color:var(--ink);text-decoration:none}.channel-inner a[aria-current="page"]{font-weight:750}.channel-inner a[aria-current="page"]::after{position:absolute;content:"";bottom:0;left:0;right:0;height:2px;background:var(--link)}.site-map{background:var(--pale);border-top:1px solid var(--line)}.site-map[hidden]{display:none!important}.map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px;padding-top:24px;padding-bottom:28px}.map-grid h2{font-size:16px;margin-bottom:10px}.map-links{display:grid;gap:3px}.map-links a{display:flex;align-items:baseline;gap:9px;padding:5px 0;text-decoration:none}.map-links strong{font-size:14px;flex:0 0 auto}.map-links span{font-size:13px;color:var(--muted)}.nojs-map{padding-top:16px;padding-bottom:16px}.nojs-map div{display:flex;flex-wrap:wrap;gap:7px 17px;margin-top:8px}.nojs-map a{font-size:14px}.site-footer{background:#18332F;color:#F4F7F2;margin-top:54px;padding-top:38px}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.footer-grid h2{font-size:16px;color:#fff;margin-bottom:12px}.footer-grid p{font-size:14px;color:#F4F7F2;line-height:1.65}.footer-grid a{display:block;width:fit-content;color:#F4F7F2;font-size:14px;margin-bottom:5px;text-decoration:none}.footer-grid a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #52706A;margin-top:24px;padding-top:15px;padding-bottom:22px;color:#F4F7F2;font-size:13px}.mobile-bottom{display:none}.eyebrow{display:block;color:var(--rust);font-size:13px;font-weight:750;letter-spacing:.09em;margin-bottom:12px}.homepage .home-section{margin-top:58px}.homepage .home-hero{margin-top:38px}.home-hero{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);align-items:center;gap:40px}.home-hero h1{margin-bottom:18px}.home-hero p{font-size:16px;line-height:1.85;max-width:650px}.media img{border-radius:9px;border:1px solid var(--line);width:auto;max-width:100%;height:auto}.hero-img{max-height:265px;object-fit:contain}.action-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.action-links a{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border:1px solid var(--link);text-decoration:none;border-radius:6px;font-weight:650}.action-links a:first-child{color:white;background:var(--ink)}.section-heading{max-width:760px;margin-bottom:25px}.section-heading h2{margin-bottom:10px}.section-heading p{color:var(--muted)}.steps{border-top:1px solid var(--line);padding-top:34px}.steps-wrap{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,.8fr);gap:42px;align-items:start}.steps-list article{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.steps-list article:first-child{padding-top:0}.steps-list span,.number-lines li::marker{color:var(--rust);font-weight:750}.steps-list h3{margin-bottom:6px}.steps-list p{margin-bottom:4px}.steps-list a,.section-link a{font-weight:650}.narrow-img{max-width:290px;max-height:230px}.film-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,.8fr);gap:38px}.feature-img{max-width:420px;max-height:235px;margin-bottom:22px}.feature-index{border-left:1px solid var(--line);padding-left:24px}.feature-index .small-img{max-height:140px;max-width:240px;margin-bottom:20px}.feature-index p{font-size:15px}.short-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr);gap:30px;align-items:start}.number-lines{padding-left:32px;margin:0}.number-lines li{padding:0 0 12px 6px;margin-bottom:12px;border-bottom:1px solid var(--line)}.number-lines p{margin:3px 0}.comic-feature .essay-intro{max-width:800px}.mid-img{max-width:400px;max-height:230px;margin:20px 0 26px}.text-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:850px}.text-pair>div{border-top:2px solid var(--line);padding-top:14px}.small-inline{max-width:300px;max-height:190px;margin-top:18px}.city-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:40px;background:var(--pale);border-radius:10px;padding:30px}.city-feature h3{margin-top:16px}.city-img{max-width:390px;max-height:245px}.mood-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr);gap:32px}.mood-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mood-lines article{border-top:1px solid var(--line);padding-top:13px}.mood-lines h3{margin-bottom:5px}.mood-lines p{font-size:15px;margin-bottom:6px}.mood-lines a{font-size:14px}.editor-intro{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,.6fr);gap:30px}.editor-essay{max-width:710px}.editor-intro .small-img{max-width:min(100%,230px);max-height:170px}.status-line{display:flex;flex-wrap:wrap;gap:10px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin:20px 0;color:var(--muted);font-size:14px}.tiny-img{max-width:240px;max-height:95px;margin-top:10px}.access{display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,1.5fr);gap:46px;align-items:center;background:white;padding:28px;border-radius:10px}.access .app-pic{max-width:200px;max-height:330px}.home-hero:not(:has(>figure.media)),.steps-wrap:not(:has(>figure.media)),.city-feature:not(:has(>figure.media)),.mood-grid:not(:has(>figure.media)),.access:not(:has(>figure.media)),.app-layout:not(:has(>figure.media)){grid-template-columns:minmax(0,1fr)}.access p{max-width:710px}.last-links{display:flex;gap:24px;flex-wrap:wrap;padding-top:26px;margin-top:48px;border-top:1px solid var(--line)}.inner-page{max-width:1040px}.crumb{display:flex;gap:10px;flex-wrap:wrap;padding-top:25px;color:var(--muted);font-size:14px}.page-lead{max-width:850px;margin:30px 0 36px}.page-lead h1{margin-bottom:14px}.page-lead p{font-size:16px;color:var(--muted);line-height:1.8;max-width:810px}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,235px);gap:36px;align-items:start}.reading-aside{border-left:1px solid var(--line);padding-left:20px}.reading-aside .media{margin-bottom:20px}.aside-pic{max-height:220px}.aside-note{background:var(--pale);border-radius:8px;padding:16px;margin-bottom:15px;font-size:14px;color:var(--text)}.aside-note h3{font-size:16px;margin-bottom:7px}.aside-note p{margin-bottom:0}.prose{max-width:720px}.prose-wide{max-width:760px}.article-section{margin-bottom:29px}.article-section h2{font-size:23px;border-top:1px solid var(--line);padding-top:18px;margin-bottom:11px}.article-section p{line-height:1.85}.article-pic{max-width:420px;max-height:240px;margin-bottom:24px}.inline-pic{max-width:380px;max-height:225px;margin:18px 0 28px}.app-layout{grid-template-columns:220px minmax(0,1fr)}.app-layout>.media{grid-column:1}.app-layout>.prose{grid-column:2;grid-row:1}.app-pic{max-width:220px;max-height:370px}.section-kicker{font-weight:700;color:var(--rust);margin-bottom:24px}.note-strip{background:var(--sand);border-left:3px solid var(--rust);padding:16px;max-width:760px}.related{max-width:850px;border-top:1px solid var(--line);margin-top:40px;padding-top:22px}.related h2{font-size:20px}.related-links{display:flex;flex-wrap:wrap;gap:10px}.related-links a{display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--line);padding:6px 13px;background:white;text-decoration:none;border-radius:7px}.back-link{display:inline-block;margin-top:20px;font-size:14px}.essays{max-width:750px}.essay{margin-bottom:46px}.essay h2{font-size:24px}.essay p{font-size:16px;line-height:1.9}.essay-2{border-top:1px solid var(--line);padding-top:25px}.essay-3{background:var(--sand);padding:24px;border-radius:9px;max-width:660px}.essay-illustration{max-width:310px;max-height:190px;margin:18px 0}.faq-list{max-width:820px}.faq-item{border-top:1px solid var(--line);padding:18px 0}.faq-item h2{display:flex;align-items:baseline;gap:12px;font-size:19px}.faq-item h2 span{font-size:13px;color:var(--rust)}.faq-item p{margin:0 0 0 34px}
@media(max-width:900px){.container{padding-left:22px;padding-right:22px}.channel-inner{gap:27px}.map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-layout{grid-template-columns:minmax(0,1fr) 210px;gap:22px}.city-feature{gap:22px}}
@media(max-width:767px){body{padding-bottom:calc(58px + env(safe-area-inset-bottom))}.container{padding-left:16px;padding-right:16px}.topbar{min-height:60px}.brand-logo{max-height:29px;max-width:150px}.brand-text strong{font-size:13px}.brand-text small{font-size:10px}.desktop-actions,.channel-bar{display:none}.mobile-actions{display:flex;gap:2px}.mobile-actions>a,.mobile-actions button{font-size:14px;padding:8px 9px}.map-grid{grid-template-columns:minmax(0,1fr);gap:18px;padding-top:18px;padding-bottom:18px}.map-links{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.map-links a{padding:7px 0;align-items:center;gap:10px;min-height:44px}.map-links span{font-size:13px}.mobile-bottom{position:fixed;z-index:8;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:white;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:14px;text-decoration:none;font-weight:650}.site-footer{margin-top:40px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.footer-bottom{padding-bottom:24px}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}.homepage .home-section{margin-top:39px}.homepage .home-hero{margin-top:23px}.home-hero,.steps-wrap,.film-grid,.short-grid,.text-pair,.city-feature,.mood-grid,.mood-lines,.editor-intro,.access,.reading-layout,.app-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:21px}.home-hero{gap:18px}.home-hero h1{font-size:28px}.home-hero .media{grid-column:auto}.hero-img{max-height:200px}.section-heading{margin-bottom:17px}.steps{padding-top:26px}.steps-list article{gap:12px}.narrow-img,.feature-img,.mid-img,.city-img,.small-inline,.article-pic,.inline-pic{max-height:200px;max-width:100%}.feature-index,.reading-aside{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:18px}.feature-index .small-img{max-height:130px}.city-feature{padding:18px}.editor-intro .small-img{max-height:160px}.access{padding:18px}.access .app-pic{max-width:180px;max-height:300px}.page-lead{margin:22px 0 28px}.page-lead p{font-size:16px}.article-section h2{font-size:21px}.reading-layout>.prose,.app-layout>.prose,.app-layout>.media{grid-column:auto;grid-row:auto}.app-layout>.media{grid-row:1}.app-layout>.prose{grid-row:2}.app-pic{max-width:180px;max-height:300px}.related{margin-top:28px}.essay-3{padding:17px}.faq-item p{margin-left:0}.last-links{gap:15px}}
@media(min-width:390px) and (max-width:767px){.map-links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}.map-links a{display:block}.map-links a span{display:block;line-height:1.4}.map-grid{gap:15px}}
@media(max-width:359px){.container{padding-left:14px;padding-right:14px}.brand{gap:5px}.brand-text small{font-size:9px}.brand-text strong{letter-spacing:.04em}.mobile-actions>a,.mobile-actions button{padding:7px 6px}.brand-logo{max-width:105px}.footer-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
