/* ==========================================================================
   王路律师 · 独立站样式表（中式典雅 · 简体版）
   基调：宣纸底 · 墨黑 · 铜金 · 朱砂印章 · 宋体 · 对称留白
   ========================================================================== */

:root{
  --paper:#f8f5ef;
  --paper2:#f1ece1;
  --paper3:#e9e2d4;
  --ink:#1b1916;
  --ink2:#58524a;
  --ink3:#8d857a;
  --rule:#d5cec0;
  --rule2:#b8af9c;
  --gold:#8a6d3b;
  --gold2:#a8894f;
  --cinnabar:#9c3b2e;
  --cinnabar2:#b04a3a;

  --serif:"Songti SC","Noto Serif CJK SC","Source Han Serif SC","STSong",Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}

body{
  background:var(--paper); color:var(--ink); font-family:var(--sans);
  line-height:1.9; -webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(rgba(27,25,22,.020) 1px, transparent 1px),
    radial-gradient(rgba(138,109,59,.014) 1px, transparent 1px);
  background-size:12px 12px, 24px 24px;
  background-position:0 0, 6px 6px;
}

.wrap{max-width:1020px;margin:0 auto;padding:0 34px}
.wrap-narrow{max-width:820px;margin:0 auto;padding:0 34px}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* ====================== 页眉（全站统一） ====================== */
header.site{background:rgba(248,245,239,.92);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20;
  border-bottom:1px solid var(--rule)}
.toprule{height:3px;background:linear-gradient(90deg,var(--ink) 0%,var(--ink) 34%,var(--cinnabar) 34%,var(--cinnabar) 40%,var(--gold) 40%,var(--gold) 100%)}
.head{text-align:center;padding:24px 0 18px}
.brand{font-family:var(--serif);font-size:26px;font-weight:700;letter-spacing:.52em;text-indent:.52em;line-height:1.3}
.brand .dot{color:var(--cinnabar);font-size:.7em;vertical-align:.12em}
.brand a{color:inherit}
.sitename{margin-top:7px;font-family:var(--serif);font-size:13.5px;color:var(--gold);letter-spacing:.4em;text-indent:.4em}
.sub{margin-top:9px;font-size:10.5px;letter-spacing:.4em;text-indent:.4em;color:var(--ink3);text-transform:uppercase}
.subline{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:12px}
.subline i{display:block;width:52px;height:1px;background:var(--rule2)}
.subline span{font-family:var(--serif);font-size:12px;color:var(--ink3);letter-spacing:.24em;text-indent:.24em}
nav.site{border-top:1px solid var(--rule)}
nav.site ul{display:flex;justify-content:center;gap:44px;list-style:none;padding:14px 0;font-family:var(--serif);font-size:14px}
nav.site a{color:var(--ink2);letter-spacing:.16em;position:relative;padding-bottom:3px;transition:.2s}
nav.site a:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;background:var(--cinnabar);transition:.24s;transform:translateX(-50%)}
nav.site a:hover{color:var(--cinnabar)}
nav.site a:hover:after{width:100%}
nav.site a[aria-current="page"]{color:var(--cinnabar)}
nav.site a[aria-current="page"]:after{width:100%}

/* ====================== 首屏 ====================== */
.hero{padding:86px 0 74px;text-align:center;position:relative}
.vline{position:absolute;top:70px;width:1px;height:132px;background:linear-gradient(var(--rule2),transparent)}
.vline.l{left:13%} .vline.r{right:13%;background:linear-gradient(transparent,var(--rule2))}
.seal{display:inline-block;border:2px solid var(--cinnabar);border-radius:3px;padding:3px;margin-bottom:30px}
.seal .inner{border:1px solid var(--cinnabar);border-radius:1px;padding:11px 9px;
  font-family:var(--serif);font-size:13.5px;font-weight:700;color:#fff;background:var(--cinnabar);
  writing-mode:vertical-rl;letter-spacing:.26em;line-height:1.15;box-shadow:0 3px 14px rgba(156,59,46,.26)}
.seal.sm{margin-bottom:0}
.seal.sm .inner{font-size:11.5px;padding:9px 8px;box-shadow:0 2px 10px rgba(156,59,46,.2)}

