* ,*::before,*::after{box-sizing:border-box} :root{--paper:#F6F5F1;--white:#fff;--muted:#ECEFEB;--mint:#E5EFEB;--warm:#F2E9E2;--ink:#203744;--deep:#152B37;--gray:#49616C;--teal:#2E6A62;--terra:#A95539;--title:#20313A;--body:#394950;--soft:#5C6C73;--line:#D5DEDC}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--body);font:16px/1.8 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}a{color:var(--teal);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--terra)}:focus-visible{outline:3px solid var(--terra);outline-offset:3px}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--terra);outline-offset:3px}img{display:block;max-width:100%;height:auto;object-fit:contain}figure{margin:0;min-width:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--title);line-height:1.4}h1{font-size:34px;line-height:1.3;letter-spacing:-.025em}h2{font-size:24px}h3{font-size:19px}p{margin-bottom:1.1em}.shell{width:100%;max-width:1160px;margin-inline:auto;padding-inline:32px;min-width:0}.site-header{background:#fff}.brand-bar{background:var(--deep);color:#fff}.brand-inner{height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;min-width:0;text-decoration:none;color:#fff}.brand:hover{color:#fff}.logo-bed{background:#fff;border-radius:7px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;padding:3px}.brand-logo{max-height:32px;max-width:170px;width:auto}.brand-symbol{font-weight:900;color:var(--ink);font-size:18px}.brand-type{display:flex;flex-direction:column;line-height:1.3}.brand-type strong{font-size:19px;letter-spacing:.04em}.brand-type small{font-size:11px;color:#E5EEEC;letter-spacing:.08em}.desktop-actions{display:flex;align-items:center;gap:24px}.outline-action{background:transparent;border:1px solid #A5BDBA;color:#fff;border-radius:8px;min-height:44px;padding:7px 14px}.outline-action:hover{background:#344e58}.top-link{color:#fff;text-decoration:none;font-size:14px}.top-link:hover{color:#fff;text-decoration:underline}.main-nav{background:#fff;border-bottom:1px solid var(--line)}.nav-inner{height:48px;display:flex;gap:36px;align-items:stretch}.nav-inner a{display:flex;align-items:center;border-bottom:2px solid transparent;color:var(--title);font-size:15px;text-decoration:none;min-width:52px;justify-content:center}.nav-inner a:hover,.nav-inner a.is-active{color:var(--teal);border-bottom-color:var(--teal);font-weight:700}.mobile-menu-button{display:none}.directory{padding-top:22px;padding-bottom:20px;border-bottom:1px solid var(--line);background:#fff}.directory[hidden],.mobile-directory[hidden]{display:none!important}.directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.directory-grid h2,.mobile-directory h2{font-size:15px;color:var(--teal);margin:0 0 9px}.directory-grid section>a{display:flex;flex-wrap:wrap;gap:3px 10px;align-items:baseline;padding:5px 0;min-height:34px;text-decoration:none;color:var(--title);line-height:1.6}.directory-grid section>a:hover strong{text-decoration:underline}.directory-grid strong{font-size:14px}.directory-grid span{font-size:12px;color:var(--soft)}.minor-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:17px;padding-top:14px;border-top:1px solid var(--line);font-size:14px}.close-directory{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px;min-height:44px;padding:6px 16px;margin-top:14px}.mobile-directory,.noscript-nav{display:none}.skip-link{position:absolute;left:10px;top:-100px;z-index:10;background:white;padding:8px}.skip-link:focus{top:10px}.crumb{font-size:14px;margin:22px 0 19px;color:var(--soft)}.crumb a{color:var(--gray)}main{min-width:0}.inner-main{max-width:1000px;margin-inline:auto}.article-head{padding:7px 0 18px;border-bottom:1px solid var(--line);margin-bottom:28px}.eyebrow{font-size:13px;font-weight:800;color:var(--teal);letter-spacing:.12em;margin-bottom:12px}.article-head h1{max-width:790px;margin-bottom:13px}.article-lead{max-width:760px;color:var(--gray);font-size:17px;line-height:1.75;margin:0}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:45px;align-items:start}.reading-body{max-width:760px;min-width:0}.article-section{margin-bottom:36px}.article-section h2{margin-bottom:14px;padding-left:14px;border-left:3px solid var(--teal)}.article-section p{margin-bottom:15px}.article-section h3{margin:25px 0 10px}.article-aside{border-top:3px solid var(--teal);background:var(--mint);padding:20px;border-radius:2px 2px 10px 10px;font-size:14px}.article-aside strong{display:block;font-size:16px;color:var(--title);margin-bottom:7px}.article-aside a{display:block;margin:8px 0}.inline-photo{margin:25px auto 32px;max-width:420px}.inline-photo img,.feature-photo img{max-height:250px;width:auto;margin:auto;border:1px solid var(--line);border-radius:10px;background:white}.article-layout .inline-photo{margin-left:0}.portrait-photo{max-width:210px;margin:12px auto 25px}.portrait-photo img{max-height:380px;border:1px solid var(--line);border-radius:10px}.related{margin:42px 0 65px;padding:24px;border:1px solid var(--line);border-radius:12px;background:#fff}.related h2{font-size:21px;margin-bottom:8px}.related-list{display:flex;flex-wrap:wrap;gap:10px 20px}.related-list a{display:inline-flex;align-items:center;min-height:44px}.reading-list{padding-left:22px}.reading-list li{padding:5px 0}.question{border-bottom:1px solid var(--line);padding:0 0 22px;margin-bottom:24px}.question h2{font-size:20px}.process{border-left:2px solid var(--line);margin-left:9px;padding-left:24px}.process .article-section{position:relative}.process .article-section::before{content:"";position:absolute;background:var(--terra);width:10px;height:10px;border-radius:50%;left:-30px;top:10px}.home-main{padding-top:28px}.home-hero{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:40px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px 36px;min-height:300px}.home-hero h1{max-width:620px}.home-hero p{max-width:620px}.hero-image img{max-height:270px;margin:auto}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.btn{min-height:44px;display:inline-flex;align-items:center;padding:7px 17px;border-radius:8px;text-decoration:none;border:1px solid var(--teal);font-size:15px;font-weight:700}.btn.primary{color:white;background:var(--teal)}.btn.secondary{color:var(--teal);background:#fff}.btn:hover{filter:brightness(.92)}.home-section{margin-top:62px}.section-intro{display:flex;align-items:baseline;gap:14px;margin-bottom:19px}.section-intro span{color:var(--terra);font-size:13px;font-weight:800;letter-spacing:.12em}.section-intro h2{margin:0}.section-intro::after{content:"";height:1px;background:var(--line);flex:1}.home-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:30px;align-items:start}.home-grid>*{min-width:0}.step-rows{border-left:2px solid var(--line);padding-left:24px}.step-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;padding-bottom:18px}.step-row .num{font-weight:800;color:var(--terra)}.step-row h3{margin-bottom:4px}.step-row p{margin-bottom:6px}.mini-figure{max-width:345px;margin:8px auto}.mini-figure img{max-height:240px;margin:auto;border:1px solid var(--line);border-radius:10px}.wide-feature{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:26px}.feature-photo{max-width:600px;margin:0 0 20px}.index-strip{display:grid;gap:14px}.index-strip a{display:block;border-bottom:1px solid var(--line);padding:14px 2px;text-decoration:none;color:var(--title)}.index-strip a strong{display:block;font-size:17px}.index-strip a span{font-size:14px;color:var(--soft)}.mini-row{display:flex;gap:20px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}.mini-row img{max-width:130px;max-height:100px}.prose{max-width:760px}.prose p{margin-bottom:16px}.comic-home .mini-figure{max-width:500px;margin:18px 0}.comic-home .mini-figure img{max-height:260px}.link-row{display:flex;flex-wrap:wrap;gap:10px 22px;padding:14px 0;border-top:1px solid var(--line)}.link-row a{min-height:44px;display:inline-flex;align-items:center}.wide-picture{max-width:760px;margin-bottom:22px}.wide-picture img{max-height:250px;border:1px solid var(--line);border-radius:10px}.copy-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;max-width:860px}.home-steps{background:var(--mint);padding:20px;border-radius:10px}.home-steps ol{padding-left:23px;margin:0}.home-steps li{padding:7px 0}.small-detail{max-width:270px;margin:15px 0}.small-detail img{max-height:175px}.curated{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:26px}.short-editorial{max-width:700px}.status-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.status-line div{border-top:3px solid var(--teal);background:#fff;padding:12px;border-radius:0 0 8px 8px}.status-line strong{display:block;color:var(--title)}.status-line small{font-size:13px}.phone-section{display:flex;gap:35px;align-items:flex-start}.phone-section .portrait-photo{flex:0 0 210px;margin:0}.service-line{border-top:1px solid var(--line);padding-top:14px;margin-top:20px}.site-footer{background:#172E39;color:#F5F8F7;padding:42px 0 18px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.3fr;gap:26px}.footer-grid h2{font-size:16px;color:#fff;margin-bottom:13px}.footer-grid p{font-size:14px;line-height:1.8;color:#f0f5f4}.footer-grid a{display:block;width:fit-content;color:#F5F8F7;font-size:14px;margin:5px 0;text-decoration:none}.footer-grid a:hover{text-decoration:underline;color:#fff}.footer-base{border-top:1px solid #49616C;margin-top:32px;padding-top:17px;font-size:13px;color:#F5F8F7}.mobile-bottom{display:none}.anchor-links{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0 0 25px}.anchor-links a{min-height:40px;display:inline-flex;align-items:center}.topic-banner{border:1px solid var(--line);background:var(--mint);border-radius:9px;padding:18px;margin:14px 0 25px}.topic-banner h2{font-size:19px;margin-bottom:6px}.topic-banner p{margin:0}.numbered .article-section h2{border:0;padding:0}.numbered .article-section h2::first-letter{color:var(--terra)}
@media(max-width:1050px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shell{padding-inline:24px}.article-layout{gap:25px;grid-template-columns:minmax(0,1fr) 215px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.shell{padding-inline:16px}.brand-inner{height:60px}.brand-type strong{font-size:17px}.brand-type small{font-size:10px}.brand-sub{display:none}.brand-logo{max-height:28px}.logo-bed{min-width:32px;min-height:32px}.desktop-actions,.main-nav,.directory{display:none!important}.mobile-menu-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:72px;background:transparent;color:#fff;border:1px solid #9cb4b1;border-radius:8px;font-size:15px}.mobile-directory{display:block;padding:19px 0 22px;border-bottom:1px solid var(--line);background:#fff}.mobile-directory section{padding:9px 0 14px;border-bottom:1px solid var(--line)}.mobile-directory section a{display:block;padding:6px 0;color:var(--title);font-size:15px;min-height:40px;text-decoration:none}.mobile-directory section a:hover{text-decoration:underline}.mobile-directory h2{margin:0 0 5px}.noscript-nav{display:block;padding-block:14px;border-bottom:1px solid var(--line)}.noscript-nav div{display:flex;flex-wrap:wrap;gap:6px 17px}.noscript-nav a{font-size:14px}.home-main{padding-top:17px}.home-hero,.home-grid,.wide-feature,.copy-pair,.curated,.article-layout,.status-line{grid-template-columns:minmax(0,1fr)}.home-hero{gap:12px;padding:20px 17px;min-height:0}.hero-image img{max-height:200px}.home-section{margin-top:40px}.section-intro{gap:10px}.home-grid,.wide-feature{gap:16px}.step-rows{padding-left:12px}.mini-figure{margin:10px 0}.mini-figure img,.inline-photo img,.feature-photo img{max-height:200px}.comic-home .mini-figure img{max-height:190px}.wide-picture img{max-height:200px}.article-layout .article-aside{margin-top:10px}.article-aside{padding:17px}.article-head{margin-bottom:23px}.article-section{margin-bottom:28px}.phone-section{display:block}.phone-section .portrait-photo{max-width:175px;margin:0 0 20px}.portrait-photo img{max-height:300px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 17px}.site-footer{padding-bottom:23px}.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));bottom:0;left:0;right:0;min-height:56px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line);z-index:8}.mobile-bottom a{font-size:13px;display:flex;align-items:center;justify-content:center;min-height:56px;color:var(--gray);text-decoration:none;border-top:2px solid transparent}.mobile-bottom a.on{color:var(--teal);border-top-color:var(--teal);font-weight:800}body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}h1{font-size:27px;line-height:1.35}h2{font-size:22px}h3{font-size:18px}.article-lead{font-size:16px}p{line-height:1.8}.crumb{margin:16px 0}.related{padding:17px;margin-bottom:38px}.related-list{display:grid;gap:0}.related-list a{min-height:44px}.link-row{gap:5px 17px}.short-editorial{max-width:none}.index-strip{gap:2px}.index-strip a{padding:11px 2px}.status-line{gap:9px}.curated .mini-figure{max-width:250px}.mini-row{align-items:flex-start}.mini-row img{max-width:90px}.footer-grid a{line-height:1.65}}@media(max-width:350px){.shell{padding-inline:14px}.brand-type small{letter-spacing:0}.footer-grid{grid-template-columns:minmax(0,1fr)}.hero-actions{gap:8px}.btn{padding-inline:12px}.step-row{grid-template-columns:30px minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep image-optional compositions fluid when local assets are not yet present. */
.home-hero:not(:has(.hero-image)),.home-grid:not(:has(.mini-figure)):not(:has(.home-steps)),.wide-feature:not(:has(.feature-photo)),.curated:not(:has(.mini-figure)){grid-template-columns:minmax(0,1fr)}
@media(max-width:767px){.home-hero,.home-grid,.wide-feature,.curated{grid-template-columns:minmax(0,1fr)}}

.app-small-icon{width:52px;margin:0 0 14px}.app-small-icon img{max-width:52px;max-height:52px}