/* ==========================================================================
   pzh-risk.ru — дизайн-система (редизайн 2026-11-05)
   Основа: прототип /workspace/design/css/style.css (варианты A и C).
   Все имена классов и переменных префиксованы (--d-*, .dw, .dcard, .c-*),
   чтобы не конфликтовать с текущими стилями сайта (style.css).
   Контраст текста проверен по WCAG AA: основной текст ≥ 4.5:1, крупный ≥ 3:1.
   ========================================================================== */

:root{
  /* палитра: синий / графит / белый */
  --d-ink:#101820;
  --d-ink-2:#2b3742;
  --d-muted:#5b6976;          /* 5.9:1 на белом */
  --d-mute-2:#66737f;         /* 4.9:1 на белом */
  --d-line:#dfe5ec;
  --d-line-2:#eef2f6;
  --d-soft:#f5f8fa;
  --d-soft-2:#eaf0f6;
  --d-white:#fff;

  --d-blue:#2a63a0;           /* 6.2:1 с белым текстом */
  --d-blue-2:#1f5691;
  --d-blue-3:#dbe8f5;
  --d-blue-4:#eef5fb;
  --d-blue-ink:#1a4771;       /* 8.6:1 на --d-blue-3 */

  --d-green:#1f6349;          /* 5.6:1 на белом */
  --d-green-soft:#e2f0e9;
  --d-amber:#7a5311;          /* 6.4:1 на белом */
  --d-amber-soft:#f6eed9;
  --d-red:#9c342c;            /* 6.4:1 на белом */
  --d-red-soft:#f7e6e4;

  --d-dark:#0d1319;
  --d-dark-2:#141c24;

  --d-f:"Inter","Inter Tight",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;
  --d-mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;

  --d-r-xs:6px; --d-r-sm:10px; --d-r:14px; --d-r-lg:20px; --d-r-xl:28px;
  --d-ease:cubic-bezier(.22,.61,.36,1);
  --d-ease-out:cubic-bezier(.16,1,.3,1);
  --d-shadow-1:0 1px 2px rgba(16,24,32,.05), 0 4px 14px rgba(16,24,32,.06);
  --d-shadow-2:0 2px 6px rgba(16,24,32,.07), 0 18px 44px rgba(16,24,32,.12);
  --d-shadow-3:0 30px 80px rgba(16,24,32,.22);
}

/* ---------- утилиты ---------- */
.dw{ width:min(100% - 40px,1240px); margin-inline:auto }
.dw--wide{ width:min(100% - 40px,1440px); margin-inline:auto }
.deyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font:600 11px/1 var(--d-mono); letter-spacing:.14em; text-transform:uppercase; color:var(--d-blue);
}
.deyebrow::before{ content:""; width:16px; height:1px; background:currentColor; opacity:.6 }
.dmuted{ color:var(--d-muted) }
.dh1{ font-size:clamp(1.85rem,1.05rem + 2.6vw,3rem); line-height:1.12; letter-spacing:-.035em; font-weight:700; margin:0 }
.dh2{ font-size:clamp(1.3rem,1rem + 1vw,1.72rem); line-height:1.2; letter-spacing:-.025em; font-weight:700; margin:0 }
.dh3{ font-size:1.02rem; line-height:1.3; letter-spacing:-.012em; font-weight:650; margin:0 }
.dnum{ font-family:var(--d-mono); font-variant-numeric:tabular-nums }

