:root{
--bg:#fff;--bg2:#f6f6fb;--ink:#191b2e;--ink2:#4b4f68;--ink3:#83869c;
--line:#e7e7f0;--line2:#d3d4e2;
--accent:#4338ca;--accent-deep:#312e81;--accent-soft:#ecebfd;
--f:#1d6fb8;--f-soft:#e8f2fb;--i:#9a6206;--i-soft:#fdf3df;--o:#4338ca;--o-soft:#ecebfd;
--sos:#b3261e;--sos-soft:#fdecea;
--r:14px;--w:1000px;
--shadow:0 1px 2px rgba(25,27,46,.04),0 10px 28px -16px rgba(25,27,46,.14);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);
font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
font-feature-settings:"kern" 1}
a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--line2)}
a:hover{border-bottom-color:var(--accent)}
::selection{background:var(--accent-soft)}
.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;background:#fff;padding:8px 12px;border:1px solid var(--line2);z-index:9}
.wrap{max-width:var(--w);margin:0 auto;padding:0 20px}

/* header（51 号方案，JED 式收敛：品牌 mark＋分组下拉＋高亮求助＋汉堡抽屉）
   ★ 下拉与抽屉全部用 <details> 实现——零 JS 可用；底部那段 JS 只做互斥/外点关闭/Esc 增强。 */
