/*!
 * dovidka.online — Article content system (#dvg)
 * Styles for long-form blog posts wrapped in <div id="dvg">…</div>.
 * Standardized to the site design system: font = Inter (inherits global), brand palette,
 * all selectors scoped to #dvg (no global leak). Font Awesome for UI icons; article status
 * marks (✓ ✕ →) are Unicode in CSS content:.  Add to the CHILD THEME (see CHILD-THEME-README.md).
 * Source of truth: docs/design-system.md §6. v1.0 — 2026-07-15
 */
#dvg{--paper:#FFFFFF;
    --paper-2:#F5F7FA;
    --ink:#1A1A1A;
    --ink-soft:#6B7280;
    --ink-faint:#8A97A6;
    --line:#E5E9F0;
    --line-strong:#CDD6E2;
    --cobalt:#21518C;
    --cobalt-deep:#1A4170;
    --cobalt-wash:#EAF0F8;
    --amber:#8A6310;
    --amber-wash:#FBF2DA;
    --amber-line:#ECAC09;
    --danger:#A41F2B;
    --danger-wash:#FBEAEA;
    --good:#178060;
    --good-wash:#E7F3EC;
    --r:16px;
    --maxw:880px;}#dvg *{box-sizing:border-box}#dvg{scroll-behavior:smooth}#dvg{margin:0;
    background:var(--paper);
    color:var(--ink);
    font-family:inherit;
    font-size:17px;
    line-height:1.62;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;}@media (prefers-reduced-motion:no-preference){#dvg .reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}#dvg .reveal.in{opacity:1;transform:none}}#dvg .wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}#dvg a{color:var(--cobalt);text-decoration:none}#dvg a:hover{text-decoration:underline}#dvg .mono{font-family:ui-monospace,Menlo,Consolas,monospace,monospace;font-weight:500;letter-spacing:-.01em}#dvg .site-hd{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line)}#dvg .site-hd .wrap{display:flex;align-items:center;gap:22px;height:64px}#dvg .brand{display:flex;align-items:center;gap:10px;flex:none}#dvg .brand img{height:34px;width:auto;display:block}#dvg .brand b{font-weight:700;font-size:16px;letter-spacing:-.01em;color:var(--ink)}#dvg .site-nav{display:flex;align-items:center;gap:20px;margin-left:auto}#dvg .site-nav a{font-size:14.5px;font-weight:500;color:var(--ink-soft)}#dvg .site-nav a:hover{color:var(--cobalt);text-decoration:none}#dvg .btn{display:inline-block;background:var(--cobalt);color:#fff;font-weight:600;font-size:14px;padding:9px 16px;border-radius:6px}#dvg .btn:hover{background:var(--cobalt-deep);color:#fff;text-decoration:none}@media(max-width:760px){#dvg .site-nav a:not(.btn){display:none}#dvg .site-hd .wrap{gap:12px}#dvg .brand b{display:none}}#dvg header.hero{padding:52px 0 30px}#dvg .eyebrow{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;font-weight:500;
    letter-spacing:.12em;text-transform:uppercase;color:var(--cobalt);
    margin:0 0 18px;}#dvg h1{font-family:inherit;font-weight:700;color:var(--cobalt);
    font-size:clamp(31px,6vw,50px);line-height:1.1;letter-spacing:-.015em;
    margin:0 0 18px;}#dvg .lede{font-size:19px;color:var(--ink-soft);max-width:60ch;margin:0 0 30px}#dvg .bridge{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;
    border:1px solid var(--line-strong);border-radius:var(--r);overflow:hidden;
    background:var(--paper-2);margin:0 0 14px;}#dvg .bridge .node{padding:18px 20px}#dvg .bridge .from{background:var(--cobalt-wash)}#dvg .bridge .to{background:var(--good-wash)}#dvg .bridge .node .k{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);font-weight:600;margin:0 0 5px}#dvg .bridge .node .v{font-family:inherit;font-weight:600;font-size:17px;line-height:1.25}#dvg .bridge .node small{display:block;font-family:inherit;font-weight:500;font-size:13px;color:var(--ink-soft);margin-top:4px}#dvg .bridge .span{display:grid;place-items:center;padding:0 8px;color:var(--cobalt);
    border-left:1px dashed var(--line-strong);border-right:1px dashed var(--line-strong);
    font-size:22px;}@media(max-width:560px){#dvg .bridge{grid-template-columns:1fr}#dvg .bridge .span{padding:8px;border:none;border-top:1px dashed var(--line-strong);border-bottom:1px dashed var(--line-strong);transform:rotate(90deg) scale(1);height:34px}}#dvg section{padding:30px 0;border-top:1px solid var(--line)}#dvg .sec-head{display:flex;align-items:baseline;gap:14px;margin:0 0 18px}#dvg .sec-no{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;font-weight:700;color:var(--cobalt);flex:none;padding-top:3px}#dvg h2{font-family:inherit;font-weight:700;color:var(--cobalt);font-size:clamp(22px,4vw,29px);line-height:1.15;letter-spacing:-.01em;margin:0}#dvg h3{font-family:inherit;font-weight:600;font-size:19px;margin:0 0 6px;letter-spacing:-.01em}#dvg p{margin:0 0 14px}#dvg .muted{color:var(--ink-soft)}#dvg .small{font-size:15.5px}#dvg .basis{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;
    font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;font-weight:500;
    color:var(--cobalt-deep);background:var(--cobalt-wash);
    border:1px solid #D2E0FA;border-radius:6px;padding:3px 8px;}#dvg .basis::before{content:"§";font-weight:700}#dvg .facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}#dvg .facts div{background:var(--paper-2);padding:16px 16px}#dvg .facts .n{font-family:inherit;font-weight:700;font-size:24px;line-height:1;letter-spacing:-.02em}#dvg .facts .l{font-size:13.5px;color:var(--ink-soft);margin-top:7px;line-height:1.4}@media(max-width:680px){#dvg .facts{grid-template-columns:repeat(2,1fr)}}#dvg .notice{--notice-accent:var(--cobalt);
    --notice-soft:var(--cobalt-wash);
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    column-gap:15px;
    align-items:start;
    margin:20px 0;
    padding:20px 22px 20px 18px;
    background:var(--paper-2);
    border:1px solid var(--line);
    border-radius:var(--r);}#dvg .notice::before{content:"i";
    grid-column:1;
    grid-row:1 / span 20;
    display:grid;
    place-items:center;
    width:38px;height:38px;
    margin-top:1px;
    border-radius:50%;
    background:var(--notice-soft);
    color:var(--notice-accent);
    font-family:inherit;
    font-size:18px;
    line-height:1;
    font-weight:800;}#dvg .notice > *{grid-column:2;min-width:0}#dvg .notice h3{margin-bottom:7px;color:var(--ink)}#dvg .notice.warn{--notice-accent:var(--amber-line);--notice-soft:var(--amber-wash)}#dvg .notice.good{--notice-accent:var(--good);--notice-soft:var(--good-wash)}#dvg .notice.info{--notice-accent:var(--cobalt);--notice-soft:var(--cobalt-wash)}#dvg .notice.warn::before{content:"!"}#dvg .notice.good::before{content:"✓";font-size:16px}#dvg .notice .tag{display:block;
    margin:0 0 5px;
    padding:0;
    background:none;
    color:var(--notice-accent);
    font-family:inherit;
    font-size:11px;
    line-height:1.35;
    letter-spacing:.06em;
    text-transform:uppercase;
    font-weight:700;}@media(max-width:560px){#dvg .notice{grid-template-columns:34px minmax(0,1fr);
      column-gap:11px;
      padding:17px 15px;}#dvg .notice::before{width:32px;height:32px;font-size:16px}#dvg .notice.good::before{font-size:14px}}#dvg .paths{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:680px){#dvg .paths{grid-template-columns:1fr}}#dvg .card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);
    padding:18px 18px 16px;display:flex;flex-direction:column;gap:10px;}#dvg .card .top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}#dvg .card h3{margin:0}#dvg .chip{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;font-weight:700;padding:3px 7px;border-radius:6px;background:var(--ink);color:#fff;flex:none;letter-spacing:-.01em}#dvg .card .who{font-size:15.5px;color:var(--ink-soft);margin:0}#dvg .card ul{margin:2px 0 0;padding:0 0 0 18px;font-size:15px;color:var(--ink-soft)}#dvg .card ul li{margin:3px 0}#dvg .card .foot{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap;padding-top:4px}#dvg .pill{font-size:12px;border:1px solid var(--line-strong);border-radius:20px;padding:2px 9px;color:var(--ink-soft)}#dvg .pill.gold{border-color:var(--amber-line);background:var(--amber-wash);color:#7a5008}#dvg .card.spot{border-color:var(--cobalt);box-shadow:0 0 0 1px var(--cobalt)}#dvg .card.spot .chip{background:var(--cobalt)}#dvg ol.steps{list-style:none;counter-reset:s;margin:0;padding:0}#dvg ol.steps>li{counter-increment:s;position:relative;padding:0 0 18px 46px;border-left:2px solid var(--line);margin-left:16px}#dvg ol.steps>li:last-child{border-left-color:transparent;padding-bottom:0}#dvg ol.steps>li::before{content:counter(s);position:absolute;left:-17px;top:-2px;
    width:32px;height:32px;border-radius:50%;background:var(--cobalt);color:#fff;
    font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:700;font-size:14px;
    display:grid;place-items:center;}#dvg ol.steps h3{margin:0 0 4px}#dvg ol.steps p{margin:0 0 6px;font-size:16px}#dvg ol.flow{margin:6px 0 0;padding-left:22px}#dvg ol.flow li{margin:7px 0;font-size:16px}#dvg table.tasa{width:100%;border-collapse:collapse;font-size:15.5px;margin:6px 0 0}#dvg table.tasa td{border-top:1px solid var(--line);padding:9px 6px;vertical-align:top}#dvg table.tasa td:first-child{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;white-space:nowrap;color:var(--cobalt-deep);width:0;padding-right:14px}#dvg table.dtab{width:100%;border-collapse:collapse;border:0;background:none;font-size:15px;margin:10px 0 0}#dvg table.dtab td{border:0;border-bottom:1px solid var(--line);background:none;padding:11px 8px;vertical-align:top}#dvg table.dtab td:first-child{font-weight:700;width:34%;padding-left:0;padding-right:16px;color:var(--ink)}#dvg table.dtab td:last-child{padding-right:0}@media(max-width:560px){#dvg table.dtab tr{display:block;border-bottom:1px solid var(--line);padding:11px 0}#dvg table.dtab td{display:block;border:0;background:none;padding:0}#dvg table.dtab td:first-child{width:auto;padding-right:0;color:var(--cobalt-deep);font-size:14.5px;margin-bottom:4px}}#dvg .reasons{display:grid;grid-template-columns:1fr 1fr;gap:8px 22px;margin:8px 0 0;padding:0;list-style:none;font-size:15.5px}#dvg .reasons li{padding-left:20px;position:relative;color:var(--ink-soft)}#dvg .reasons li::before{content:"✕";position:absolute;left:0;color:var(--danger);font-weight:700}@media(max-width:560px){#dvg .reasons{grid-template-columns:1fr}}#dvg .src{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;font-size:15.5px;margin:0;padding:0;list-style:none}#dvg .src li{padding:7px 0;border-top:1px solid var(--line)}#dvg .src .k{display:block;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin-bottom:1px}@media(max-width:560px){#dvg .src{grid-template-columns:1fr}}#dvg footer{padding:34px 0 56px;border-top:1px solid var(--line);color:var(--ink-soft);font-size:14px}#dvg .disclaim{display:grid;
    grid-template-columns:46px minmax(0,1fr);
    gap:0 17px;
    align-items:start;
    margin:0 0 26px;
    padding:22px 24px 21px 20px;
    background:var(--paper-2);
    color:var(--ink-soft);
    border:1px solid var(--line);
    border-radius:var(--r);
    font-size:14.5px;}#dvg .disclaim::before{content:"§";
    grid-column:1;
    grid-row:1 / span 10;
    display:grid;
    place-items:center;
    width:42px;height:42px;
    border-radius:50%;
    background:var(--cobalt);
    color:#fff;
    font-family:inherit;
    font-size:20px;
    font-weight:700;}#dvg .disclaim > *{grid-column:2;min-width:0}#dvg .disclaim strong{color:var(--ink)}@media(max-width:560px){#dvg .disclaim{grid-template-columns:36px minmax(0,1fr);
      gap:0 12px;
      padding:18px 16px;}#dvg .disclaim::before{width:34px;height:34px;font-size:17px}}#dvg .foot-brand b{font-family:inherit;font-weight:700;font-size:17px;color:var(--ink);display:block}#dvg .foot-brand span{color:var(--ink-soft);font-size:14px}#dvg .foot-row{display:flex;justify-content:space-between;align-items:center;gap:12px 20px;flex-wrap:wrap;margin:16px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}#dvg .foot-links a{color:var(--ink-soft)}#dvg .foot-links a:hover{color:var(--cobalt)}#dvg .byline{font-size:13.5px;color:var(--ink-faint);margin:0 0 22px}#dvg .cta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
    background:var(--cobalt-wash);border:1px solid #CFE0FA;border-radius:var(--r);
    padding:16px 18px;margin:14px 0;font-size:15.5px;line-height:1.55}#dvg .cta .btn{flex:none}#dvg .cta-final{margin:22px 0}@media(max-width:560px){#dvg .cta .btn{width:100%;text-align:center}}#dvg [data-ref]{position:relative;cursor:help}#dvg span.ref{border-bottom:1px dashed currentColor}#dvg [data-ref]:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px;border-radius:3px}#dvg .tip{position:absolute;z-index:60;left:0;top:calc(100% + 9px);
    width:min(330px,86vw);
    background:var(--ink);color:#fff;text-align:left;
    font-family:inherit;font-weight:400;font-size:13.5px;line-height:1.5;
    letter-spacing:normal;text-transform:none;white-space:normal;
    border-radius:11px;padding:12px 14px;
    box-shadow:0 12px 34px rgba(19,32,46,.30);
    opacity:0;visibility:hidden;transform:translateY(-4px);
    transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;
    pointer-events:none;}#dvg .tip b{display:block;color:#fff;font-weight:700;font-size:12px;margin:0 0 5px;font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:-.01em}#dvg .tip .lnk{display:flex;flex-wrap:wrap;gap:5px 16px;margin-top:10px}#dvg .tip a{color:#9ec1ff;font-weight:600;text-decoration:none;font-size:12.5px}#dvg .tip a:hover{text-decoration:underline}#dvg .tip::after{content:"";position:absolute;bottom:100%;left:20px;border:7px solid transparent;border-bottom-color:var(--ink)}#dvg [data-ref].up .tip{top:auto;bottom:calc(100% + 9px);transform:translateY(4px)}#dvg [data-ref].up .tip::after{bottom:auto;top:100%;border-bottom-color:transparent;border-top-color:var(--ink)}#dvg [data-ref].on .tip{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s}@media(hover:hover){#dvg [data-ref]:hover .tip{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s}}#dvg .reveal{opacity:1;transform:none}#dvg .faq .qa{padding:14px 0;border-bottom:1px solid var(--line)}#dvg .faq .qa:last-child{border-bottom:0}#dvg .faq .qa h3{margin:0 0 5px;font-size:17px}#dvg .faq .qa p{margin:0}#dvg .reasons.ok li::before{content:"✓";color:#16a34a}

/* integrate #dvg into the single-post column (was in Elementor kit) */
.single-post #dvg .wrap{padding-left:0!important;padding-right:0!important;max-width:100%!important}