/* layout/section.css — اسکلت صفحه: قاب محتوا، سکشن، مرز سرمه‌ای/سفید، سرصفحه‌ی صفحه‌های داخلی */
.mode-paper{
  color:var(--fg);
  --bg:var(--paper-100); --bg-elev:var(--paper-50); --surface:var(--paper-50);
  --fg:var(--navy-900); --fg-muted:#54658A;
  --line:rgba(11,18,38,.1); --line-strong:rgba(11,18,38,.26);
}
.mode-paper a{color:var(--teal-600)}
.wrap{max-inline-size:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.rv{opacity:0;transform:translateY(28px);transition:opacity var(--dur-slow) var(--ease-soft),transform var(--dur-slow) var(--ease-out)}
.rv.in{opacity:1;transform:none}
.lede{margin-block-start:24px;max-inline-size:520px;font-size:clamp(14.5px,1.35vw,17.5px);line-height:2.15;color:#AABEDD;text-wrap:pretty}
.btns{display:flex;gap:14px;margin-block-start:36px;flex-wrap:wrap}
.seam{display:none}
.paper-top{border-start-start-radius:var(--slab-radius);border-start-end-radius:var(--slab-radius)}
.paper-bottom{border-end-start-radius:var(--slab-radius);border-end-end-radius:var(--slab-radius)}
.paper-top{box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.sec{padding-block:clamp(70px,9vw,130px)}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-block-end:clamp(30px,4vw,54px)}
.sec-head .k{font-family:var(--font-display);font-size:12px;font-weight:800;letter-spacing:3px;color:var(--teal-600);
  display:flex;align-items:center;gap:12px;margin-block-end:14px}
.sec-head .k::before{content:"";inline-size:26px;block-size:2px;background:var(--accent-2)}
.sec-head h2{font-family:var(--font-display);font-size:clamp(26px,3.2vw,42px);font-weight:900;line-height:1.4}
.sec-head .all{font-size:13.5px;font-weight:700;color:var(--teal-600);text-decoration:none;display:inline-flex;align-items:center;gap:8px;
  padding-block:6px;border-block-end:1px solid transparent;transition:border-color var(--dur-fast)}
.sec-head .all:hover{border-block-end-color:var(--teal-600)}
.sec-head .all svg{inline-size:15px;block-size:15px}
.mode-paper .btn-ghost{color:var(--fg);background:transparent;border-color:rgba(11,18,38,.22);backdrop-filter:none}
.mode-paper .btn-ghost:hover{border-color:var(--teal-600);color:var(--teal-600)}
.sec.mode-paper{background:var(--paper-50)}
.sec.mode-paper.paper-top{background:linear-gradient(to bottom,var(--paper-100),var(--paper-50) 42%)}
.mode-paper .teacher,.mode-paper .up,.mode-paper .post,.mode-paper .post-lead,
.mode-paper .life a,.mode-paper .voice a,.mode-paper .sec-head h2 a{color:var(--fg);text-decoration:none}
.mode-paper .life a{color:#fff}
.mode-paper .life .more{color:var(--fg)}
.mode-paper .life .more b{color:var(--fg)}
.pagehead{position:relative;overflow:hidden;background:var(--navy-950);
  padding-block:calc(var(--nav-height) + clamp(46px,6vw,84px)) clamp(56px,7vw,96px)}
.pagehead canvas{position:absolute;inset:0;inline-size:100%;block-size:100%;display:block}
.pagehead::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.8;
  background:radial-gradient(58% 92% at 62% 108%,rgba(34,211,238,.13),transparent 66%)}
.pagehead .wrap{position:relative;z-index:3}
.pagehead .k{font-family:var(--font-display);font-size:12px;font-weight:800;letter-spacing:3px;
  color:var(--accent-soft);margin-block-end:14px}
.pagehead h1{font-family:var(--font-display);font-weight:900;color:#fff;
  font-size:clamp(28px,4vw,52px);line-height:1.4;max-inline-size:16ch}
.pagehead .lede{color:#B9C9E2;line-height:2.05;max-inline-size:46ch;margin-block-start:16px}
.crumb{display:flex;align-items:center;gap:10px;font-size:12.5px;color:#7A8DAE;
  margin-block-end:clamp(20px,3vw,34px)}
.crumb a{color:#9FB3CE;text-decoration:none}
.crumb a:hover{color:var(--accent-soft)}
.crumb i{font-style:normal;opacity:.5}
.ph-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(20px,4vw,56px);align-items:center}
.ph-stage{min-block-size:min(46vh,380px)}
.ph-hint{display:flex;align-items:center;gap:10px;margin-block-start:16px;font-size:12.5px;color:#7E93B0}
.ph-hint em{display:block;inline-size:26px;block-size:1px;background:var(--accent);opacity:.6}
.result-line{display:flex;align-items:center;gap:16px;
  margin-block:clamp(22px,3vw,32px) clamp(16px,2vw,22px);font-size:13.5px;color:var(--fg-muted)}
.result-line b{font-family:var(--font-display);font-size:17px;font-weight:900;color:var(--fg)}
.empty{text-align:center;padding:clamp(40px,6vw,72px) 20px;border:1px dashed var(--line-strong);
  border-radius:var(--card-radius)}
.empty p{color:var(--fg-muted);line-height:2}
.empty b{font-family:var(--font-display);font-size:17px;font-weight:900;color:var(--fg)}
.empty .btn{margin-block-start:18px}
.pagehead.course-head h1{max-inline-size:20ch}
.ph-chips{display:flex;gap:9px;flex-wrap:wrap;margin-block-end:16px}
.detail{display:grid;grid-template-columns:minmax(0,1fr) 372px;
  gap:clamp(24px,3.6vw,56px);align-items:start}
.detail-main{min-inline-size:0}
.detail-aside{position:sticky;inset-block-start:calc(var(--nav-height) + 16px)}
.dsec{padding-block-start:clamp(30px,4vw,48px)}
.dsec + .dsec{margin-block-start:clamp(30px,4vw,48px);border-block-start:1px solid var(--line)}
.dsec h2{font-family:var(--font-display);font-size:clamp(20px,2.4vw,28px);font-weight:900;
  color:var(--fg);margin-block-end:16px}
.dsec p{color:var(--fg-muted);line-height:2.15;max-inline-size:62ch}
.dsec p + p{margin-block-start:14px}
@media (max-width:1040px){
.detail{grid-template-columns:1fr}
.detail-aside{position:static}
.ph-grid{grid-template-columns:1fr}
.ph-stage{order:-1;min-block-size:min(34vh,260px)}
}
.pagehead.prof-head{padding-block-end:clamp(64px,8vw,110px)}
.pgh{display:flex;align-items:baseline;gap:14px;
  padding-block:clamp(26px,3vw,36px) 4px}
.pgh:first-child{padding-block-start:clamp(18px,2vw,24px)}
.pgh b{font-family:var(--font-display);font-size:11.5px;font-weight:900;
  letter-spacing:1.6px;color:var(--teal-600);white-space:nowrap}
.pgh i{flex:1 1 auto;block-size:1px;background:var(--line);transform:translateY(-4px)}
.pagehead.art-head{padding-block-end:clamp(54px,7vw,86px)}
@media (max-width:820px){
.pagehead.art-head #netText{opacity:.3}
}
.lg-lead{margin-block-start:12px;max-inline-size:64ch;font-size:13.5px;
  line-height:2.1;color:var(--fg-muted)}
@media print{
.pagehead{background:#fff!important;color:#000!important;padding-block:20px!important}
.pagehead h1,.pagehead .lede,.doc-meta b{color:#000!important}
.sec{padding-block:0!important}
}
.mode-paper form.finder{background:var(--surface);border-color:var(--line)}
.lg-lead{margin-block-start:14px;font-size:14px;line-height:2.25;color:#B9C7DC;max-inline-size:52ch}
@media print{
.sec{padding-block:0!important}
}
@media (prefers-reduced-motion: reduce){
.rv{opacity:1;transform:none}
}