/* Career Idol Lab – типографика статей: буквица, врезки, списки, подпись.
   Подключена на страницах статей. Частные правила остаются в самой статье. */
.back{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);text-decoration:none;opacity:.8;margin-bottom:40px}
.back:hover{opacity:1}
.art-kick{font-family:var(--mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);opacity:.75;margin-bottom:20px}
.art-title{font-size:clamp(32px,5.2vw,54px);font-weight:400;line-height:1.05;letter-spacing:-.015em}
.art-dek{font-size:clamp(18px,2.3vw,24px);font-style:italic;opacity:.72;margin-top:18px;line-height:1.4}
.art-meta{font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;opacity:.55;margin-top:26px;padding-bottom:30px;border-bottom:1px solid var(--hair)}
.art-body{margin-top:38px}
.art-body p{font-size:19px;line-height:1.78;margin-bottom:26px;opacity:.9}
.art-body .lead-p::first-letter{font-size:3.4em;line-height:.82;float:left;padding:6px 14px 0 0;color:var(--accent);font-weight:400}
.person{color:inherit;text-decoration:none;border-bottom:1px dotted color-mix(in srgb,var(--accent) 55%,transparent)}
.person:hover{color:var(--accent);border-bottom-style:solid}
.art-meta .consent{color:var(--accent);opacity:.75}
.art-h2{font-size:clamp(23px,3vw,32px);font-weight:400;line-height:1.15;letter-spacing:-.01em;margin:46px 0 22px}
.art-list{list-style:none;margin:0 0 30px;padding:0}
.art-list li::before{content:"·";position:absolute;left:0;color:var(--accent);opacity:.7}
.pairs{margin:0 0 30px}
.pair{padding:16px 0;border-bottom:1px solid var(--hair)}
.pair:first-child{border-top:1px solid var(--hair)}
.pair .p-sym{font-size:19px;color:var(--accent)}
.pair .p-cause{display:block;margin-top:6px;font-size:17px;opacity:.82;line-height:1.6}
.art-points{counter-reset:pt}
.art-point .pt-h{display:block;font-size:19px;font-weight:400;color:var(--accent);margin-bottom:6px}
.pt-list li::before{content:"·";position:absolute;left:4px;color:var(--accent)}
.callout-l{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.art-qs{list-style:none;margin:0 0 30px;padding:0}
.art-qs li{font-size:18px;line-height:1.6;padding:13px 0 13px 26px;border-bottom:1px solid var(--hair);opacity:.88;position:relative}
.art-sign{margin-top:52px;font-family:var(--mono);font-size:10px;letter-spacing:.3em;
  text-transform:uppercase;color:var(--accent);opacity:.6}
.next-read{margin-top:clamp(56px,8vh,92px);padding-top:clamp(30px,4vh,44px);border-top:1px solid var(--hair)}
.nr-lab{font-family:var(--mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;
  color:var(--accent);opacity:.7;margin-bottom:20px}
.nr-card{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;
  border:1px solid var(--hair);border-left:2px solid color-mix(in srgb,var(--accent) 40%,transparent);
  padding:clamp(22px,2.8vw,30px);transition:border-color .3s,background .3s}
.nr-card:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,transparent)}
.nr-k{font-family:var(--mono);font-size:9px;letter-spacing:.26em;text-transform:uppercase;
  color:var(--accent);opacity:.7}
.nr-t{font-size:clamp(20px,2.4vw,26px);font-weight:400;line-height:1.25}
.nr-d{font-size:15px;line-height:1.6;opacity:.7}
.nr-go{margin-top:6px;font-family:var(--mono);font-size:10px;letter-spacing:.28em;
  text-transform:uppercase;color:var(--accent);opacity:.8}
.nr-all{display:inline-block;margin-top:22px;font-family:var(--mono);font-size:10px;letter-spacing:.3em;
  text-transform:uppercase;color:var(--accent);text-decoration:none;opacity:.7;
  border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent);padding-bottom:4px}
.nr-all:hover{opacity:1;border-color:var(--accent)}