:root{--paper:#F6F5F1;--white:#fff;--soft:#ECEFEB;--pale:#E5EFEB;--warm:#F2E9E2;--ink:#203744;--deep:#152B37;--slate:#49616C;--teal:#2E6A62;--orange:#A95539;--heading:#20313A;--body:#394950;--muted:#5C6C73;--border:#D5DEDC;--foot:#172E39}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--body);font:16px/1.82 system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}img{display:block;max-width:100%;height:auto;object-fit:contain}figure{margin:0;min-width:0}a{color:var(--teal);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:#204D47;text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}button{font:inherit;cursor:pointer}h1,h2,h3{color:var(--heading);line-height:1.38;letter-spacing:.012em}h1{font-size:34px;margin:0 0 18px}h2{font-size:24px;margin:0 0 20px}h3{font-size:19px}p{margin:0 0 17px}p:last-child{margin-bottom:0}main,section,article,aside,div{min-width:0}strong{font-weight:700}.shell{width:100%;max-width:1160px;padding-left:32px;padding-right:32px;margin:0 auto}.skip-link{position:absolute;top:-100px;left:12px;z-index:50;background:#fff;padding:12px}.skip-link:focus{top:12px}.site-header{position:relative;z-index:2}.brand-bar{background:var(--deep);border-bottom:1px solid #35515F;color:#fff}.brand-line{height:60px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;gap:12px;align-items:center;color:#fff;text-decoration:none}.brand:hover{color:#fff;text-decoration:none}.brand-logo{max-width:170px}.brand-logo img{max-height:33px;width:auto;max-width:170px}.brand-text{display:flex;flex-direction:column;line-height:1.25}.brand-text strong{font-size:21px;letter-spacing:.04em}.brand-text small{font-size:11px;color:#E6F0EF;letter-spacing:.06em}.brand-actions{display:flex;align-items:center;gap:22px}.selected-link{color:#fff;font-size:14px}.selected-link:hover{color:#fff}.menu-button,.directory-close{border:1px solid #88A5A6;border-radius:8px;padding:7px 16px;min-height:44px;background:transparent;color:#fff}.menu-button:hover{background:#294553}.desktop-nav{background:#fff;border-bottom:1px solid var(--border)}.nav-line{height:48px;display:flex;gap:34px;align-items:stretch}.nav-line a{color:var(--ink);font-size:15px;display:flex;align-items:center;border-bottom:2px solid transparent;text-decoration:none}.nav-line a:hover,.nav-line a[aria-current="page"]{border-bottom-color:var(--teal);font-weight:700}.directory{background:#fff;padding-top:22px;padding-bottom:22px;border:1px solid var(--border);border-top:0}.directory[hidden]{display:none!important}.directory-desktop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.directory h2{font-size:16px;margin-bottom:10px}.directory section a{display:block;padding:6px 0;text-decoration:none;color:var(--ink);font-size:14px}.directory section a:hover{text-decoration:underline}.directory section small{display:block;color:var(--muted);font-size:12px;line-height:1.4}.directory-bottom{border-top:1px solid var(--border);padding-top:13px;margin-top:15px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;font-size:13px}.directory-bottom a{color:var(--slate)}.directory-close{margin-left:auto;min-height:36px;color:var(--ink);border-color:var(--border);font-size:13px}.directory-mobile,.mobile-bottom,.nojs-directory{display:none}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);font-weight:700;margin:0 0 15px}.crumbs{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);padding-top:28px;margin-bottom:22px}.crumbs a{color:var(--slate)}.inner-page{padding-bottom:70px}.page-intro{max-width:860px;border-bottom:1px solid var(--border);padding-bottom:27px;margin-bottom:34px}.lead{font-size:17px;line-height:1.85;max-width:840px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(0,230px);gap:42px;align-items:start}.article-layout.no-side{grid-template-columns:minmax(0,760px)}.long-article{width:100%;max-width:760px}.article-section{margin-bottom:32px}.article-section h2{margin-bottom:13px}.long-article p{line-height:1.9}.line-sections{border-left:1px solid #BECFCB;padding-left:25px}.line-sections .article-section{position:relative}.line-sections .article-section:before{content:"";position:absolute;left:-32px;top:10px;width:12px;height:12px;background:var(--orange);border-radius:50%;border:3px solid var(--paper)}.essay-sections .article-section+ .article-section{border-top:1px solid var(--border);padding-top:28px}.essay-sections .article-section:last-child{max-width:610px}.shelf-sections .article-section{padding:19px 23px;background:#fff;border:1px solid var(--border);border-radius:11px}.shelf-sections .article-section:nth-child(even){background:var(--pale)}.image-wrap{margin:12px 0 26px;padding:8px;background:#fff;border:1px solid var(--border);border-radius:10px;width:fit-content;max-width:100%}.image-wrap img{max-height:250px;width:auto}.article-aside{max-width:230px}.article-aside .image-wrap img{max-height:260px}.aside-copy{border-left:2px solid var(--teal);padding-left:15px;font-size:14px;color:var(--muted)}.aside-copy strong{color:var(--ink)}.inline-image img{max-height:220px}.topic-anchor{background:var(--pale);border-left:3px solid var(--teal);border-radius:0 10px 10px 0;padding:20px 24px;margin:24px 0 36px}.topic-anchor h2{font-size:20px}.related-section{max-width:1000px;border-top:1px solid var(--border);padding-top:30px;margin-top:34px}.related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.related-links a{display:flex;justify-content:space-between;gap:8px;padding:14px 16px;min-height:55px;background:white;border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--ink)}.related-links a:hover{border-color:var(--teal)}.back-home{display:inline-block;margin-top:22px;font-size:14px}.faq-list{max-width:760px}.faq-entry{padding:20px 0;border-bottom:1px solid var(--border)}.faq-entry:first-child{padding-top:0}.faq-entry h2{font-size:20px;margin-bottom:10px}.site-footer{background:var(--foot);color:#F5F8F7;padding:46px 0 22px}.site-footer h2{color:#fff;font-size:16px;margin-bottom:15px}.site-footer p{font-size:14px;color:#E9F1EF}.footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1.25fr;gap:36px}.site-footer a{display:block;font-size:14px;color:#F5F8F7;text-decoration:none;margin:0 0 8px}.site-footer a:hover{text-decoration:underline}.footer-end{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #3C5360;padding-top:17px;margin-top:28px;font-size:13px}.footer-end a{font-size:13px;margin:0}.home-page{padding-top:34px;padding-bottom:65px}.home-section{margin-top:60px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:19px}.section-head a{font-size:14px}.hero{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;gap:34px;padding:24px 0 30px}.hero .lead{max-width:650px;font-size:17px}.hero h1{font-size:36px;max-width:660px}.hero-visual{max-width:440px;justify-self:end}.hero-visual img{max-height:270px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:21px}.pill-link{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:8px 17px;background:var(--teal);color:#fff;border-radius:8px;text-decoration:none;font-size:14px}.pill-link:hover{color:#fff;background:#204E47;text-decoration:none}.pill-link.secondary{background:#fff;color:var(--ink);border:1px solid var(--border)}.info-intro{max-width:830px}.info-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:35px}.steps{border-left:2px solid var(--teal);padding-left:20px}.step{display:grid;grid-template-columns:30px minmax(0,1fr);gap:15px;margin:0 0 17px}.step-number{font-size:22px;color:var(--orange);font-weight:700}.step h3{margin:0 0 6px}.step p{font-size:15px}.small-pic img{max-height:210px}.inline-links{display:flex;gap:9px 19px;flex-wrap:wrap;margin-top:20px;font-size:14px}.feature-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:34px}.feature-main{background:#fff;border:1px solid var(--border);padding:24px;border-radius:11px}.feature-main h3{font-size:22px}.feature-main .image-wrap img{max-height:240px}.mini-read{border-bottom:1px solid var(--border);padding:0 0 23px;margin-bottom:23px}.mini-read h3{margin:0 0 8px}.mini-read .image-wrap{max-width:170px}.mini-read .image-wrap img{max-height:115px}.strip-row{display:flex;align-items:center;gap:22px;border-top:1px solid var(--border);padding:18px 0}.strip-row .image-wrap img{max-height:105px}.prose-col{max-width:740px}.comic-image img{max-height:260px}.city-image img{max-height:250px}.split-two{display:grid;grid-template-columns:1.1fr .9fr;gap:36px}.work-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:40px}.workflow{padding:18px 20px;background:var(--pale);border-radius:11px}.workflow li{padding:7px 0;border-bottom:1px solid #CBDDD7}.workflow li:last-child{border:0}.workflow strong{color:var(--ink)}.workflow-pics{display:flex;align-items:flex-start;flex-wrap:wrap;gap:15px}.workflow-pics .image-wrap img{max-height:155px}.reading-grid{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:32px}.reading-grid .image-wrap img{max-height:220px}.reading-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 24px}.reading-list a{display:block;padding:13px 0;border-bottom:1px solid var(--border);text-decoration:none;color:var(--ink)}.reading-list a span{display:block;color:var(--muted);font-size:14px}.slow-grid{display:grid;grid-template-columns:minmax(0,710px) minmax(0,180px);gap:35px}.slow-grid .image-wrap img{max-height:165px}.status-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.status-row div{background:#fff;border:1px solid var(--border);padding:16px;border-radius:9px}.status-row strong{display:block;color:var(--ink)}.status-row span{font-size:14px}.status-pic img{max-height:135px}.app-grid{display:grid;grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:30px;align-items:center}.app-grid .image-wrap img{max-width:210px;max-height:380px}.service-links{display:flex;flex-wrap:wrap;gap:12px 20px;border-top:1px solid var(--border);padding-top:20px;margin-top:25px;font-size:14px}
@media(max-width:1020px){.shell{padding-left:24px;padding-right:24px}.article-layout{grid-template-columns:minmax(0,1fr) 190px;gap:24px}.article-aside{max-width:190px}.footer-grid{gap:20px}.nav-line{gap:25px}.feature-grid,.work-grid{gap:23px}}
@media(max-width:767px){.shell{padding-left:16px;padding-right:16px}.brand-line{height:60px}.brand-logo img{max-height:28px;max-width:110px}.brand-text strong{font-size:18px}.brand-text small,.selected-link,.desktop-nav{display:none}.brand-actions{gap:7px}.menu-button{min-height:44px;padding:6px 13px}.directory{padding-top:16px}.directory-desktop{display:none}.directory-mobile{display:block}.directory-mobile section{border-bottom:1px solid var(--border);padding:8px 0 13px}.mobile-link-group{display:grid;grid-template-columns:minmax(0,1fr);gap:3px}.directory section a{min-height:38px;padding:7px 0}.directory-bottom{gap:10px 16px}.directory-close{margin-left:0}.nojs-directory{display:flex;flex-wrap:wrap;gap:6px 13px;padding-top:10px;padding-bottom:10px;background:#fff;border-bottom:1px solid var(--border)}.nojs-directory a{font-size:14px}.mobile-bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--border);z-index:9}.mobile-bottom a{display:flex;align-items:center;justify-content:center;color:var(--ink);font-size:13px;min-height:44px;text-decoration:none}.mobile-bottom a[aria-current="page"]{font-weight:700;color:var(--teal);border-top:2px solid var(--teal)}body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}h1,.hero h1{font-size:27px;line-height:1.35}h2{font-size:22px}h3{font-size:18px}.lead,.hero .lead{font-size:16px}.home-page{padding-top:14px}.home-section{margin-top:39px}.hero,.info-grid,.feature-grid,.split-two,.work-grid,.reading-grid,.slow-grid,.app-grid,.article-layout,.article-layout.no-side,.footer-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.hero{padding:15px 0}.hero-visual{justify-self:start;max-width:100%}.hero-visual img{max-height:200px}.feature-main{padding:17px}.reading-list{grid-template-columns:minmax(0,1fr)}.status-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.article-aside{max-width:100%;display:block}.article-aside .image-wrap img{max-height:200px}.page-intro{padding-bottom:18px;margin-bottom:25px}.crumbs{padding-top:19px;margin-bottom:17px}.article-section{margin-bottom:26px}.line-sections{padding-left:20px}.line-sections .article-section:before{left:-27px}.shelf-sections .article-section{padding:16px}.related-links{grid-template-columns:minmax(0,1fr)}.site-footer{padding-top:35px}.footer-grid{gap:23px}.footer-end{flex-wrap:wrap}.comic-image img,.city-image img{max-height:190px}.small-pic img{max-height:180px}.work-grid .image-wrap img{max-height:160px}.app-grid .image-wrap img{max-width:175px;max-height:300px}.strip-row{align-items:flex-start;flex-direction:column;gap:9px}.slow-grid .image-wrap img{max-height:155px}.inner-page{padding-bottom:42px}.related-section{margin-top:23px}.section-head{align-items:flex-start;flex-direction:column;gap:0}}
@media(min-width:390px) and (max-width:767px){.mobile-link-group{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:15px}}
@media(max-width:359px){.shell{padding-left:14px;padding-right:14px}.brand-logo img{max-width:92px}.status-row{grid-template-columns:minmax(0,1fr)}}
@media(min-width:768px){.menu-button{min-width:104px}.directory-mobile{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero.no-media,.reading-grid.no-media,.slow-grid.no-media,.app-grid.no-media{grid-template-columns:minmax(0,1fr)}
.brand-logo{background:#fff;border-radius:5px;padding:2px 4px}