h1{font-family:var(--serif);font-size:46px;font-weight:700;line-height:1.55;letter-spacing:.1em;margin-bottom:6px}
.h1rule{display:flex;align-items:center;justify-content:center;gap:14px;margin:30px 0}
.h1rule i{display:block;height:1px;background:var(--rule2);width:74px}
.h1rule .dia{width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.lead{font-family:var(--serif);font-size:16.5px;line-height:2.2;color:var(--ink2);max-width:620px;margin:0 auto;letter-spacing:.05em}
.acts{display:flex;justify-content:center;margin-top:42px}
.btn{display:inline-block;font-family:var(--serif);font-size:14.5px;letter-spacing:.28em;text-indent:.28em;
  padding:15px 44px;transition:.24s;border:1px solid var(--ink);cursor:pointer}
.btn.p{background:var(--ink);color:var(--paper)}
.btn.p:hover{background:var(--cinnabar);border-color:var(--cinnabar)}
.btn.s{border-left:0;color:var(--ink2);border-color:var(--rule2)}
.btn.s:hover{color:var(--cinnabar);border-color:var(--cinnabar)}

/* ====================== 数据条 ====================== */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.stat{padding:34px 20px;text-align:center;border-right:1px solid var(--rule)}
.stat:last-child{border-right:0}
.stat .n{font-family:var(--serif);font-size:31px;line-height:1.25;font-weight:700;letter-spacing:.03em;margin-bottom:9px}
.stat .n.sm{font-size:23px;letter-spacing:.06em}
.stat .l{font-family:var(--serif);font-size:13px;color:var(--ink2);letter-spacing:.1em;line-height:1.7}
.stat .s{font-size:10.5px;color:var(--ink3);margin-top:7px;letter-spacing:.04em}

/* ====================== 区块标题 ====================== */
section{padding:78px 0}
.sec{text-align:center;margin-bottom:46px}
.sec h2{font-family:var(--serif);font-size:27px;font-weight:700;letter-spacing:.3em;text-indent:.3em;margin-bottom:15px}
.sec .dek{font-size:12px;color:var(--ink3);letter-spacing:.2em;font-family:var(--serif)}
.sec .dek:before,.sec .dek:after{content:"——";margin:0 10px;color:var(--rule2)}

/* ====================== 联系方式 / 办公室 ====================== */
.offices{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:8px}
.office{border:1px solid var(--rule);padding:34px 32px 36px;background:var(--paper)}
.office .city{font-family:var(--serif);font-size:19px;letter-spacing:.08em;margin-bottom:4px}
.office .en{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink3);margin-bottom:16px}
.office .addr{font-size:14px;line-height:2;color:var(--ink2)}
.office .meta{font-size:12.5px;color:var(--ink3);margin-top:12px;letter-spacing:.04em}
.contactblock{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:34px 0;margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.contactblock .item{text-align:center;border-right:1px solid var(--rule);padding:0 16px}
.contactblock .item:last-child{border-right:0}
.contactblock .k{font-family:var(--serif);font-size:12px;letter-spacing:.2em;color:var(--ink3);margin-bottom:10px}
.contactblock .v{font-family:var(--serif);font-size:19px;letter-spacing:.04em;color:var(--ink);word-break:break-all}
.contactblock .v a{color:var(--ink)}
.contactblock .v a:hover{color:var(--gold)}
.foot-contact{margin-top:6px;letter-spacing:.04em;color:var(--ink2)}
.foot-contact .sp{color:var(--gold);margin:0 10px}


.areas{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--rule)}
/* 两大板块用 2×2 网格 */
.areas.grid2{grid-template-columns:repeat(2,1fr);gap:16px;border:0}
.areas.grid2 .area{border:1px solid var(--rule);padding:44px 38px 48px;text-align:left}
.areas.grid2 .area h3{font-size:21px;text-align:left}
.areas.grid2 .area .sep{margin:0 0 18px}
.areas.grid2 .area p{text-align:justify;text-align-last:left}
.areas.grid2 .area .kicker-sub{font-family:var(--serif);font-size:12px;color:var(--ink3);letter-spacing:.16em;margin-top:6px}
.area{padding:40px 30px 44px;text-align:center;border-right:1px solid var(--rule);position:relative;transition:.24s}
.area:last-child{border-right:0}
.area:hover{background:var(--paper2)}
.area:after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--gold);transition:.3s}
.area:hover:after{width:52px}
.area .no{font-family:var(--serif);font-size:11px;color:var(--gold);letter-spacing:.34em;text-indent:.34em;margin-bottom:22px}
.area h3{font-family:var(--serif);font-size:19.5px;font-weight:700;line-height:1.75;letter-spacing:.1em;margin-bottom:15px}
.area .sep{width:24px;height:1px;background:var(--rule2);margin:0 auto 18px}
.area p{font-size:13.5px;color:var(--ink2);line-height:2.05;text-align:justify;text-align-last:center;
  text-justify:inter-ideograph;font-family:var(--serif)}
