@charset "utf-8";
/* ==========================================================================
   樱花漫画 · yinghuacomic.cc  （第 5 档 · 日系和风 + 编辑视角风）
   配色：和纸米白底 + 朱红（主）+ 藏青（辅）+ 金茶（点缀）
   渲染语言：无卡片框、零投影，靠 1px 罫线 + 编号 + 留白分隔（杂志排版）
   ========================================================================== */

:root{
  --paper:#F3EFE6;      /* 和纸米白 */
  --panel:#FFFCF6;      /* 面板 */
  --panel-2:#F8F4EA;
  --rule:#DFD8C8;       /* 罫线 */
  --rule-2:#EBE5D8;

  --ink:#2A2622;        /* 墨 */
  --ink-2:#5C554B;
  --ink-3:#8B8275;

  --shu:#B23A2C;        /* 朱红 */
  --shu-d:#8A2A1E;
  --shu-l:#F6E4DF;

  --cin:#1B2E4F;        /* 藏青 */
  --cin-d:#101E37;
  --cin-l:#E5EAF2;

  --kin:#A88A3C;        /* 金茶 */
  --kin-l:#F2E8CE;

  --foot:#241F19;

  --serif:"Hiragino Mincho ProN","Yu Mincho","Songti SC","STSong","SimSun",Georgia,"Times New Roman",serif;
  --sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Segoe UI",system-ui,-apple-system,sans-serif;

  --wrap:1120px;
}

*,*::before,*::after{box-sizing:border-box}
body,h1,h2,h3,h4,p,ul,ol,li,figure,figcaption,blockquote,dl,dd,dt,details,summary{margin:0;padding:0}
ul,ol{list-style:none}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.85;
  letter-spacing:.01em;
}
img{max-width:100%;height:auto;display:block;border:0}
a{color:var(--cin);text-decoration:none}
a:hover{color:var(--shu)}
strong,b{font-weight:700}
em{font-style:normal}

.wrap{max-width:var(--wrap);min-width:0;width:100%;margin:0 auto;padding:0 22px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── 入场动效：纯 CSS keyframes（与滚动位置无关）──────────────────────── */
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.rise{animation:rise .55s cubic-bezier(.2,.7,.3,1) both}
.rise.d1{animation-delay:.08s}
.rise.d2{animation-delay:.16s}
.rise.d3{animation-delay:.24s}
.rise.d4{animation-delay:.32s}
@media (prefers-reduced-motion:reduce){
  .rise{animation:none;opacity:1;transform:none}
}

/* ── 报头 ─────────────────────────────────────────────────────────── */
.site-header{
  position:sticky;top:0;z-index:30;
  background:var(--panel);
  border-bottom:1px solid var(--rule);
}
.site-header::after{content:"";display:block;height:3px;background:var(--shu)}
.head-in{
  display:flex;align-items:center;gap:18px;
  max-width:var(--wrap);min-width:0;width:100%;margin:0 auto;padding:12px 22px;
}
.brand{display:flex;align-items:center;gap:11px;flex:0 0 auto;color:var(--ink)}
.brand .logo{width:42px;height:42px;flex:none}
.brand-name{display:block;font-family:var(--serif);font-size:21px;font-weight:700;letter-spacing:.08em;line-height:1.15}
.brand-name .sub{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.14em;color:var(--ink-3);font-weight:400}
.nav{display:flex;align-items:center;gap:4px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}
.nav a{
  padding:8px 13px;font-size:15px;color:var(--ink-2);
  border-bottom:2px solid transparent;
}
.nav a:hover{color:var(--shu);border-bottom-color:var(--shu)}
.nav a.on{color:var(--shu);border-bottom-color:var(--shu);font-weight:700}
.header-cta{flex:0 0 auto;margin-left:6px}

/* ── 按钮：朱红实底 + 藏青落款线（本档 CTA 形制）──────────────────── */
.btn{
  display:inline-block;background:var(--shu);color:#FFFCF6;
  font-size:16px;font-weight:700;letter-spacing:.06em;
  padding:14px 30px;border-radius:3px;border-bottom:3px solid var(--cin);
  transition:transform .16s ease,background-color .16s ease,border-bottom-color .16s ease;
}
.btn:hover{background:var(--shu-d);color:#FFFCF6;transform:translateY(2px);border-bottom-color:var(--shu-d)}
.btn.sm{padding:10px 20px;font-size:14px}
.btn.lg{padding:17px 46px;font-size:18px}

/* ── 卷首（Hero）────────────────────────────────────────────────── */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--rule);
  background:linear-gradient(101deg,var(--paper) 0%,#F7F1E6 42%,#EFF0EC 70%,#E9EDF1 100%)}
.hero::before{  /* 纹理：市松（checker）方格，向下淡出 */
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-conic-gradient(from 0deg,rgba(178,58,44,.055) 0deg 90deg,transparent 90deg 180deg) 0 0/30px 30px;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.35) 62%,transparent 100%);
          mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.35) 62%,transparent 100%);
}
.hero::after{  /* 鸟居楣线：一条朱红横线压在卷首顶部 */
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--shu) 0%,var(--shu) 38%,var(--cin) 38%,var(--cin) 100%);
}
.hero-in{
  position:relative;z-index:1;
  display:grid;grid-template-columns:minmax(0,1.36fr) minmax(0,.86fr);gap:44px;
  max-width:var(--wrap);margin:0 auto;padding:40px 22px 52px;
}
.hero-grid>*{min-width:0}

