@charset "utf-8";
/* ============================================================
   age动漫 · agedongmangw.org.cn
   第 13 套配色：暖砂羊皮纸底 / 松针绿主 / 深栗褐辅 / 樱花粉点缀
   渲染语言：虚线轨道 + 圆角方描边章
   动效：@keyframes scaleIn（纯缩放，不含 opacity / translate）
   ============================================================ */

:root{
  --sand:#F2EADC;
  --sand-2:#EAE0CE;
  --sand-3:#E2D5BC;
  --card:#FFFCF6;
  --line:#D9CDB8;
  --line-2:#C4B49A;
  --ink:#23201A;
  --ink-2:#63594D;
  --ink-3:#8B8071;

  --green:#2C6E49;
  --green-l:#47926A;
  --green-d:#1B4C31;
  --green-s:#E3EDE4;

  --chest:#43291D;
  --chest-d:#2C1A12;
  --chest-s:#EFE3DA;

  --sakura:#F07EA8;
  --sakura-d:#D05580;
  --sakura-s:#FDE9F1;

  --shadow:0 10px 26px rgba(67,41,29,.10);
  --shadow-s:0 4px 14px rgba(67,41,29,.07);
  --r:16px;
  --r-s:11px;
  --wrap:1140px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--sand);
  color:var(--ink);
  font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Source Han Sans SC",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:16px;
  line-height:1.78;
}
img{max-width:100%;border:0}
a{color:var(--green);text-decoration:none}
a:hover{color:var(--green-d);text-decoration:underline}
h1,h2,h3,h4{margin:0;line-height:1.32;font-weight:700;letter-spacing:.2px}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
figure{margin:0}
button{font:inherit;color:inherit}

.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 22px}

/* 跳转链接：禁用 left:-9999px（会被闸门判越界） */
.skip{
  position:absolute;left:0;top:-64px;width:1px;height:1px;overflow:hidden;
  background:var(--chest);color:#fff;padding:0;z-index:60;
}
.skip:focus{position:fixed;top:8px;left:8px;width:auto;height:auto;padding:10px 16px;border-radius:8px}