.hd{border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);position:sticky;top:0;z-index:50;backdrop-filter:saturate(1.4) blur(8px)}
.hd-in{display:flex;align-items:center;gap:16px;min-height:60px}
.brand{display:flex;align-items:center;gap:10px;border:0;color:var(--ink)}
.brand:hover{border:0}
.brand-mark{width:34px;height:34px;border-radius:9px;display:block;box-shadow:0 2px 8px -2px rgba(67,56,202,.45)}
.brand-name{font-size:18px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.nav{margin-left:auto;display:flex;gap:3px;align-items:center}
.nav a,.dd>summary{padding:7px 12px;border-radius:999px;border:0;font-size:13.5px;color:var(--ink2);white-space:nowrap;cursor:pointer;background:none;font-family:inherit;line-height:1.5}
.nav a:hover,.dd>summary:hover{background:var(--bg2);color:var(--ink)}
.nav a[aria-current="page"]{background:var(--accent-soft);color:var(--accent);font-weight:600}
.dd{position:relative}
.dd>summary{list-style:none;display:flex;align-items:center;gap:5px;user-select:none}
.dd>summary::-webkit-details-marker{display:none}
.dd>summary::after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.55;transition:transform .18s}
.dd[open]>summary{background:var(--accent-soft);color:var(--accent)}
.dd[open]>summary::after{transform:rotate(225deg) translateY(-1px)}
.dd-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);min-width:238px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px -16px rgba(25,27,46,.28);padding:8px;z-index:60}
.dd-menu a{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:9px;font-size:13.5px;color:var(--ink);border:0}
.dd-menu a:hover{background:var(--bg2)}
.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px}
.dd-all{border-top:1px solid var(--line);margin-top:6px;color:var(--accent)!important;font-weight:600}
.dd-p{align-items:flex-start}
.dd-p b{font-weight:600}
.dd-p small{display:block;font-size:12px;color:var(--ink3);margin-top:1px;font-weight:400}
.cdot{width:8px;height:8px;border-radius:50%;flex:none;margin-top:7px}
/* ★ 求助常驻入口（安全件，G11/G12 外的第三道保险）：实心红胶囊，桌面最右＋移动端不收抽屉 */
.nav a.sos{background:var(--sos);color:#fff;font-weight:600;padding:7px 15px}
.nav a.sos:hover{background:#8c1d18;color:#fff}
.hd-m{display:none;margin-left:auto;align-items:center;gap:10px}
.sos-m{background:var(--sos);color:#fff;font-weight:600;font-size:13px;padding:7px 13px;border-radius:999px;border:0;white-space:nowrap}
.sos-m:hover{background:#8c1d18;color:#fff}
.burger-dd{position:static}
.burger{list-style:none;width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4.5px;cursor:pointer}
.burger::-webkit-details-marker{display:none}
.burger span{width:16px;height:1.8px;background:var(--ink);border-radius:2px;transition:transform .2s,opacity .2s}
.burger-dd[open] .burger span:nth-child(1){transform:translateY(6.3px) rotate(45deg)}
.burger-dd[open] .burger span:nth-child(2){opacity:0}
.burger-dd[open] .burger span:nth-child(3){transform:translateY(-6.3px) rotate(-45deg)}
.drawer{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 24px 44px -20px rgba(25,27,46,.3);padding:8px 16px 18px;max-height:calc(100vh - 60px);max-height:calc(100dvh - 60px);overflow-y:auto;z-index:60}
.dr-h{font-size:12px;color:var(--ink3);margin:14px 4px 6px;letter-spacing:.08em}
.dr-g{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.dr-g a{padding:9px 12px;border-radius:9px;font-size:14px;color:var(--ink);border:0;display:flex;align-items:center;gap:8px}
.dr-g a:hover{background:var(--bg2)}
.dr-g a.dr-all{grid-column:1/-1;color:var(--accent);font-weight:600}

/* ★ hero（首页专用，52 号方案）：深靛底（兜底）+ 星点 + 三张主题图纯 CSS 交叉轮播。
   轮播零 JS：三张图用同一 18s 动画、负 delay 错峰 6s，任何时候恰有一张在「可见窗」。
   图上始终压着品牌渐变——换图瞬间文字也不会读不清；图片加载失败时仍是原来的深靛 hero。 */
.hero{position:relative;overflow:hidden;color:#fff;padding:76px 0 62px;
background:
 radial-gradient(1100px 460px at 88% -12%,rgba(129,140,248,.38),transparent 62%),
 radial-gradient(880px 420px at -8% 112%,rgba(99,102,241,.28),transparent 58%),
 linear-gradient(150deg,#1e1b4b 0%,#312e81 58%,#3730a3 100%)}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:
 radial-gradient(1.6px 1.6px at 14% 26%,rgba(255,255,255,.55),transparent 100%),
 radial-gradient(1.2px 1.2px at 34% 64%,rgba(255,255,255,.35),transparent 100%),
 radial-gradient(1.8px 1.8px at 58% 18%,rgba(255,255,255,.45),transparent 100%),
 radial-gradient(1.2px 1.2px at 76% 52%,rgba(255,255,255,.30),transparent 100%),
 radial-gradient(1.6px 1.6px at 91% 30%,rgba(255,255,255,.45),transparent 100%),
 radial-gradient(1.2px 1.2px at 46% 86%,rgba(255,255,255,.28),transparent 100%)}
.hero .wrap{position:relative;z-index:2}
.hs{position:absolute;inset:0}
.hs picture{position:absolute;inset:0;opacity:0;animation:hsf 18s linear infinite}
.hs picture img{width:100%;height:100%;object-fit:cover;display:block}
.hs picture:nth-child(1){animation-delay:0s}
.hs picture:nth-child(2){animation-delay:-6s}
.hs picture:nth-child(3){animation-delay:-12s}
.hs::after{content:"";position:absolute;inset:0;background:linear-gradient(150deg,rgba(30,27,75,.88) 0%,rgba(49,46,129,.70) 55%,rgba(55,48,163,.52) 100%)}
@keyframes hsf{0%{opacity:0}7%{opacity:.95}25%{opacity:.95}38%{opacity:0}100%{opacity:0}}
.hsd{position:absolute;right:26px;bottom:20px;z-index:2;display:flex;gap:8px}
.hsd i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.42);animation:hsd 18s linear infinite}
.hsd i:nth-child(1){animation-delay:0s}
.hsd i:nth-child(2){animation-delay:-6s}
.hsd i:nth-child(3){animation-delay:-12s}
@keyframes hsd{0%{background:#fff;transform:scale(1.3)}25%{background:#fff;transform:scale(1.3)}38%,100%{background:rgba(255,255,255,.42);transform:scale(1)}}
@media(prefers-reduced-motion:reduce){
.hs picture{animation:none;opacity:0}
.hs picture:first-child{opacity:.95}
.hsd{display:none}
}
.hero .tag{display:inline-block;font-size:12.5px;color:#c7d2fe;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);padding:4px 12px;border-radius:999px;margin-bottom:18px}
.hero h1{font-size:clamp(27px,4.4vw,42px);line-height:1.28;margin:0 0 16px;font-weight:700;letter-spacing:-.015em;color:#fff;max-width:21em}
.hero .lede{font-size:17px;line-height:1.85;color:rgba(224,228,255,.86);margin:0;max-width:36em}
.hero .lede b{color:#fff;font-weight:600}
.cta{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.btn{display:inline-block;background:#fff;color:var(--accent-deep);font-weight:600;font-size:15.5px;padding:11px 24px;border-radius:999px;border:0;box-shadow:0 8px 20px -8px rgba(0,0,0,.45);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px -10px rgba(0,0,0,.5)}
.btn.ghost{background:rgba(255,255,255,.12);color:#fff;box-shadow:none;border:1px solid rgba(255,255,255,.35)}
.btn.ghost:hover{background:rgba(255,255,255,.2)}

/* section */
.sec{padding:46px 0 10px}
.sec>h2{font-size:23px;margin:0 0 8px;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:11px}
.sec>h2::before{content:"";flex:none;width:6px;height:22px;border-radius:3px;background:linear-gradient(180deg,#6366f1,#4338ca)}
.sec>p.sub{margin:0 0 22px;color:var(--ink2);font-size:15px}

/* cards */
.grid{display:grid;gap:16px}
.c2{grid-template-columns:repeat(2,1fr)}
.c3{grid-template-columns:repeat(3,1fr)}
.card{position:relative;display:block;overflow:hidden;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;background:#fff;box-shadow:var(--shadow);transition:transform .16s,box-shadow .16s,border-color .16s}
.card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--pc,var(--accent));border-radius:0 3px 3px 0}
.card:hover{transform:translateY(-3px);box-shadow:0 16px 32px -16px rgba(25,27,46,.28);border-color:var(--pc,var(--accent))}
.card h3{margin:0 0 7px;font-size:16.5px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:8px}
.card h3::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--pc,var(--accent))}
.card p{margin:0;font-size:13.5px;color:var(--ink2);line-height:1.7}
.card .meta{margin-top:12px;font-size:12px;color:var(--ink3)}
.pill{font-size:11.5px;color:var(--accent);background:var(--accent-soft);padding:2px 9px;border-radius:999px;font-weight:500}

/* ★ 二级页 hero（52 号方案）：每个非首页页面都有一张主题照片作背景——
   照片 + 左深右浅的压暗渐变（保证白字可读）+ 栏目色（--pc）在右上角的轻微晕染。
   文章页用紧凑款 .ph-art：面包屑、标题、描述、元信息都进深色区。 */
.phero{position:relative;overflow:hidden;color:#fff;padding:56px 0 42px;background:#1e1b4b}
.ph-bg{position:absolute;inset:0}
.ph-bg picture{position:absolute;inset:0}
.ph-bg img{width:100%;height:100%;object-fit:cover;display:block}
.ph-bg::after{content:"";position:absolute;inset:0;background:
linear-gradient(100deg,rgba(14,15,40,.88) 0%,rgba(14,15,40,.64) 46%,rgba(14,15,40,.26) 78%),
linear-gradient(180deg,rgba(10,10,28,.14),rgba(10,10,28,.40)),
radial-gradient(760px 340px at 88% -10%,color-mix(in srgb,var(--pc,var(--accent)) 42%,transparent),transparent 62%)}
.phero .wrap{position:relative;z-index:1}
.phero .kicker{font-size:12.5px;color:rgba(255,255,255,.7);margin:0 0 10px;letter-spacing:.04em}
.phero h1{font-size:30px;margin:0 0 10px;font-weight:700;letter-spacing:-.01em;color:#fff}
.phero .q{font-size:17px;color:#fff;margin:0 0 10px;font-weight:500}
.phero .d{margin:0;color:rgba(236,239,255,.86);max-width:38em;font-size:15.5px;line-height:1.8}
.ph-art{padding:42px 0 30px}
.phero .crumb{margin:0 0 14px;color:rgba(255,255,255,.62)}
.phero .crumb a{color:rgba(255,255,255,.78);border-bottom-color:rgba(255,255,255,.28)}
.phero .crumb a:hover{color:#fff;border-bottom-color:#fff}
.phero .art-desc{color:rgba(236,239,255,.86);border-bottom-color:rgba(255,255,255,.22)}
.phero .art-meta{color:rgba(255,255,255,.62)}
/* hero 之后紧跟的内容块留出呼吸间距 */
.phero+.wrap{margin-top:26px}

/* list */
.list{list-style:none;padding:0;margin:28px 0 0}
.list li{border-bottom:1px solid var(--line);padding:20px 0}
.list a.t{font-size:18px;font-weight:600;color:var(--ink);border:0}
.list a.t:hover{color:var(--accent)}
.list .d{color:var(--ink2);font-size:14px;margin:7px 0 0}
.list .meta{font-size:12px;color:var(--ink3);margin-top:8px}
.empty{border:1px dashed var(--line2);border-radius:var(--r);padding:24px;color:var(--ink3);font-size:14px;background:var(--bg2)}

/* article */
.prose{max-width:720px;font-size:16.5px;line-height:1.85}
.crumb{font-size:12.5px;color:var(--ink3);margin:26px 0 16px}
.crumb a{border:0;color:var(--ink3)}
.crumb a:hover{color:var(--accent)}
.art-h1{font-size:31px;line-height:1.32;margin:0 0 12px;font-weight:700;letter-spacing:-.01em}
.art-desc{font-size:16.5px;color:var(--ink2);margin:0 0 16px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.art-meta{font-size:12.5px;color:var(--ink3);margin:0 0 4px}
.prose h2{font-size:21.5px;margin:38px 0 13px;font-weight:700;padding-top:6px}
.prose h3{font-size:17.5px;margin:26px 0 8px;font-weight:600}
.prose p{margin:0 0 15px}
.prose ul,.prose ol{margin:0 0 16px;padding-left:22px}
.prose li{margin:6px 0}
.prose blockquote{margin:20px 0;padding:2px 0 2px 16px;border-left:2px solid var(--line2);color:var(--ink2)}
.prose code{font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--bg2);padding:1px 5px;border-radius:4px}
.prose strong{font-weight:600}
.prose table{border-collapse:collapse;width:100%;font-size:14px;margin:0 0 16px}
.prose th,.prose td{border:1px solid var(--line);padding:8px 10px;text-align:left}
.prose th{background:var(--bg2);font-weight:600}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 16px}
.scroll table{margin:0;min-width:420px}

/* ★ 三层标注 —— 本站的视觉签名（f 蓝 / i 琥珀 / o 靛，与 v1 一致） */
.layer{border:1px solid var(--line);border-left:3px solid var(--line2);border-radius:0 var(--r) var(--r) 0;
padding:13px 16px;margin:0 0 14px;background:#fff}
.layer>.lt{display:inline-block;font-size:11.5px;font-weight:600;letter-spacing:.04em;padding:1px 8px;border-radius:4px;margin-bottom:7px}
.layer p{margin:0 0 8px}
.layer p:last-child{margin-bottom:0}
.layer.f{border-left-color:var(--f);background:var(--f-soft)}
.layer.f>.lt{background:var(--f);color:#fff}
.layer.i{border-left-color:var(--i);background:var(--i-soft)}
.layer.i>.lt{background:var(--i);color:#fff}
.layer.o{border-left-color:var(--o);background:var(--o-soft)}
.layer.o>.lt{background:var(--o);color:#fff}
.layer .src{display:block;font-size:12.5px;color:var(--ink2);margin-top:8px;padding-top:8px;border-top:1px dashed var(--line2)}
.layer .pre{display:block;font-size:12.5px;color:var(--ink2);margin-top:6px}

.note{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin:0 0 18px;font-size:14.5px;color:var(--ink2)}
.note b{color:var(--ink)}

/* ★ 处境问答块（solution 层）：页首先给直答，让「问题—答案—出处」在一个视区里 */
.qa{border:1px solid var(--line2);border-left:3px solid var(--accent);border-radius:0 var(--r) var(--r) 0;
background:var(--accent-soft);padding:18px 20px;margin:0 0 28px}
.qa-hd{margin:0 0 10px;font-size:12.5px;color:var(--accent);font-weight:600;letter-spacing:.02em}
.qa-i{margin:0 0 12px;padding:0 0 12px;border-bottom:1px dashed var(--line2)}
.qa-i:last-of-type{border-bottom:0;padding-bottom:0;margin-bottom:10px}
.qa-q{margin:0 0 5px;font-size:15.5px;font-weight:600;color:var(--ink);line-height:1.5}
.qa-a{margin:0;font-size:14.5px;color:var(--ink2);line-height:1.75}
.qa-src{margin:0;padding-top:10px;border-top:1px solid var(--line2);font-size:12.5px;color:var(--ink3);line-height:1.9}
.qa-src a{display:inline-block;margin:2px 10px 2px 0;max-width:100%;overflow-wrap:anywhere;vertical-align:top}

/* ★ 四条入口路径块（涨见识栏目专属，45 号方案）：纯静态 <details>，默认收起，无任何测试 */
.entry{border:1px solid var(--line2);border-radius:var(--r);padding:14px 16px;margin:0 0 20px;background:#fff;box-shadow:var(--shadow)}
.entry .qa-hd{margin:0 0 10px}
.ep{border:1px solid var(--line);border-radius:10px;margin:0 0 8px;background:var(--bg2)}
.ep:last-child{margin-bottom:2px}
.ep summary{cursor:pointer;padding:10px 12px;font-size:14px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;list-style:none}
.ep summary::-webkit-details-marker{display:none}
.ep summary::before{content:"＋";color:var(--ink3);font-size:13px}
.ep[open] summary::before{content:"－"}
.ep[open]{background:#fff}
.ep summary b{font-weight:600;color:var(--ink)}
.ep summary span{font-size:12px;color:var(--ink3)}
.ep p{margin:0;padding:2px 12px 11px;font-size:14px;color:var(--ink2);line-height:1.7}

/* ★ 三轴分组（涨见识栏目页） */
.axis{border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;margin:24px 0 0;background:#fff;box-shadow:var(--shadow)}
.axis h3{margin:0 0 4px;font-size:17px;font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.axis .sd{margin:0 0 6px;font-size:13.5px;color:var(--ink2);line-height:1.7}
.axis .list{margin-top:14px}

/* 处境索引页 */
.sit{border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;margin:0 0 16px;background:#fff;box-shadow:var(--shadow);scroll-margin-top:78px}
.sit h3{margin:0 0 4px;font-size:17px;font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sit .sd{margin:0 0 12px;font-size:13.5px;color:var(--ink2)}
.qlist{list-style:none;padding:0;margin:0}
.qlist li{padding:9px 0;border-top:1px solid var(--line);display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.qlist li:first-child{border-top:0}
.qlist a{font-size:15px}
.qlist .who{font-size:12px;color:var(--ink3);white-space:nowrap}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}
.chip{display:inline-block;font-size:14.5px;font-weight:500;padding:8px 16px;border:1px solid var(--line2);border-radius:999px;color:var(--ink2);background:#fff;transition:border-color .15s,color .15s,background .15s,transform .15s}
.chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}

/* ★ 求助页 / 热线卡片 */
.soscard{border:1px solid #f0c4c0;border-radius:var(--r);padding:22px 24px;margin:0 0 16px;background:linear-gradient(180deg,#fffafa,#fff);box-shadow:var(--shadow)}
.soscard .num{font-size:36px;font-weight:700;letter-spacing:.02em;color:var(--sos);line-height:1.2;border:0;display:block}
.soscard .num:hover{color:#8c1d18}
.soscard h3{margin:0 0 6px;font-size:16px;font-weight:600}
.soscard p{margin:0 0 8px;font-size:14px;color:var(--ink2);line-height:1.7}
.soscard .src{font-size:12.5px;color:var(--ink3)}
.soscard a{border:0}

/* footer */
.ft{border-top:1px solid var(--line);margin-top:60px;padding:38px 0 48px;background:var(--bg2)}
.ft .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:26px}
.ft h4{font-size:12.5px;color:var(--ink3);margin:0 0 10px;font-weight:600;letter-spacing:.04em}
.ft ul{list-style:none;margin:0;padding:0}
.ft li{margin:6px 0;font-size:13.5px}
.ft a{border:0;color:var(--ink2)}
.ft a:hover{color:var(--accent)}
.ft .about{font-size:13.5px;color:var(--ink2);margin:0}
.ft .sib{margin:18px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:#fff;font-size:13px;color:var(--ink2)}
.ft .end{margin:26px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink3);display:flex;flex-wrap:wrap;gap:6px 16px}
/* ★ 全站页脚热线块：每页都有（闸门 G11 盯着） */
.hotline{margin-top:18px;padding:15px 18px;border:1px solid #f0c4c0;border-left:3px solid var(--sos);border-radius:var(--r);background:#fff;font-size:14px;color:var(--ink2);line-height:1.9}
.hotline b{color:var(--sos)}
.hotline .tel{color:var(--sos);font-weight:700;border:0;font-size:16px;margin:0 2px}
.hotline .tel:hover{color:#8c1d18}
.hotline a.more{white-space:nowrap}

@media(max-width:1023px){
.nav{display:none}
.hd-m{display:flex}
}
@media(max-width:860px){
.ft .cols{grid-template-columns:1fr 1fr}
.hero{padding:56px 0 46px}
.c3{grid-template-columns:repeat(2,1fr)}
.phero h1{font-size:26px}
.sec>h2{font-size:20px}
}
@media(max-width:720px){
.hd-in{min-height:54px;gap:10px}
.brand-mark{width:30px;height:30px;border-radius:8px}
.brand-name{font-size:16.5px}
.sos-m{font-size:12.5px;padding:6px 11px}
.hero{padding:44px 0 38px}
.hero h1{font-size:24px}
.hero .lede{font-size:15px;line-height:1.8}
.cta{gap:10px;margin-top:22px}
.btn{font-size:14.5px;padding:10px 20px}
.phero{padding:40px 0 30px}
.phero h1{font-size:23px}
.ph-art{padding:32px 0 24px}
.art-h1{font-size:23px}
.prose{font-size:15.5px}
.prose h2{font-size:18.5px;margin-top:30px}
.qa{padding:14px 15px}
.qa-q{font-size:15px}
.qa-a{font-size:14px}
.sit{padding:15px 16px}
.sec{padding:34px 0 8px}
.sec>h2{font-size:18px}
.sec>h2::before{height:18px;width:5px}
.soscard .num{font-size:30px}
.chip{font-size:13.5px;padding:7px 14px}
}
@media(max-width:560px){
.c2,.c3{grid-template-columns:1fr}
.ft .cols{grid-template-columns:1fr}
.wrap{padding:0 16px}
.hero h1{font-size:22px}
}