.masthead{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;
  padding-bottom:12px;border-bottom:1px solid var(--rule)}
.masthead .kicker{font-family:var(--serif);font-size:14px;letter-spacing:.34em;color:var(--shu);font-weight:700}
.masthead .issue{font-size:13px;letter-spacing:.16em;color:var(--ink-3);margin-left:auto}

h1{
  font-family:var(--serif);font-weight:700;color:var(--ink);
  font-size:43px;line-height:1.3;letter-spacing:.03em;margin:22px 0 0;
}
h1 em{color:var(--shu);border-bottom:3px solid var(--kin);padding-bottom:2px}
.lead-p{
  margin-top:16px;max-width:44em;font-size:16.5px;color:var(--ink-2);line-height:1.95;
}
.hero-acts{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:26px}
.hero-note{font-size:13.5px;color:var(--ink-3)}

.contents{margin-top:30px;padding-top:14px;border-top:1px solid var(--rule)}
.contents .ct{font-size:13px;letter-spacing:.2em;color:var(--ink-3);margin-bottom:10px}
.contents ol{display:flex;flex-wrap:wrap;gap:8px 10px}
.contents li{flex:0 0 auto}
.contents a{
  display:inline-block;padding:6px 13px;background:var(--panel);
  border:1px solid var(--rule);border-radius:3px;font-size:14px;color:var(--ink-2);
}
.contents a:hover{border-color:var(--shu);color:var(--shu)}
.contents a b{font-family:var(--serif);color:var(--shu);margin-right:7px;font-size:13px}

.phone-stage{display:flex;justify-content:center;align-items:flex-start;gap:16px}
.phone{
  width:216px;flex:none;padding:9px;background:var(--panel);
  border:1px solid var(--cin);border-bottom:3px solid var(--cin);border-radius:14px;
}
.phone.small{width:150px;padding:7px;margin-top:34px}
.phone .screen{border-radius:7px;overflow:hidden;background:#fff;border:1px solid var(--rule-2)}
.phone .screen img{width:100%;height:auto;display:block}
.phone figcaption{font-size:12px;color:var(--ink-3);text-align:center;padding-top:7px;line-height:1.5}

/* ── 章节 ───────────────────────────────────────────────────────── */
.sec{padding:56px 0;border-bottom:1px solid var(--rule)}
.sec.alt{background:var(--panel-2)}
.sec-head{margin-bottom:26px}
.sec-head h2{
  position:relative;padding-left:36px;
  font-family:var(--serif);font-size:27px;font-weight:700;line-height:1.45;color:var(--ink);
}
.sec-head h2::before{  /* 朱印方章 */
  content:"";position:absolute;left:0;top:50%;margin-top:-9px;width:18px;height:18px;
  background:var(--shu);box-shadow:inset 0 0 0 4px var(--panel);
}
.sec-head h2::after{   /* 藏青短竖线 */
  content:"";position:absolute;left:27px;top:50%;margin-top:-11px;width:2px;height:22px;background:var(--cin);
}
.sec-sub{margin-top:10px;font-size:15.5px;color:var(--ink-2);max-width:52em}
.sec-head .sub{padding-left:36px}

/* 刊物信息栏 */
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--rule)}
.fact{padding:20px 22px 22px 0;border-bottom:1px solid var(--rule-2)}
.fact+.fact{padding-left:22px;border-left:1px solid var(--rule-2)}
.fact b{display:block;font-family:var(--serif);font-size:17px;color:var(--cin);margin-bottom:7px}
.fact span{display:block;font-size:14.5px;color:var(--ink-2);line-height:1.8}
.fact i{font-family:var(--serif);font-style:normal;color:var(--kin);margin-right:6px}