/* ============ 顶栏 ============ */
.top{
  position:sticky;top:0;z-index:40;
  background:rgba(242,234,220,.72);
  backdrop-filter:blur(10px);
  border-bottom:1px solid transparent;
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.top[data-solid="1"]{background:rgba(255,252,246,.96);border-bottom-color:var(--line);box-shadow:0 4px 16px rgba(67,41,29,.07)}
.top__in{display:flex;align-items:center;gap:20px;min-height:66px}
.brand{display:flex;align-items:center;gap:11px;flex:0 0 auto;color:var(--ink)}
.brand:hover{text-decoration:none;color:var(--ink)}
.brand img{width:38px;height:38px;border-radius:10px;box-shadow:var(--shadow-s);flex:0 0 auto}
.brand span{display:block;min-width:0}
.brand b{display:block;font-size:19px;letter-spacing:.4px;line-height:1.18}
.brand em{display:block;font-style:normal;font-size:11px;color:var(--ink-3);letter-spacing:1.6px;font-weight:400;line-height:1.25}

.nav{display:flex;align-items:center;gap:4px;flex:1 1 auto;justify-content:flex-end}
.nav a{
  display:inline-block;padding:8px 13px;border-radius:9px;
  color:var(--ink-2);font-size:15px;white-space:nowrap;
}
.nav a:hover{background:var(--green-s);color:var(--green-d);text-decoration:none}
.nav a[aria-current="page"]{background:var(--green);color:#fff;font-weight:600}

.navtoggle{
  display:none;flex:0 0 auto;
  width:42px;height:42px;border:1px solid var(--line-2);border-radius:10px;
  background:var(--card);cursor:pointer;position:relative;
}
.navtoggle i{position:absolute;left:11px;right:11px;height:2px;background:var(--chest);border-radius:2px}
.navtoggle i:nth-child(1){top:14px}
.navtoggle i:nth-child(2){top:20px}
.navtoggle i:nth-child(3){top:26px}

/* ============ 按钮 ============ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 26px;border:0;border-radius:11px;cursor:pointer;
  font-size:16px;font-weight:600;letter-spacing:.3px;text-decoration:none;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.btn:hover{text-decoration:none;transform:translateY(-2px)}
.btn--solid{
  color:#fff;
  background:linear-gradient(112deg,var(--green) 0%,var(--green-d) 100%);
  box-shadow:0 8px 20px rgba(44,110,73,.26);
}
.btn--solid:hover{color:#fff;background:linear-gradient(112deg,var(--green-l) 0%,var(--green) 100%)}
.btn--ghost{
  color:var(--chest);background:var(--card);
  border:1.5px solid var(--line-2);box-shadow:var(--shadow-s);
}
.btn--ghost:hover{color:var(--chest);background:#fff;border-color:var(--green-l)}
.btn--sm{padding:10px 18px;font-size:14.5px;border-radius:9px}
/* 容器里的按钮必须显式写 color，避免被 .nav a / 页脚链接的选择器压掉 */
.top__in > .btn{flex:0 0 auto}
.foot .btn,.cta .btn{color:#fff}
.cta .btn--ghost,.foot .btn--ghost{color:var(--chest)}

/* ============ 通用区块 ============ */
.sec{padding:64px 0}
.sec--tight{padding:48px 0}
.sec--alt{background:var(--sand-2)}
.sec--dark{background:var(--chest);color:#F3E9DF}
.sec--dark .sec__sub{color:rgba(243,233,223,.66)}

/* 虚线轨道分隔带 */
.dash{
  height:30px;
  background-image:repeating-linear-gradient(90deg,var(--line-2) 0 13px,transparent 13px 30px);
  background-size:30px 2px;background-position:0 center;background-repeat:repeat-x;
  position:relative;
}
.dash::before,.dash::after{
  content:"";position:absolute;top:50%;width:12px;height:12px;margin-top:-6px;
  border:2px solid var(--green);border-radius:4px;background:var(--sand);
}
.dash::before{left:6%}
.dash::after{right:6%;border-color:var(--sakura)}
.dash--soft{opacity:.62}

/* 章节标题：圆角方描边章 + 标题 */
.sec__h{display:flex;align-items:center;gap:15px;margin-bottom:10px}
.sec__no{
  flex:0 0 auto;width:42px;height:42px;border:2px solid var(--green);border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  color:var(--green);font-size:16px;font-weight:700;background:var(--card);
}
.sec--dark .sec__no{border-color:var(--green-l);color:var(--green-l);background:rgba(255,255,255,.06)}
.sec__h h2{font-size:27px}
.sec__sub{color:var(--ink-2);font-size:15.5px;margin-bottom:26px;padding-left:57px}
.sec__sub--wide{padding-left:0}

/* ============ Hero ============ */
.hero{
  position:relative;overflow:hidden;
  background:linear-gradient(168deg,#FBF5EA 0%,var(--sand) 46%,#E7DAC4 100%);
  border-bottom:1px solid var(--line);
}
.hero__bg{position:absolute;inset:0;overflow:hidden}
.hero__bg::before{
  content:"";position:absolute;
  left:-130px;top:-110px;width:600px;height:440px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(44,110,73,.16),rgba(44,110,73,0));
}
.hero__bg::after{
  content:"";position:absolute;
  right:-90px;bottom:-140px;width:520px;height:400px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(240,126,168,.15),rgba(240,126,168,0));
}
.hero__in{
  position:relative;z-index:1;
  display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  gap:44px;align-items:center;padding:58px 0 62px;
}
.hero h1{font-size:40px;letter-spacing:.6px;margin-bottom:16px}
.hero h1 em{font-style:normal;color:var(--green)}
.hero__lead{font-size:16.5px;color:var(--ink-2);max-width:560px}
.hero__btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.hero__note{margin-top:18px;font-size:14px;color:var(--ink-3)}
.hero__note b{color:var(--green);font-weight:600}

/* Hero 主视觉：深栗褐面板托住真机截图 */
.hero__shot{position:relative;display:flex;flex-direction:column;align-items:center}
.hero__shot .panel{
  position:absolute;left:50%;top:26px;transform:translateX(-50%);
  width:min(100%,330px);height:calc(100% - 52px);
  background:linear-gradient(150deg,var(--chest) 0%,var(--chest-d) 100%);
  border-radius:26px;
}
.hero__fig{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
.hero__fig img{
  width:100%;max-width:300px;height:auto;margin:0 auto;
  border-radius:16px;box-shadow:0 18px 40px rgba(44,26,18,.30);
}
.hero__cap{
  position:relative;z-index:2;
  margin-top:16px;font-size:13.5px;
  color:#F6EDE3;background:rgba(44,26,18,.9);
  border-radius:10px;padding:9px 15px;
  text-align:center;max-width:320px;
}

/* ============ 指标带 ============ */
.marks{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;margin-top:-34px;position:relative;z-index:2;
}
.mark{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  padding:20px 22px;box-shadow:var(--shadow);min-width:0;
}
.mark b{display:block;font-size:15.5px;color:var(--green-d)}
.mark span{display:block;font-size:14px;color:var(--ink-2);margin-top:5px}
.mark::before{
  content:"";display:block;width:26px;height:4px;border-radius:3px;margin-bottom:12px;
  background:linear-gradient(90deg,var(--green) 0%,var(--sakura) 100%);
}

/* ============ 功能卡（两列） ============ */
.fcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.fcard{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  padding:24px 24px 22px;box-shadow:var(--shadow-s);min-width:0;
  display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;
  transition:transform .2s ease,box-shadow .2s ease;
}
.fcard:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.fcard__no{
  width:44px;height:44px;border-radius:12px;border:2px dashed var(--green-l);
  display:flex;align-items:center;justify-content:center;
  color:var(--green);font-weight:700;font-size:16px;background:var(--green-s);
}
.fcard h3{font-size:18px;margin-bottom:6px}
.fcard p{font-size:15px;color:var(--ink-2)}
.fcard em{font-style:normal;color:var(--green-d);font-weight:600}

/* ============ 预览栅格 ============ */
.shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}
.shot{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  padding:16px 16px 14px;box-shadow:var(--shadow-s);min-width:0;
  display:flex;flex-direction:column;gap:12px;
}
.shot img{
  width:100%;max-width:340px;height:auto;margin:0 auto;
  border-radius:12px;box-shadow:0 0 0 4px #fff,0 6px 18px rgba(67,41,29,.14);
}
.shot figcaption{font-size:14px;color:var(--ink-2);text-align:center}
.shot figcaption b{display:block;color:var(--green-d);font-size:15px;margin-bottom:3px}

/* ============ 入口卡（两列） ============ */
.paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.path{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  padding:26px 26px 24px;box-shadow:var(--shadow-s);position:relative;min-width:0;
}
.path::before{
  content:"";position:absolute;left:0;top:26px;width:6px;height:44px;
  border-radius:0 6px 6px 0;background:linear-gradient(180deg,var(--green) 0%,var(--sakura) 100%);
}
.path h3{font-size:19px;margin-bottom:8px}
.path p{font-size:15px;color:var(--ink-2);margin-bottom:14px}
.path ul li{position:relative;padding-left:20px;font-size:14.5px;color:var(--ink-2);margin-bottom:6px}
.path ul li::before{
  content:"";position:absolute;left:2px;top:10px;width:8px;height:8px;
  border:2px solid var(--green-l);border-radius:3px;
}
.path .more{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:15px;font-weight:600}

/* ============ 评价 ============ */
.voices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.voice{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  padding:22px 22px 20px;box-shadow:var(--shadow-s);position:relative;min-width:0;
}
.voice::before{
  content:"";position:absolute;left:0;top:22px;bottom:22px;width:5px;border-radius:0 5px 5px 0;
  background:var(--sakura);
}
.voice .score{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-3);margin-bottom:10px}
.voice .score b{color:var(--green-d);font-size:14px}
.voice p{font-size:15px;color:var(--ink-2)}
.voice .who{margin-top:12px;font-size:13.5px;color:var(--ink-3)}

/* ============ FAQ ============ */
.qa{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.qa details{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r-s);
  box-shadow:var(--shadow-s);overflow:hidden;
}
.qa details[open]{border-color:var(--green-l)}
.qa summary{
  cursor:pointer;padding:16px 52px 16px 20px;font-size:16px;font-weight:600;
  color:var(--ink);position:relative;list-style:none;
}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{
  content:"";position:absolute;right:20px;top:50%;
  width:12px;height:12px;margin-top:-8px;
  border-right:2.5px solid var(--green);border-bottom:2.5px solid var(--green);
  transform:rotate(45deg);transition:transform .2s ease;
}
.qa details[open] summary::after{transform:rotate(-135deg);margin-top:-4px}
.qa .ans{padding:0 20px 18px;font-size:15px;color:var(--ink-2)}

/* ============ CTA 通栏 ============ */
.cta{
  background:linear-gradient(120deg,var(--chest) 0%,var(--chest-d) 100%);
  color:#F3E9DF;padding:54px 0;
}
.cta h2{font-size:26px;margin-bottom:10px}
.cta p{color:rgba(243,233,223,.76);font-size:15.5px;max-width:640px}
.cta__btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
.cta .btn--solid{background:linear-gradient(112deg,var(--green-l) 0%,var(--green) 100%)}
.cta-note{margin-top:14px;font-size:13.5px;color:rgba(243,233,223,.62)}

/* ============ 页脚 ============ */
.foot{background:var(--chest-d);color:rgba(243,233,223,.78);padding:52px 0 26px;font-size:14.5px}
.foot__in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.2fr);gap:34px}
.foot h3{font-size:16px;color:#F3E9DF;margin-bottom:12px}
.foot .brand{color:#F3E9DF;margin-bottom:12px}
.foot .brand b{color:#F3E9DF}
.foot .brand em{color:rgba(243,233,223,.55)}
.foot a{color:rgba(243,233,223,.82)}
.foot a:hover{color:#fff}
.foot ul li{margin-bottom:7px;position:relative;padding-left:16px}
.foot ul li::before{
  content:"";position:absolute;left:0;top:11px;width:6px;height:6px;
  border-radius:2px;background:var(--green-l);
}
.foot__note{font-size:13.5px;line-height:1.8;color:rgba(243,233,223,.6)}
.foot__bar{
  margin-top:34px;padding-top:18px;border-top:1px solid rgba(243,233,223,.14);
  display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:space-between;
  font-size:13.5px;color:rgba(243,233,223,.55);
}

/* ============ 内页 ============ */
.page-hero{
  background:linear-gradient(168deg,#FBF5EA 0%,var(--sand) 58%,#E7DAC4 100%);
  border-bottom:1px solid var(--line);position:relative;overflow:hidden;
}
.page-hero::after{
  content:"";position:absolute;right:-120px;top:-90px;width:480px;height:360px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(240,126,168,.16),rgba(240,126,168,0));
}
.page-hero__in{position:relative;z-index:1;padding:46px 0 42px;max-width:830px}
.crumb{font-size:13.5px;color:var(--ink-3);margin-bottom:14px}
.crumb a{color:var(--ink-3)}
.crumb span{margin:0 7px}
.page-hero h1{font-size:33px;margin-bottom:14px}
.page-hero .lead{font-size:16px;color:var(--ink-2)}

.doc{
  display:grid;grid-template-columns:236px minmax(0,1fr);
  gap:40px;align-items:start;padding:52px 0 60px;
}
.toc{
  position:sticky;top:84px;
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  padding:20px 20px 18px;box-shadow:var(--shadow-s);
}
.toc .toc__t{font-size:15px;font-weight:700;color:var(--green-d);margin-bottom:12px;letter-spacing:.5px}
.toc ol li{margin-bottom:2px}
.toc a{
  display:block;padding:7px 10px;border-radius:8px;font-size:14.5px;color:var(--ink-2);
  border-left:2px solid transparent;
}
.toc a:hover{background:var(--green-s);color:var(--green-d);text-decoration:none;border-left-color:var(--green-l)}

.prose{min-width:0}
.prose h2{font-size:24px;margin:0 0 14px;padding-top:8px}
.prose h3{font-size:18px;margin:24px 0 8px;color:var(--green-d)}
.prose p{margin-bottom:14px;color:#33302A}
.prose ul,.prose ol{margin:0 0 16px}
.prose ul li{position:relative;padding-left:22px;margin-bottom:8px;color:#33302A}
.prose ul li::before{
  content:"";position:absolute;left:2px;top:11px;width:8px;height:8px;
  border:2px solid var(--green-l);border-radius:3px;
}
.prose ol{counter-reset:li}
.prose ol li{
  position:relative;padding-left:34px;margin-bottom:10px;color:#33302A;counter-increment:li;
}
.prose ol li::before{
  content:counter(li);position:absolute;left:0;top:3px;
  width:22px;height:22px;border-radius:7px;background:var(--green-s);
  border:1.5px solid var(--green-l);color:var(--green-d);
  font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center;
}
.prose blockquote{
  margin:0 0 16px;padding:16px 20px;background:var(--green-s);
  border-left:4px solid var(--green);border-radius:0 var(--r-s) var(--r-s) 0;
  color:var(--green-d);font-size:15px;
}
.prose .lead-2{font-size:15.5px;color:var(--ink-2)}

.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:start}
.pane{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  padding:22px;box-shadow:var(--shadow-s);min-width:0;
}
.pane h3{margin-top:0}
.pane ul li{position:relative;padding-left:22px;margin-bottom:8px;font-size:15px;color:var(--ink-2)}
.pane ul li::before{
  content:"";position:absolute;left:2px;top:10px;width:8px;height:8px;
  border:2px solid var(--green-l);border-radius:3px;
}
.kv{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:18px}
.kv div{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r-s);
  padding:14px 18px;display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px;
  box-shadow:var(--shadow-s);
}
.kv b{color:var(--green-d);font-weight:600;font-size:15px}
.kv span{font-size:15px;color:var(--ink-2)}
.fig-inline{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  padding:16px;margin:0 0 18px;box-shadow:var(--shadow-s);
  display:flex;flex-direction:column;align-items:center;gap:12px;
}
.fig-inline img{width:100%;max-width:300px;height:auto;margin:0 auto;border-radius:12px}
.fig-inline figcaption{font-size:14px;color:var(--ink-2);text-align:center}

.aside{
  margin-top:34px;background:var(--sand-2);border:1px solid var(--line);
  border-radius:var(--r);padding:24px;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;
}
.aside h3{font-size:17px;color:var(--chest)}
.aside ul li{position:relative;padding-left:22px;margin-bottom:8px;font-size:15px;color:var(--ink-2)}
.aside ul li::before{
  content:"";position:absolute;left:2px;top:10px;width:8px;height:8px;
  border:2px solid var(--sakura);border-radius:3px;
}
.aside a{font-weight:600}
.aside .note{font-size:13.5px;color:var(--ink-3)}

/* 入场动效：纯缩放，不含 opacity / translate */
@keyframes scaleIn{
  from{transform:scale(.94)}
  to{transform:scale(1)}
}
.rise{animation:scaleIn .46s cubic-bezier(.22,.68,.34,1) both}
.rise.d1{animation-delay:.08s}
.rise.d2{animation-delay:.16s}
@media (prefers-reduced-motion:reduce){
  .rise{animation:none}
  .btn:hover,.fcard:hover{transform:none}
}

/* ============ 响应式 ============ */
@media (max-width:980px){
  .top__in{flex-wrap:wrap;gap:12px;padding:8px 0}
  .brand{order:1}
  .top__in > .btn{order:2;margin-left:auto}
  .navtoggle{order:3;display:block}
  .nav{
    order:4;flex-basis:100%;flex-direction:column;align-items:stretch;
    display:none;gap:2px;padding-bottom:6px;
  }
  .nav[data-open="1"]{display:flex}
  .nav a{padding:11px 14px}

  .hero__in{grid-template-columns:minmax(0,1fr);gap:34px;padding:44px 0 50px}
  .hero h1{font-size:32px}
  .hero__bg::before,.hero__bg::after{opacity:.6}
  .hero__fig img{max-width:280px}

  .marks{grid-template-columns:minmax(0,1fr);margin-top:-26px}
  .fcards,.paths,.voices,.split{grid-template-columns:minmax(0,1fr)}
  .shots{grid-template-columns:repeat(2,minmax(0,1fr))}

  .sec{padding:52px 0}
  .sec__h h2{font-size:23px}
  .sec__sub{padding-left:0}
  .sec__no{width:38px;height:38px;border-radius:10px;font-size:15px}

  .doc{grid-template-columns:minmax(0,1fr);gap:26px;padding:38px 0 48px}
  .toc{position:static;padding:18px}
  .toc ol{display:grid;grid-template-columns:minmax(0,1fr);gap:2px}
  .page-hero h1{font-size:27px}

  .foot__in{grid-template-columns:minmax(0,1fr);gap:26px}
  .kv div{grid-template-columns:minmax(0,1fr);gap:4px}
}

@media (max-width:620px){
  .wrap{padding:0 16px}
  .hero h1{font-size:27px;letter-spacing:.2px}
  .hero__lead{font-size:15.5px}
  .hero__btns{gap:10px}
  .hero__btns .btn{flex:1 1 auto}
  .hero__fig img{max-width:250px}
  .hero__cap{max-width:280px}
  .hero__note{font-size:13px}

  .shots{grid-template-columns:minmax(0,1fr)}
  .shot img{max-width:300px}
  .fig-inline img{max-width:260px}

  .sec{padding:42px 0}
  .sec__h{gap:11px}
  .sec__h h2{font-size:21px}
  .sec__no{width:34px;height:34px;font-size:14px;border-radius:9px}
  .sec__sub{font-size:14.5px;margin-bottom:20px}

  .page-hero__in{padding:34px 0 32px}
  .page-hero h1{font-size:23px}
  .page-hero .lead{font-size:15px}

  .prose h2{font-size:20px}
  .prose h3{font-size:17px}
  .fcard{grid-template-columns:minmax(0,1fr);gap:12px}
  .fcard__no{width:38px;height:38px;border-radius:10px}
  .path{padding:22px 20px 20px}
  .voice{padding:20px 18px 18px}
  .cta{padding:42px 0}
  .cta h2{font-size:21px}
  .cta__btns .btn{flex:1 1 auto}
  .qa summary{font-size:15px;padding:14px 46px 14px 16px}
  .qa .ans{padding:0 16px 16px}
  .foot{padding:40px 0 22px}
}