.area .more{margin-top:22px;font-family:var(--serif);font-size:12px;color:var(--gold);letter-spacing:.24em;text-indent:.24em;display:inline-block}

/* ====================== 文章 / 研究列表 ====================== */
.posts{border-top:1px solid var(--rule)}
.post{display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:baseline;
  padding:23px 6px;border-bottom:1px solid var(--rule);transition:.22s}
.post:hover{background:var(--paper2);padding-left:18px}
.post .tag{font-family:var(--serif);font-size:11px;color:var(--gold);border:1px solid var(--rule2);
  padding:3px 10px;letter-spacing:.14em;white-space:nowrap}
.post .t{font-family:var(--serif);font-size:17px;letter-spacing:.05em;line-height:1.65}
.post:hover .t{color:var(--cinnabar)}
.post .d{font-family:var(--serif);font-size:11.5px;color:var(--ink3);letter-spacing:.08em;white-space:nowrap}

/* ====================== 引文 ====================== */
.quote{text-align:center;padding:56px 0 8px}
.quote .q{font-family:var(--serif);font-size:25px;line-height:1.95;letter-spacing:.12em;
  max-width:800px;margin:0 auto}
.quote .q:before{content:"「";color:var(--gold);margin-right:4px}
.quote .q:after{content:"」";color:var(--gold);margin-left:4px}
.quote cite{display:block;margin-top:20px;font-family:var(--serif);font-style:normal;
  font-size:12.5px;color:var(--ink3);letter-spacing:.2em}

/* ====================== 咨询框 ====================== */
.consult{border:1px solid var(--rule);background:var(--paper2);padding:40px 44px;text-align:center;margin-top:12px}
.consult h3{font-family:var(--serif);font-size:20px;font-weight:700;letter-spacing:.16em;text-indent:.16em;margin-bottom:14px}
.consult p{font-family:var(--serif);font-size:14.5px;color:var(--ink2);line-height:2.05;max-width:760px;margin:0 auto}
.consult .fine{font-size:12px;color:var(--ink3);margin-top:16px;letter-spacing:.04em}

/* ====================== 页脚 ====================== */
footer.site{margin-top:64px;border-top:3px double var(--ink);padding:44px 0 64px;text-align:center;
  font-family:var(--serif);font-size:12.5px;color:var(--ink2);line-height:2.15}
footer.site .firm{font-size:15.5px;color:var(--ink);font-weight:700;letter-spacing:.16em;margin-bottom:13px}
footer.site .disc{font-size:11.5px;color:var(--ink3);margin-top:18px;line-height:1.95}
/* 备案号：法规要求主页显著位置悬挂并链接 beian.miit.gov.cn，全站 424 页统一 */
.beian-line{margin-top:12px;font-size:11.5px;color:var(--ink3);letter-spacing:.02em}
.beian-line a{color:var(--ink3);text-decoration:none;border-bottom:1px solid currentColor}
.beian-line a:hover{color:var(--gold)}
footer.site .end{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:26px}
footer.site .end i{display:block;width:40px;height:1px;background:var(--rule2)}
footer.site .end .dia{width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}

/* ==========================================================================
   内页专用
   ========================================================================== */