/* 悬挂编号条目 */
.entries{border-top:1px solid var(--rule)}
.entry{display:grid;grid-template-columns:78px minmax(0,1fr);gap:0;border-bottom:1px solid var(--rule-2)}
.entry-num{
  font-family:var(--serif);font-size:30px;color:var(--shu);line-height:1;
  padding:26px 0 0 0;letter-spacing:.02em;
}
.entry-body{padding:24px 0 26px}
.entry-body h3{font-family:var(--serif);font-size:20px;font-weight:700;color:var(--ink)}
.entry-body .note{
  display:block;margin-top:9px;padding-left:13px;border-left:3px solid var(--kin);
  font-size:15px;color:var(--ink-2);
}
.entry-body p{margin-top:12px;font-size:15.5px;color:var(--ink-2)}
.entry-body .go{display:inline-block;margin-top:13px;font-size:14.5px;color:var(--cin);border-bottom:1px solid var(--rule)}
.entry-body .go:hover{color:var(--shu);border-bottom-color:var(--shu)}

/* 表格（窄屏横滑）*/
.tbl-scroll{overflow-x:auto;margin-top:20px;border:1px solid var(--rule);background:var(--panel)}
table.cmp{border-collapse:collapse;width:100%;min-width:600px}
table.cmp th,table.cmp td{padding:13px 16px;text-align:left;font-size:14.5px;border-bottom:1px solid var(--rule-2)}
table.cmp th{background:var(--panel-2);font-family:var(--serif);font-size:15px;color:var(--cin);white-space:nowrap}
table.cmp tr:last-child td{border-bottom:0}
table.cmp td:first-child{white-space:nowrap;color:var(--ink)}
.tbl-cap-outer{margin-top:20px;font-size:14px;color:var(--ink-3)}
.tbl-note{margin-top:11px;font-size:13.5px;color:var(--ink-3)}

/* 三档口径卡（收费页）*/
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:8px}
.tier{background:var(--panel);border:1px solid var(--rule);padding:22px 22px 24px}
.tier.hi{border-color:var(--shu);border-top:4px solid var(--shu)}
.tier b{display:block;font-family:var(--serif);font-size:19px;color:var(--ink)}
.tier .tag{display:inline-block;margin-top:6px;font-size:12.5px;letter-spacing:.14em;color:var(--kin)}
.tier p{margin-top:12px;font-size:15px;color:var(--ink-2)}
.tier ul{margin-top:12px}
.tier li{position:relative;padding-left:16px;font-size:14.5px;color:var(--ink-2)}
.tier li::before{content:"";position:absolute;left:0;top:.78em;width:6px;height:6px;background:var(--kin)}