/* ---------- кнопки ---------- */
.dbtn{
  position:relative; display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
  height:46px; padding:0 1.35rem; border-radius:99px; text-decoration:none;
  font-weight:600; font-size:.95rem; letter-spacing:-.01em; white-space:nowrap;
  background:var(--d-blue); color:#fff; border:0; overflow:hidden; isolation:isolate; cursor:pointer;
  transition:transform .25s var(--d-ease), box-shadow .25s var(--d-ease), background-color .25s;
}
.dbtn::before{ content:""; position:absolute; inset:0; z-index:-1; background:var(--d-blue-2); transform:translateY(101%); transition:transform .45s var(--d-ease-out) }
.dbtn:hover{ box-shadow:0 8px 24px rgba(42,99,160,.30); text-decoration:none }
.dbtn:hover::before{ transform:none }
.dbtn:active{ transform:scale(.985) }
.dbtn--ghost{ background:transparent; color:var(--d-ink); box-shadow:inset 0 0 0 1.5px var(--d-line) }
.dbtn--ghost:hover{ box-shadow:inset 0 0 0 1.5px var(--d-ink) }
.dbtn--ghost:hover::before{ transform:translateY(101%) }
.dbtn--light{ background:#fff; color:var(--d-ink) }
.dbtn--light::before{ background:#e8eef5 }
.dbtn--sm{ height:38px; padding:0 1rem; font-size:.87rem }
.dbtn--block{ width:100% }

/* ---------- карточки ---------- */
.dcard{
  background:var(--d-white); border:1px solid var(--d-line); border-radius:var(--d-r-lg);
  padding:24px; transition:border-color .25s, box-shadow .3s, transform .3s var(--d-ease-out);
}
.dcard--hover:hover{ border-color:#c2d3e4; box-shadow:var(--d-shadow-2); transform:translateY(-3px) }

/* ---------- поля ---------- */
.dfld{ display:block }
.dfld__l{ display:block; font-size:.78rem; font-weight:600; letter-spacing:.01em; color:var(--d-muted); margin-bottom:6px }
.dfld__in{
  width:100%; height:44px; padding:0 13px; border-radius:var(--d-r-sm);
  background:var(--d-soft); border:1.5px solid transparent; outline:0; font-size:.94rem;
  transition:border-color .2s, background .2s, box-shadow .2s;
}
.dfld__in:hover{ background:var(--d-soft-2) }
.dfld__in:focus{ background:#fff; border-color:var(--d-blue); box-shadow:0 0 0 4px rgba(42,99,160,.14) }
select.dfld__in{
  appearance:none; padding-right:32px;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%235b6976' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 12px center; background-size:10px;
}

/* ---------- пилюли ---------- */
.dpill{
  display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:99px;
  font:600 11.5px/1.4 var(--d-f); background:var(--d-soft-2); color:var(--d-ink-2);
}
.dpill--blue{ background:var(--d-blue-3); color:var(--d-blue-ink) }
.dpill--green{ background:var(--d-green-soft); color:var(--d-green) }
.dpill--amber{ background:var(--d-amber-soft); color:var(--d-amber) }
.dpill--red{ background:var(--d-red-soft); color:var(--d-red) }

/* ======================= ВАРИАНТ A — ГЛАВНАЯ ======================= */
.a-hero{
  position:relative; overflow:hidden; background:var(--d-dark); color:#e8edf2;
  padding:clamp(48px,6vw,96px) 0 clamp(44px,5vw,84px);
}
.a-hero::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(760px 420px at 78% 8%, rgba(42,99,160,.34), transparent 62%),
    radial-gradient(620px 380px at 8% 92%, rgba(24,62,99,.45), transparent 60%);
}
.a-hero__grid{
  position:absolute; inset:0; opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(1000px 620px at 30% 30%,#000,transparent 78%);
  -webkit-mask-image:radial-gradient(1000px 620px at 30% 30%,#000,transparent 78%);
}
.a-hero__in{ position:relative; display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:center }
.a-hero h1{ color:#fff }
.a-hero h1 em{ font-style:normal; color:#9cc6f2 }
.a-hero__lead{ margin:20px 0 0; font-size:1.05rem; line-height:1.6; color:#b6c3cf; max-width:54ch }
.a-hero__cta{ display:flex; gap:12px; margin-top:30px; flex-wrap:wrap }
.a-hero__meta{ margin-top:34px; padding-top:22px; border-top:1px solid rgba(255,255,255,.14); display:flex; gap:32px; flex-wrap:wrap }
.a-hero__meta div b{ display:block; font:700 1.5rem/1.1 var(--d-f); letter-spacing:-.03em; color:#fff }
.a-hero__meta div span{ font-size:.82rem; color:#a3b1bd }

.a-panel{
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.14);
  border-radius:var(--d-r-xl); padding:22px; backdrop-filter:blur(6px);
  box-shadow:var(--d-shadow-3);
}
.a-panel__head{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap }
.a-panel__title{ font:600 13px/1.3 var(--d-mono); letter-spacing:.08em; text-transform:uppercase; color:#cdd8e2 }
.a-panel__badge{ font:600 11.5px/1.4 var(--d-f); color:#9cc6f2; background:rgba(42,99,160,.22); padding:4px 10px; border-radius:99px }
.a-rows{ margin-top:16px; display:flex; flex-direction:column; gap:2px }
.a-row{ display:grid; grid-template-columns:34px 1fr auto; align-items:center; gap:12px; padding:11px 0; border-bottom:1px solid rgba(255,255,255,.09) }
.a-row:last-child{ border-bottom:0 }
.a-row__ico{ width:32px; height:32px; border-radius:9px; background:rgba(255,255,255,.08); color:#9cc6f2; display:grid; place-items:center }
.a-row__ico svg{ width:19px; height:19px }
.a-row__t{ display:block; font-size:.92rem; font-weight:600; color:#f2f6fa }
.a-row__d{ display:block; font-size:.79rem; color:#a3b1bd }
.a-row__v{ font:700 1.02rem/1.2 var(--d-mono); color:#fff; font-variant-numeric:tabular-nums; text-align:right }
.a-panel__foot{ margin-top:16px; padding-top:14px; border-top:1px solid rgba(255,255,255,.12); display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; font-size:.85rem; color:#c3cedb }
.a-panel .dpill--green{ background:rgba(31,99,73,.35); color:#9dd9bd }

.a-sec{ padding:clamp(48px,6vw,84px) 0 }
.a-sec--soft{ background:var(--d-soft) }
.a-sec__head{ max-width:70ch; margin-bottom:32px }
.a-sec__head p{ margin:14px 0 0; color:var(--d-muted); font-size:1rem; line-height:1.6 }
.a-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px }
.a-card{ display:flex; flex-direction:column; gap:10px; text-decoration:none; color:inherit }
.a-card:hover{ text-decoration:none }
.a-card__ico{ width:44px; height:44px; border-radius:13px; background:var(--d-blue-3); color:var(--d-blue-ink); display:grid; place-items:center }
.a-card__ico svg{ width:24px; height:24px }
.a-card__tag{ align-self:flex-start }
.a-card h3{ font-size:1.05rem; line-height:1.3; letter-spacing:-.02em; font-weight:700; margin:0 }
.a-card p{ margin:0; font-size:.92rem; line-height:1.55; color:var(--d-muted) }
.a-card__go{ margin-top:auto; padding-top:12px; font-size:.88rem; font-weight:600; color:var(--d-blue-ink); display:inline-flex; align-items:center; gap:7px }
.a-card__go svg{ width:15px; height:15px }

.a-flow{ display:grid; gap:12px; counter-reset:step }
.a-flow__row{
  display:grid; grid-template-columns:64px 1fr; gap:18px; align-items:start;
  background:#fff; border:1px solid var(--d-line); border-radius:var(--d-r-lg); padding:20px 22px;
}
.a-flow__n{ font:700 1.4rem/1 var(--d-mono); color:var(--d-blue); letter-spacing:-.03em }
.a-flow__row h4{ margin:0 0 6px; font-size:1.02rem; letter-spacing:-.015em }
.a-flow__row p{ margin:0; font-size:.93rem; line-height:1.55; color:var(--d-muted) }

/* ======================= ВАРИАНТ C — ДАШБОРД ======================= */
.c-shell{ padding:26px 0 60px }
.c-top{ background:var(--d-dark); color:#e8edf2; padding:22px 0 }
.c-top__in{ display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap }
.c-top h1{ font-size:clamp(1.15rem,1rem + .7vw,1.6rem); font-weight:700; letter-spacing:-.02em; margin:0; color:#fff }
.c-top__sub{ font-size:.86rem; color:#a9b7c4; margin-top:6px }
.c-kpis{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:20px 0 }
.c-kpi{ background:#fff; border:1px solid var(--d-line); border-radius:var(--d-r-lg); padding:16px 18px; box-shadow:var(--d-shadow-1) }
.c-kpi__k{ font-size:.8rem; font-weight:600; color:var(--d-muted) }
.c-kpi__v{ font:700 1.5rem/1.2 var(--d-mono); font-variant-numeric:tabular-nums; margin:6px 0 2px; letter-spacing:-.02em }
.c-kpi__d{ font-size:.8rem; color:var(--d-mute-2) }
.c-kpi__d.ok{ color:var(--d-green) }
.c-kpi__d.bad{ color:var(--d-red) }
.c-layout{ display:grid; grid-template-columns:340px 1fr; gap:20px; align-items:start }
.c-main{ display:flex; flex-direction:column; gap:20px; min-width:0 }
.c-grid2{ display:grid; grid-template-columns:1fr 1fr; gap:20px }
.c-panel{ background:#fff; border:1px solid var(--d-line); border-radius:var(--d-r-lg); box-shadow:var(--d-shadow-1); overflow:hidden }
.c-panel__h{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:16px 20px; border-bottom:1px solid var(--d-line-2) }
.c-panel__h h3{ font-size:1rem; font-weight:700; margin:0; letter-spacing:-.015em }
.c-panel__b{ padding:18px 20px }
.c-chart{ padding:18px 20px 20px }
.c-field{ display:flex; flex-direction:column; gap:12px }
.c-divider{ height:1px; background:var(--d-line-2); margin:4px 0 }
.c-risk{ display:grid; place-items:center }
.c-ring{ position:relative; width:196px; height:196px }
.c-ring svg{ width:100%; height:100%; transform:rotate(-90deg) }
.c-ring__t{ position:absolute; inset:0; display:grid; place-items:center; text-align:center }
.c-ring__v{ font:700 1.28rem/1.2 var(--d-mono); letter-spacing:-.02em }
.c-ring__l{ font-size:.78rem; color:var(--d-muted); margin-top:4px }
.c-alert{ display:flex; gap:10px; align-items:flex-start; border-radius:var(--d-r-sm); padding:12px 14px; font-size:.9rem; line-height:1.5; background:var(--d-amber-soft); color:#5d3f0c }
.c-alert svg{ width:19px; height:19px; flex:none; margin-top:1px }
.c-alert--ok{ background:var(--d-green-soft); color:#134a34 }
.c-alert--red{ background:var(--d-red-soft); color:#75241d }
.c-bars{ display:flex; align-items:flex-end; gap:18px; height:190px; padding:8px 4px 0 }
.c-bar{ flex:1; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; height:100%; min-width:0 }
.c-bar__v{ font:600 .8rem/1.2 var(--d-mono); color:var(--d-ink-2); margin-bottom:6px; white-space:nowrap }
.c-bar__t{ width:100%; max-width:74px; height:var(--h,50%); background:var(--d-blue); border-radius:8px 8px 3px 3px }
.c-bar.is-risk .c-bar__t{ background:#c04a3e }
.c-bar__l{ font-size:.76rem; color:var(--d-muted); text-align:center; margin-top:8px; line-height:1.3 }
.c-cmp{ display:grid; grid-template-columns:1fr auto 1fr; gap:14px; align-items:center }
.c-cmp__box{ background:var(--d-soft); border:1px solid var(--d-line); border-radius:var(--d-r); padding:14px 16px }
.c-cmp__box--b{ background:var(--d-green-soft); border-color:#c6e2d4 }
.c-cmp__k{ font-size:.78rem; color:var(--d-muted) }
.c-cmp__v{ font:700 1.12rem/1.2 var(--d-mono); margin-top:6px }
.c-cmp__mid{ font-size:.8rem; color:var(--d-mute-2); text-align:center }
.c-tabs{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px }
.c-tabs button{
  border:1px solid var(--d-line); background:#fff; border-radius:99px; padding:7px 14px;
  font:600 .86rem/1.3 inherit; color:var(--d-muted); cursor:pointer;
}
.c-tabs button[aria-pressed="true"]{ background:var(--d-blue); border-color:var(--d-blue); color:#fff }
.dtbl{ width:100%; border-collapse:collapse; font-size:.9rem }
.dtbl th{ text-align:left; font:600 11px/1.3 var(--d-mono); letter-spacing:.07em; text-transform:uppercase; color:var(--d-muted); padding:0 12px 10px; border-bottom:1px solid var(--d-line); white-space:nowrap }
.dtbl td{ padding:10px 12px; border-bottom:1px solid var(--d-line-2); vertical-align:top }
.dtbl tr:last-child td{ border-bottom:0 }
.dtbl .r{ text-align:right; font-family:var(--d-mono); font-variant-numeric:tabular-nums; white-space:nowrap }
.dtbl a{ color:var(--d-blue-ink) }
.c-src{ font-size:.82rem; color:var(--d-muted) }

/* ======================= МЕГА-МЕНЮ (шапка сайта) ======================= */
.primary-nav{ position:relative; overflow:visible }
@media (max-width:1180px){ .primary-nav{ flex-wrap:wrap; justify-content:flex-start; overflow:visible } }
.primary-nav .navgrp__home{ font-weight:600 }
.navgrp{ position:relative }
.navgrp__btn{
  display:inline-flex; align-items:center; gap:6px; padding:8px 12px; border-radius:10px;
  background:transparent; border:0; cursor:pointer; font:inherit; font-weight:600; color:var(--text);
}
.navgrp__btn:hover{ background:var(--surface-soft); color:var(--accent-strong); text-decoration:none }
.navgrp__btn::after{ content:""; width:0; height:0; border:5px solid transparent; border-top-color:currentColor; margin-top:3px; opacity:.6 }
.navgrp__btn[aria-expanded="true"]::after{ transform:rotate(180deg); margin-top:-2px }
.navgrp__menu{
  position:absolute; top:calc(100% + 8px); left:0; z-index:40; min-width:300px;
  background:#fff; border:1px solid var(--line); border-radius:16px; box-shadow:0 18px 44px rgba(39,58,75,.16);
  padding:10px; display:none;
}
.navgrp.open .navgrp__menu{ display:block }
.navgrp__link{ display:block; padding:9px 12px; border-radius:10px; color:var(--text) !important; font-weight:600; font-size:.94rem }
.navgrp__link:hover{ background:var(--accent-soft); color:var(--accent-strong) !important; text-decoration:none }
.navgrp__link::after{ display:none !important }
.navgrp__d{ display:block; font-weight:400; font-size:.8rem; color:var(--muted); margin-top:2px }
.navgrp__menu .navgrp__foot{ margin-top:8px; padding:9px 12px 4px; border-top:1px solid var(--line); font-size:.78rem; color:var(--muted) }
@media (max-width:1180px){
  .navgrp__menu{ position:static; min-width:0; width:100%; border:0; box-shadow:none; border-radius:0;
    padding:0 0 6px 10px; background:transparent; margin-top:-2px }
  .navgrp.open .navgrp__menu{ display:block }
  .navgrp__btn{ width:100%; justify-content:space-between; padding:11px 0; font-size:1rem }
  .navgrp__btn::after{ display:none }
  .navgrp__link{ padding:9px 0; border-bottom:1px solid var(--line); border-radius:0 }
  .navgrp__link:hover{ background:transparent }
}

/* ======================= АДАПТИВ ======================= */
@media (max-width:1100px){
  .c-layout{ grid-template-columns:1fr }
  .c-kpis{ grid-template-columns:repeat(2,1fr) }
  .c-grid2{ grid-template-columns:1fr }
  .a-cards{ grid-template-columns:1fr 1fr }
}
@media (max-width:980px){ .a-hero__in{ grid-template-columns:1fr; gap:34px } }
@media (max-width:640px){
  .a-cards{ grid-template-columns:1fr }
  .a-flow__row{ grid-template-columns:1fr; gap:8px }
  .c-kpis{ grid-template-columns:1fr 1fr; gap:10px }
  .c-kpi__v{ font-size:1.18rem }
  .c-ring{ width:150px; height:150px }
  .c-ring__v{ font-size:1.05rem }
  .c-bars{ height:150px; gap:10px }
  .c-bar__l{ font-size:.7rem }
  .c-cmp{ grid-template-columns:1fr }
  .c-panel__h,.c-panel__b,.c-chart{ padding-left:14px; padding-right:14px }
  .dw,.dw--wide{ width:min(100% - 28px,1240px) }
}
@media (max-width:420px){
  .c-kpis{ grid-template-columns:1fr }
}

/* ======================= ПЕЧАТЬ ======================= */
@media print{
  .a-hero,.c-top{ background:#fff !important; color:#000 !important; padding:0 0 12px }
  .a-hero h1,.c-top h1{ color:#000 !important }
  .a-hero__lead,.a-hero__meta div span,.c-top__sub{ color:#333 !important }
  .a-panel,.c-panel,.c-kpi,.dcard{ box-shadow:none !important; border-color:#bbb !important; background:#fff !important }
  .site-header,.page-nav,.primary-nav,.hud,.c-tabs,.no-print{ display:none !important }
  body{ background:#fff !important }
  .c-layout{ grid-template-columns:1fr }
  .c-grid2{ grid-template-columns:1fr 1fr }
  .c-panel,.c-kpi{ break-inside:avoid; page-break-inside:avoid }
  a[href^="http"]::after{ content:" (" attr(href) ")"; font-size:.75rem; color:#555 }
}

/* ---------- тёмный hero: кнопки и поля ---------- */
.a-hero .dbtn--hero-ghost{ color:#e8edf2; box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28) }
.a-hero .dbtn--hero-ghost:hover{ color:#fff; box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6) }
.a-panel .dfld__in{ background:#fff; color:var(--d-ink); border-color:#d5dee7 }
.a-panel .dfld__in:focus{ border-color:var(--d-accent) }

/* ---------- меню: мобильный режим ---------- */
@media (max-width:1180px){
  .navgrp{ width:100% }
  .navgrp__btn{ width:100%; justify-content:space-between; padding:11px 0; border-bottom:1px solid var(--line) }
  .navgrp__menu{ position:static; display:none; box-shadow:none; border:0; background:transparent; padding:2px 0 10px 14px; width:100%; max-width:none }
  .navgrp.open .navgrp__menu{ display:block }
  .navgrp__link{ padding:9px 0; border-bottom:1px solid var(--line) }
  .navgrp__link::after{ display:none }
}

/* ---------- кнопки на тёмном фоне (шапка дашборда) ---------- */
.c-top .dbtn--ghost{ color:#e8edf2; box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.32) }
.c-top .dbtn--ghost:hover{ color:#fff; box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.65) }

/* ---------- подписи столбцов диаграммы ---------- */
.c-bars{ gap:10px }
.c-bar__l{ font-size:.66rem; line-height:1.25; letter-spacing:.01em }
.c-bar__v{ font-size:.72rem }

/* ---------- глубокие ссылки на места публикаций ---------- */
.dl-ref{ color:#2f6fb0; text-decoration:none; border-bottom:1px dotted currentColor; white-space:nowrap }
.dl-ref:hover{ color:#16232e; border-bottom-style:solid }
.dl-ref--v{ margin-left:4px; font-size:.85em; border-bottom:0; opacity:.75 }
.dl-ref--v:hover{ opacity:1 }
.src-list .dl-ref{ display:inline-block; margin-left:6px; font-size:.86em }