/* 面包屑 */
.crumb{font-family:var(--serif);font-size:12px;color:var(--ink3);letter-spacing:.1em;
  padding:26px 0 0;display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.crumb a:hover{color:var(--cinnabar)}
.crumb .sp{color:var(--rule2)}

/* 内页页头 */
.pagehead{text-align:center;padding:52px 0 40px;border-bottom:1px solid var(--rule)}
.pagehead .kicker{font-family:var(--serif);font-size:11.5px;color:var(--gold);letter-spacing:.34em;text-indent:.34em;margin-bottom:20px}
.pagehead h1{font-size:38px;margin-bottom:0}
.pagehead .dek{font-family:var(--serif);font-size:15px;color:var(--ink2);line-height:2.15;
  max-width:660px;margin:26px auto 0;letter-spacing:.05em}

/* 文章正文 */
.article{padding:44px 0 8px}
.article-meta{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;
  font-family:var(--serif);font-size:12px;color:var(--ink3);letter-spacing:.1em;
  padding-bottom:26px;border-bottom:1px solid var(--rule);margin-bottom:36px}
.article-meta b{color:var(--ink2);font-weight:600}

.prose{font-family:var(--serif);font-size:16.5px;line-height:2.15;color:var(--ink)}
.prose h2{font-family:var(--serif);font-size:21px;font-weight:700;letter-spacing:.12em;
  margin:48px 0 18px;padding-bottom:10px;border-bottom:1px solid var(--rule)}
.prose h3{font-family:var(--serif);font-size:17px;font-weight:700;letter-spacing:.08em;margin:30px 0 12px}
.prose p{margin:16px 0;text-align:justify;text-justify:inter-ideograph}
.prose ul,.prose ol{padding-left:26px;margin:16px 0}
.prose li{margin:9px 0;text-align:justify;text-justify:inter-ideograph}
.prose strong{font-weight:700}
.prose a{color:var(--gold);border-bottom:1px solid var(--rule2)}
.prose table{width:100%;border-collapse:collapse;margin:26px 0;font-size:14.5px;font-family:var(--serif)}
.prose th,.prose td{border:1px solid var(--rule);padding:11px 13px;text-align:left;vertical-align:top;line-height:1.85}
.prose th{background:var(--paper2);font-weight:700;letter-spacing:.06em}
.prose blockquote{margin:24px 0;padding:4px 0 4px 20px;border-left:2px solid var(--gold);
  color:var(--ink2);font-size:15.5px}
.prose hr{border:0;border-top:1px solid var(--rule);margin:40px 0}

/* 结论框 */
.conclusion{border:1px solid var(--rule);border-left:4px solid var(--cinnabar);
  background:var(--paper2);padding:26px 30px;margin:30px 0 36px}
.conclusion .lbl{font-family:var(--serif);font-size:11.5px;color:var(--cinnabar);
  letter-spacing:.34em;text-indent:.34em;font-weight:700;margin-bottom:12px}
.conclusion p{font-family:var(--serif);font-size:16px;line-height:2.1;margin:0;color:var(--ink)}

/* 法条出处 */
.laws{margin-top:44px;border-top:2px solid var(--ink);padding-top:20px}
.laws .lbl{font-family:var(--serif);font-size:11.5px;color:var(--ink3);
  letter-spacing:.3em;text-indent:.3em;margin-bottom:14px}
.laws ul{list-style:none;padding:0}
.laws li{font-family:var(--serif);font-size:14px;color:var(--ink2);line-height:2;
  padding:9px 0 9px 22px;border-bottom:1px solid var(--rule);position:relative}
.laws li:before{content:"§";position:absolute;left:0;color:var(--gold);font-size:13px}

/* 文章脚注 */
.article-foot{margin-top:40px;border-top:1px solid var(--rule);padding-top:24px;
  font-family:var(--serif);font-size:12.5px;color:var(--ink3);line-height:2.05}
.article-foot .warn{border:1px dashed var(--rule2);padding:16px 20px;margin-top:18px;color:var(--ink2);
  background:rgba(138,109,59,.04)}

/* 团队成员 */
.person{border-top:1px solid var(--rule);padding:34px 0;display:grid;
  grid-template-columns:150px 1fr;gap:32px}
.person:first-of-type{border-top:0}
.person .side{text-align:center}
.person .ava{width:96px;height:96px;margin:0 auto 16px;border:1px solid var(--rule2);border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:34px;
  color:var(--gold);background:var(--paper2)}
.person .side .nm{font-family:var(--serif);font-size:19px;font-weight:700;letter-spacing:.14em;margin-bottom:5px}
.person .side .ro{font-family:var(--serif);font-size:12px;color:var(--ink3);letter-spacing:.06em;line-height:1.75}
.person dl{display:grid;grid-template-columns:88px 1fr;gap:10px 18px;font-family:var(--serif);font-size:14px;line-height:2}
.person dt{color:var(--ink3);letter-spacing:.08em}
.person dd{margin:0;color:var(--ink2);text-align:justify;text-justify:inter-ideograph}

/* 提示条 */
.notice{border:1px dashed var(--rule2);background:rgba(138,109,59,.045);
  padding:20px 24px;margin:30px 0;font-family:var(--serif);font-size:14px;color:var(--ink2);line-height:2.05}
.notice .lbl{font-weight:700;color:var(--ink);letter-spacing:.08em}

/* 咨询页步骤 */
.steps{counter-reset:s;margin:32px 0}
.step{counter-increment:s;display:grid;grid-template-columns:56px 1fr;gap:20px;
  padding:22px 0;border-bottom:1px solid var(--rule)}
.step:before{content:"其" counter(s);font-family:var(--serif);font-size:13px;color:var(--gold);
  letter-spacing:.1em;padding-top:4px}
.step h4{font-family:var(--serif);font-size:16.5px;font-weight:700;letter-spacing:.08em;margin-bottom:9px}
.step p{font-family:var(--serif);font-size:14.5px;color:var(--ink2);line-height:2.05;margin:0}

/* ====================== 站内检索 ====================== */
.searchwrap{border:1px solid var(--rule);background:var(--paper2);padding:26px 28px;margin:0 0 34px}
.sbox{display:flex;gap:12px;align-items:stretch}
.sinput{flex:1;font-family:var(--serif);font-size:17px;color:var(--ink);background:var(--paper);
  border:1px solid var(--rule2);padding:14px 18px;letter-spacing:.04em;outline:none;transition:.2s}
.sinput:focus{border-color:var(--cinnabar);background:#fffdf9}
.sinput::placeholder{color:var(--ink3);letter-spacing:.08em}
.sbtn{font-family:var(--serif);font-size:14px;letter-spacing:.24em;text-indent:.24em;
  background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:14px 26px;cursor:pointer;transition:.2s}
.sbtn:hover{background:var(--cinnabar);border-color:var(--cinnabar)}
.schips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;align-items:center}
.chip{font-family:var(--serif);font-size:12.5px;letter-spacing:.08em;color:var(--ink2);
  background:transparent;border:1px solid var(--rule);padding:5px 13px;cursor:pointer;transition:.18s;border-radius:2px}
.chip:hover{border-color:var(--rule2);color:var(--ink)}
.chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.schips .lbl{font-family:var(--serif);font-size:12px;color:var(--ink3);letter-spacing:.14em;margin-right:2px}
.scount{font-family:var(--serif);font-size:13px;color:var(--ink3);letter-spacing:.08em;
  padding:16px 0 10px;border-bottom:1px solid var(--rule)}
.slist{list-style:none;margin:0;padding:0}
.sitem{padding:18px 0 20px;border-bottom:1px solid var(--rule)}
.sitem a{color:var(--ink);text-decoration:none}
.sitem a:hover{color:var(--cinnabar)}
.stitle{font-family:var(--serif);font-size:17.5px;font-weight:700;line-height:1.75;letter-spacing:.03em}
.smeta{margin-top:7px;font-family:var(--serif);font-size:12.5px;color:var(--ink3);letter-spacing:.06em}
.smeta span{margin-right:6px}
.smeta .sep{color:var(--rule2)}
.ssnip{margin-top:9px;font-family:var(--serif);font-size:13.5px;line-height:1.95;color:var(--ink2);
  border-left:2px solid var(--rule2);padding:2px 0 2px 12px}
.shl{background:rgba(156,59,46,.13);color:var(--ink);padding:0 2px;border-radius:2px}
.sempty{text-align:center;padding:64px 0;color:var(--ink3);font-family:var(--serif);font-size:15px;line-height:2.1}
.sgroup{font-family:var(--serif);font-size:13px;letter-spacing:.2em;color:var(--gold);
  margin:34px 0 2px;padding-bottom:8px;border-bottom:1px solid var(--rule2)}

/* ====================== 高频问题库 ====================== */
.qbar{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:20px 0;margin:0 0 8px;
  display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.qbar-note{font-family:var(--serif);font-size:13px;color:var(--ink3);letter-spacing:.08em}
.qbar-note strong{color:var(--ink);font-weight:700}
.qfilter{display:flex;flex-wrap:wrap;gap:8px}
.qsec{padding-top:44px}
.qlist{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.qitem{display:grid;grid-template-columns:56px 1fr;gap:18px;align-items:start;
  padding:18px 0 19px;border-bottom:1px solid var(--rule);transition:.18s}
.qitem:hover{background:rgba(138,109,59,.035)}
.qitem:target{background:rgba(156,59,46,.06);box-shadow:inset 3px 0 0 var(--cinnabar)}
.qnum{font-family:var(--serif);font-size:15px;color:var(--rule2);letter-spacing:.06em;padding-top:2px;text-align:right}
.qtext{font-family:var(--serif);font-size:16.5px;line-height:1.8;color:var(--ink);letter-spacing:.02em}
.qmeta{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  font-family:var(--serif);font-size:12px;color:var(--ink3);letter-spacing:.05em}
.heat{font-size:11.5px;letter-spacing:.1em;padding:2px 9px;border-radius:2px;border:1px solid var(--rule2);color:var(--ink2)}
.heat.h1{color:var(--ink2);border-color:var(--rule2)}
.heat.h2{color:var(--gold);border-color:var(--gold);background:rgba(138,109,59,.07)}
.heat.h3{color:var(--cinnabar);border-color:var(--cinnabar);background:rgba(156,59,46,.07)}
.qtype{color:var(--ink2)}
.qlaw{color:var(--ink3)}
.qlaw::before{content:"·";margin-right:7px;color:var(--rule2)}
.qpri{color:var(--gold);letter-spacing:.12em}

/* ====================== 数据条（真实可核） ====================== */
.datafoot{margin-top:14px;font-family:var(--serif);font-size:12px;color:var(--ink3);letter-spacing:.05em}

/* ====================== 响应式 ====================== */
@media(max-width:860px){
  .wrap,.wrap-narrow{padding:0 20px}
  h1{font-size:31px;line-height:1.6}
  .pagehead h1{font-size:27px}
  .hero{padding:56px 0 48px}.vline{display:none}
  .areas{grid-template-columns:1fr}
  .area{border-right:0;border-bottom:1px solid var(--rule)}
  .stats{grid-template-columns:repeat(2,1fr)}
  .stat{border-bottom:1px solid var(--rule)}
  nav.site ul{gap:18px;font-size:12.5px;flex-wrap:wrap;padding:11px 16px}
  .brand{font-size:21px;letter-spacing:.34em;text-indent:.34em}
  .post{grid-template-columns:1fr;gap:8px}
  .post .d{text-align:left}
  .consult{padding:30px 24px}
  .person{grid-template-columns:1fr;gap:22px}
  .person .side{text-align:left;display:flex;align-items:center;gap:18px}
  .person .ava{width:64px;height:64px;font-size:24px;margin:0}
  .prose{font-size:16px}
  .conclusion{padding:20px 22px}
  .quote .q{font-size:20px}
  .searchwrap{padding:20px 18px}
  .sbox{flex-direction:column}
  .sbtn{padding:13px 20px}
  .qitem{grid-template-columns:38px 1fr;gap:12px}
  .qbar{flex-direction:column;align-items:flex-start;gap:12px}
  .qtext{font-size:15.5px}
}