/* 版面上的界面 */
.plates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.plate{background:var(--panel);border:1px solid var(--rule);padding:11px}
.plate .shot{border:1px solid var(--rule-2);overflow:hidden;background:#fff}
.plate .shot img{width:100%;height:auto;display:block}
.plate figcaption{margin-top:11px;font-size:14px;color:var(--ink-2);line-height:1.7}
.plate figcaption b{display:block;font-family:var(--serif);font-size:15.5px;color:var(--cin);margin-bottom:3px}

/* 读者来信 */
.letters{border-top:1px solid var(--rule)}
.letter{padding:24px 0;border-bottom:1px solid var(--rule-2)}
.letter .from{font-family:var(--serif);font-size:15px;color:var(--kin);letter-spacing:.06em}
.letter .q{margin-top:8px;font-size:17px;font-weight:700;color:var(--ink)}
.letter .a{
  margin-top:13px;padding:15px 18px;background:var(--panel);
  border-left:3px solid var(--cin);font-size:15.5px;color:var(--ink-2);
}
.letter .a b{color:var(--cin);font-family:var(--serif);margin-right:8px}
.letter .a a{border-bottom:1px solid var(--rule)}

/* FAQ 折叠 */
.faq{border-top:1px solid var(--rule)}
details{border-bottom:1px solid var(--rule-2)}
details summary{
  position:relative;cursor:pointer;list-style:none;
  padding:17px 44px 17px 0;font-size:16.5px;font-weight:700;color:var(--ink);
}
details summary::-webkit-details-marker{display:none}
details summary::after{
  content:"";position:absolute;right:8px;top:50%;width:11px;height:11px;
  border-right:2px solid var(--shu);border-bottom:2px solid var(--shu);
  transform:translateY(-70%) rotate(45deg);
}
details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
details summary:hover{color:var(--shu)}
details .ans{padding:0 0 20px;font-size:15.5px;color:var(--ink-2)}
details .ans a{border-bottom:1px solid var(--rule)}

/* 结论条 */
.verdict{margin-top:22px;padding:20px 24px;background:var(--kin-l);border-left:4px solid var(--kin)}
.verdict b{font-family:var(--serif);color:var(--shu-d)}
.verdict p{font-size:15px;color:var(--ink-2);margin-top:7px}

/* 收尾下载条 */
.band{background:var(--paper);padding:60px 0;border-bottom:1px solid var(--rule)}
.band-in{
  max-width:var(--wrap);margin:0 auto;padding:0 22px;
  display:flex;align-items:center;gap:32px;flex-wrap:wrap;
}
.band .band-txt{min-width:0;flex:1 1 330px}
.band h2{font-family:var(--serif);font-size:27px;font-weight:700;color:var(--ink)}
.band h2::after{content:"";display:block;width:56px;height:3px;background:var(--shu);margin-top:12px}
.band p{margin-top:16px;font-size:15.5px;color:var(--ink-2);max-width:34em}
.band small{display:block;margin-top:11px;font-size:13.5px;color:var(--ink-3)}
.band .band-acts{flex:0 0 auto}

/* 页脚 */
.site-footer{background:var(--foot);color:#C3B9A6;font-size:14px;padding:44px 0 30px}
.foot-in{max-width:var(--wrap);margin:0 auto;padding:0 22px;
  display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.2fr);gap:34px}
.site-footer h3{font-family:var(--serif);font-size:16px;color:#F0E8D8;font-weight:700;
  padding-bottom:9px;margin-bottom:12px;border-bottom:1px solid #443C31}
.site-footer p{line-height:1.9}
.site-footer .fnav a{display:block;color:#D8CDB8;padding:3px 0}
.site-footer .fnav a:hover{color:#fff}
.site-footer .disc{font-size:13px;color:#9E947F;line-height:1.85}
.foot-bot{max-width:var(--wrap);margin:30px auto 0;padding:16px 22px 0;border-top:1px solid #443C31;
  font-size:13px;color:#8E8471;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}

/* ── 内页横幅 ───────────────────────────────────────────────────── */
.page-hero{
  position:relative;overflow:hidden;border-bottom:1px solid var(--rule);
  background:linear-gradient(96deg,#F7F1E6 0%,var(--paper) 46%,#ECEEEA 74%,#E7EBF0 100%);
}
.page-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-conic-gradient(from 0deg,rgba(27,46,79,.05) 0deg 90deg,transparent 90deg 180deg) 0 0/30px 30px;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 96%);
          mask-image:linear-gradient(180deg,#000 0%,transparent 96%);
}
.page-hero::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--cin),var(--cin) 30%,var(--shu) 30%,var(--shu))}
.page-hero .in{position:relative;z-index:1;max-width:var(--wrap);margin:0 auto;padding:44px 22px 42px}
.page-hero h1{font-size:36px;margin:0}
.page-hero .lead-p{margin-top:14px}
.crumb{font-size:13.5px;color:var(--ink-3);margin-bottom:16px}
.crumb a{color:var(--ink-3);border-bottom:1px solid var(--rule)}
.crumb a:hover{color:var(--shu)}

/* ── 正文 ───────────────────────────────────────────────────────── */
.prose{max-width:920px;min-width:0;width:100%;margin:0 auto}
.prose h2{
  position:relative;padding-left:36px;margin:44px 0 0;
  font-family:var(--serif);font-size:24px;font-weight:700;line-height:1.5;color:var(--ink);
}
.prose h2::before{content:"";position:absolute;left:0;top:50%;margin-top:-8px;width:16px;height:16px;
  background:var(--shu);box-shadow:inset 0 0 0 4px var(--paper)}
.prose h2::after{content:"";position:absolute;left:25px;top:50%;margin-top:-10px;width:2px;height:20px;background:var(--cin)}
.prose h2:first-child{margin-top:0}
.prose p{margin-top:15px;font-size:16px;color:#3C3630;line-height:1.95}
.prose h3{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--cin);margin:26px 0 0}
.prose ul{margin-top:13px}
.prose ol{margin-top:13px}
.prose li{position:relative;padding-left:20px;margin-top:8px;font-size:15.5px;color:#3C3630}
.prose li::before{content:"";position:absolute;left:2px;top:.82em;width:7px;height:7px;background:var(--kin)}
.prose ul.plain li::before{background:var(--cin);width:6px;height:6px;border-radius:50%}
.prose blockquote{margin-top:18px;padding:16px 20px;background:var(--panel);
  border-left:3px solid var(--shu);font-size:15.5px;color:var(--ink-2)}
.prose .shot{margin-top:22px;border:1px solid var(--rule);background:var(--panel);padding:11px;max-width:340px}
.prose .shot img{width:100%;height:auto;display:block;border:1px solid var(--rule-2)}
.prose .shot figcaption{margin-top:10px;font-size:13.5px;color:var(--ink-3);line-height:1.65}
.prose .shot.wide{max-width:100%}
.prose .kv{margin-top:16px;border-top:1px solid var(--rule)}
.prose .kv .r{display:grid;grid-template-columns:132px minmax(0,1fr);gap:0;border-bottom:1px solid var(--rule-2)}
.prose .kv .r b{font-family:var(--serif);font-weight:700;color:var(--cin);padding:12px 0;font-size:15px}
.prose .kv .r span{padding:12px 0 12px 8px;font-size:15px;color:var(--ink-2)}
.prose .steps{counter-reset:st;margin-top:16px;border-top:1px solid var(--rule)}
.prose .steps>li{list-style:none;padding:15px 0 15px 50px;margin:0;border-bottom:1px solid var(--rule-2);
  font-size:15.5px;color:var(--ink-2)}
.prose .steps>li::before{
  counter-increment:st;content:counter(st);
  position:absolute;left:0;top:15px;
  font-family:var(--serif);font-size:19px;color:var(--shu);font-weight:700;
}
.prose .steps>li b{color:var(--ink);font-family:var(--serif)}
.prose .steps>li ul{margin-top:8px}
.prose .steps>li ul>li{padding-left:16px;margin-top:5px;font-size:14.5px}
.prose .steps>li ul>li::before{content:"";width:6px;height:6px;background:var(--cin);border-radius:50%;top:.8em;left:0}
.prose .lead-in{margin-top:26px;padding:18px 22px;background:var(--panel-2);border-top:3px solid var(--cin)}
.prose .lead-in b{font-family:var(--serif);color:var(--cin)}
.prose .lead-in p{margin-top:8px}
.rel{max-width:920px;margin:0 auto;padding:8px 0 0}
.rel h2{font-family:var(--serif);font-size:19px;color:var(--ink);padding-bottom:12px;border-bottom:1px solid var(--rule)}
.rel ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-bottom:1px solid var(--rule)}
.rel li{border-bottom:0;padding:0}
.rel li a{display:block;padding:16px 18px 18px;border-right:1px solid var(--rule-2);height:100%}
.rel li:last-child a{border-right:0}
.rel li a b{display:block;font-family:var(--serif);font-size:16px;color:var(--cin);margin-bottom:5px}
.rel li a span{display:block;font-size:13.5px;color:var(--ink-3)}
.rel li a:hover b{color:var(--shu)}

/* ── 断点 ───────────────────────────────────────────────────────── */
@media (max-width:980px){
  .hero-in{grid-template-columns:minmax(0,1fr);gap:34px;padding:34px 22px 44px}
  h1{font-size:36px}
  .phone-stage{justify-content:flex-start}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fact:nth-child(odd){padding-left:0;border-left:0}
  .fact:nth-child(3){padding-left:0;border-left:0}
  .tiers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plates{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .page-hero h1{font-size:30px}
  .rel ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rel li:nth-child(2n) a{border-right:0}
}
@media (max-width:620px){
  body{font-size:15.5px}
  .head-in{flex-wrap:wrap;gap:10px;padding:11px 16px 6px}
  .brand .logo{width:36px;height:36px}
  .brand-name{font-size:18px}
  .brand-name .sub{display:none}
  .nav{margin-left:0;width:100%;gap:0;flex-wrap:wrap}
  .nav a{flex:0 0 33.3333%;white-space:nowrap;text-align:center;padding:9px 4px;font-size:14px}
  .nav .header-cta{display:none}
  .wrap,.hero-in,.page-hero .in,.band-in,.foot-in,.foot-bot{padding-left:16px;padding-right:16px}
  .hero-in{padding-top:26px;padding-bottom:36px;gap:26px}
  h1{font-size:29px}
  .lead-p{font-size:15.5px;line-height:1.9}
  .masthead .issue{margin-left:0}
  .contents ol{gap:7px 8px}
  .contents a{font-size:13.5px;padding:6px 10px}
  .phone{width:44vw;max-width:190px}
  .phone.small{display:none}
  .sec{padding:40px 0}
  .sec-head h2{font-size:22px;padding-left:30px}
  .sec-head h2::before{width:15px;height:15px;box-shadow:inset 0 0 0 3px var(--panel);margin-top:-7.5px}
  .sec-head h2::after{left:22px;height:19px;margin-top:-9.5px}
  .sec-sub,.sec-head .sub{padding-left:30px}
  .facts{grid-template-columns:minmax(0,1fr)}
  .fact{padding:16px 0}
  .fact+.fact{padding-left:0;border-left:0;border-top:1px solid var(--rule-2)}
  .entry{grid-template-columns:56px minmax(0,1fr)}
  .entry-num{font-size:24px;padding-top:22px}
  .tiers{grid-template-columns:minmax(0,1fr)}
  .plates{grid-template-columns:minmax(0,1fr)}
  .band-in{gap:22px}
  .band h2{font-size:22px}
  .btn{width:100%;text-align:center;padding:14px 18px}
  .btn.sm{width:auto}
  .band .band-acts{flex:1 1 100%}
  .foot-in{grid-template-columns:minmax(0,1fr)}
  .page-hero h1{font-size:25px}
  .prose h2{font-size:21px;padding-left:30px}
  .prose h2::before{width:14px;height:14px;box-shadow:inset 0 0 0 3px var(--paper);margin-top:-7px}
  .prose h2::after{left:21px;height:18px;margin-top:-9px}
  .prose .shot{max-width:100%}
  .prose .kv .r{grid-template-columns:minmax(0,1fr)}
  .prose .kv .r span{padding-left:0;padding-top:2px}
  .prose .steps>li{padding-left:42px}
  .rel ul{grid-template-columns:minmax(0,1fr)}
  .rel li a{border-right:0;border-bottom:1px solid var(--rule-2);padding:14px 4px}
}