:root{--bg:#FAFAF6;--card:#FFFFFF;--section:#F0F3EC;--soft:#E4EBDF;--title:#20352B;--text:#34433B;--muted:#52645A;--hint:#59685E;--primary:#32634E;--primary-dark:#244A39;--accent:#B75E35;--border:#DBE3D9;--footer:#20352B;--footer-text:#F5F7F1;--shadow:0 9px 26px rgba(29,53,41,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.8;overflow-wrap:anywhere}body.panel-open{overflow:hidden}a{color:var(--primary-dark);text-decoration:none}a:hover{text-decoration:underline}button,a{outline-offset:3px}button:focus-visible,a:focus-visible{outline:3px solid rgba(50,99,78,.32)}img{max-width:100%;height:auto;object-fit:contain;object-position:center;display:block}.wrap{width:min(1120px,calc(100% - 64px));margin:0 auto}.skip-link{position:fixed;left:12px;top:10px;transform:translateY(-160%);background:#fff;color:var(--primary-dark);padding:10px 14px;border-radius:8px;z-index:999}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:70;background:#fff;border-bottom:1px solid var(--border)}.topbar{height:68px;display:flex;align-items:center;gap:24px;min-width:0}.brand{display:flex;align-items:center;min-width:0;flex:0 0 auto}.brand-logo{height:34px;width:auto;max-width:185px}.brand-text{display:flex;flex-direction:column;line-height:1.1;color:var(--title)}.brand-text strong{font-size:19px}.brand-text small{font-size:10px;letter-spacing:.12em;margin-top:4px}.desktop-nav{display:flex;align-items:stretch;gap:20px;height:100%;margin-left:auto}.desktop-nav a{display:flex;align-items:center;font-size:14px;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.desktop-nav a.active{color:var(--primary-dark);border-bottom-color:var(--primary-dark);font-weight:700;text-decoration:none}.header-actions{display:flex;align-items:center;gap:10px}.text-button,.close-button{min-height:44px;border:1px solid var(--border);background:#fff;color:var(--primary-dark);border-radius:9px;padding:0 13px;font:inherit;cursor:pointer}.text-button:hover,.close-button:hover{background:var(--section)}.mobile-link{font-size:14px;white-space:nowrap}.mobile-actions{display:none;margin-left:auto;align-items:center;gap:8px}
.panel-layer{position:fixed;inset:68px 0 0;visibility:hidden;pointer-events:none;z-index:90}.panel-layer.open{visibility:visible;pointer-events:auto}.panel-backdrop{position:absolute;inset:0;background:rgba(32,53,43,.24)}.drop-panel{position:relative;width:min(1120px,calc(100% - 64px));max-height:60vh;overflow:auto;margin:0 auto;background:#fff;border:1px solid var(--border);border-top:0;border-radius:0 0 14px 14px;box-shadow:var(--shadow);padding:24px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.panel-head h2{margin:0;font-size:22px;color:var(--title)}.panel-head p{margin:4px 0 0;color:var(--muted)}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.directory-grid>div{min-width:0}.directory-grid h3{font-size:15px;color:var(--accent);margin:0 0 8px}.directory-grid a{display:flex;flex-direction:column;justify-content:center;min-height:54px;padding:8px 0;border-bottom:1px solid #eef1ec}.directory-grid b{font-size:15px;color:var(--title)}.directory-grid span{font-size:13px;line-height:1.55;color:var(--muted)}.quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quick-links a{min-height:52px;display:flex;align-items:center;padding:12px 16px;border:1px solid var(--border);border-radius:10px;background:var(--section)}
main{min-height:60vh}.hero,.page-hero{padding:58px 0 48px}.hero-grid,.split,.media-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center}.hero h1,.page-hero h1{font-size:32px;line-height:1.25;margin:0 0 14px;color:var(--title)}.eyebrow{font-size:13px;letter-spacing:.08em;color:var(--accent);font-weight:700;margin-bottom:8px}.lead{font-size:17px;line-height:1.85;color:var(--muted);max-width:760px}.hero-copy .lead{max-width:640px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:9px;border:1px solid var(--primary-dark);background:var(--primary-dark);color:#fff;font-weight:700}.button.secondary{background:#fff;color:var(--primary-dark)}.button:hover{text-decoration:none;filter:brightness(.98)}.hero-image-wrap,.image-shell{background:var(--section);border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;align-items:center;justify-content:center}.hero-image{max-height:280px;width:100%}.content-image{max-height:230px;width:100%}.card-image{max-height:190px;width:100%}.small-image{max-height:150px;width:100%}.mobile-image{width:min(260px,100%);max-height:390px;margin:auto}
.section{padding:56px 0}.section.alt{background:var(--section)}.section.soft{background:var(--soft)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-head h2{font-size:24px;line-height:1.35;color:var(--title);margin:0}.section-head p{margin:0;color:var(--muted);max-width:620px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{min-width:0;background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px;box-shadow:var(--shadow)}.card h3{margin:12px 0 7px;font-size:19px;line-height:1.4;color:var(--title)}.card p{margin:0;color:var(--text)}.card .meta,.meta{font-size:14px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:20px}.feature-grid>*{min-width:0}.feature-grid .large{grid-row:span 2}.number-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.number-item{border-top:3px solid var(--primary);padding:14px 0}.number-item b{display:block;font-size:22px;color:var(--accent);margin-bottom:5px}.number-item h3{font-size:18px;margin:0 0 6px;color:var(--title)}.topic-list{display:grid;gap:0}.topic-list a,.status-list li{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--border);align-items:start}.topic-list strong{color:var(--title)}.status-list{list-style:none;padding:0;margin:0}.status-badge{font-size:13px;color:var(--primary-dark);font-weight:700}.quote-note{border-left:3px solid var(--accent);padding:8px 0 8px 18px;color:var(--muted);margin:18px 0}.prose{width:min(720px,calc(100% - 32px));margin:0 auto}.prose h2{font-size:24px;line-height:1.4;color:var(--title);margin:34px 0 10px}.prose h3{font-size:19px;color:var(--title);margin:26px 0 8px}.prose p{margin:0 0 18px}.prose ul,.prose ol{padding-left:1.25em;margin:0 0 20px}.prose li{margin:6px 0}.article-wide{width:min(920px,calc(100% - 64px));margin:0 auto}.chapter{padding:26px 0;border-top:1px solid var(--border)}.chapter:first-child{border-top:0}.chapter h2{margin:0 0 10px;color:var(--title);font-size:24px}.chapter h3{font-size:19px;color:var(--title)}.chapter p{margin:0 0 16px}.aside-note{background:var(--soft);border-left:4px solid var(--primary);padding:18px;border-radius:0 10px 10px 0;margin:20px 0}.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.detail-list{display:grid;gap:12px}.detail-item{background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px}.detail-item h3{margin:0 0 6px;color:var(--title);font-size:18px}.faq-list{display:grid;gap:14px}.faq-item{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px}.faq-item h2{font-size:18px;margin:0 0 8px;color:var(--title)}.faq-item p{margin:0}.service-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.service-links a{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid var(--border);border-radius:9px;background:#fff}.editor-letter{background:#fff;border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:20px}.editor-label{display:inline-block;font-size:13px;color:var(--accent);font-weight:700;margin-bottom:7px}.mobile-bottom{display:none}
.site-footer{background:var(--footer);color:var(--footer-text);padding:46px 0 24px;margin-top:44px}.site-footer a{color:#fff;opacity:.9}.footer-brand{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.15)}.footer-brand p{margin:7px 0 0;color:#dfe7df}.footer-logo{height:34px;width:auto;max-width:190px;filter:none}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:28px 0}.footer-grid h2{font-size:15px;margin:0 0 10px;color:#fff}.footer-grid a{display:block;font-size:14px;margin:6px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding-top:18px;font-size:13px;color:#dfe7df}.footer-bottom p{margin:4px 0}
@media (max-width:980px){.wrap{width:min(100% - 48px,1120px)}.desktop-nav{gap:12px}.desktop-actions .text-button{padding:0 9px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid .large{grid-row:auto}.number-list{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.desktop-nav,.desktop-actions{display:none}.mobile-actions{display:flex}.topbar{height:62px}.panel-layer{inset:62px 0 0}.drop-panel{width:100%;max-height:70dvh;border-left:0;border-right:0;border-radius:0 0 12px 12px}.hero-grid,.split,.media-block{grid-template-columns:1fr}.hero-image-wrap{order:2}.quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}.wrap{width:calc(100% - 32px)}.brand-logo{height:30px;max-width:150px}.brand-text strong{font-size:18px}.hero,.page-hero{padding:38px 0 32px}.hero h1,.page-hero h1{font-size:27px}.section{padding:38px 0}.section-head{display:block}.section-head h2,.prose h2,.chapter h2{font-size:21px}.section-head p{margin-top:7px}.cards,.cards.two,.feature-grid,.mini-grid,.quick-links,.directory-grid,.number-list{grid-template-columns:1fr}.card{padding:16px}.hero-image{max-height:220px}.content-image{max-height:210px}.card-image{max-height:180px}.topic-list a,.status-list li{grid-template-columns:1fr;gap:4px}.article-wide{width:calc(100% - 32px)}.drop-panel{padding:18px 16px}.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom: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:80}.mobile-bottom a{min-height:56px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--muted);border-top:2px solid transparent}.mobile-bottom a.active{color:var(--primary-dark);border-top-color:var(--primary-dark);font-weight:700;text-decoration:none}.site-footer{margin-top:32px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.footer-brand{display:block}.panel-layer{bottom:calc(56px + env(safe-area-inset-bottom))}}
@media (max-width:390px){.mobile-actions{gap:4px}.mobile-actions .text-button{padding:0 10px}.brand-logo{max-width:132px}.footer-grid{grid-template-columns:1fr}.actions{display:grid}.button{width:100%}}

/* Footer brand remains legible without altering the uploaded artwork. */
.footer-wordmark{display:inline-flex;flex-direction:column;align-items:flex-start;gap:3px;color:#F5F7F1!important;text-decoration:none;opacity:1!important;line-height:1.2}.footer-wordmark strong{font-size:22px;letter-spacing:.025em}.footer-wordmark span{font-size:11px;letter-spacing:.16em;color:#DCE8DD}.footer-wordmark:hover{text-decoration:underline;text-underline-offset:4px}.brand-logo{object-fit:contain;filter:none;background:transparent}
