/* DigiDollar Blog Features - trust card + stats + share + related
   Brand gold accents, RTL, dark-mode aware. Scoped under .ddbf / .ddbf-rel. */

.ddbf{--g1:#f6b829;--g2:#d99413;--g3:#b88e19;--ink:#2a2540;--mut:#6b7280;
  --card:#fffdf7;--card2:#fff7e6;--line:#f0e2bf;--ok:#1aa251;--like:#f43676;
  margin:18px 0 22px;font-family:inherit}
.ddbf *{box-sizing:border-box}

.ddbf-card{position:relative;border:1px solid var(--line);border-radius:18px;
  background:linear-gradient(180deg,var(--card2),var(--card));
  box-shadow:0 10px 30px -18px rgba(184,142,25,.55);overflow:hidden}
/* No gold accent bar across the top - the owner reads that as a template mark. */

/* ---- title: the theme header is suppressed on blog singles, so the card
   opens with the H1 and the credibility row reads as one block ---- */
.ddbf-title{margin:0!important;padding:22px 18px 16px;font-size:1.72rem;font-weight:900;
  line-height:1.75;color:var(--ink);text-align:center;border-block-end:1px solid var(--line)}
@media (max-width:600px){
  .ddbf-title{padding:18px 14px 13px;font-size:1.26rem;line-height:1.8}
}

/* ---- top: identity + meta chips ---- */
.ddbf-top{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;
  justify-content:space-between;padding:14px 16px 12px}
.ddbf-id{display:flex;align-items:center;gap:12px;min-width:0}
.ddbf-av{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  width:46px;height:46px;border-radius:50%;
  background:radial-gradient(circle at 32% 28%,#fff7e6 0%,#ffe6ac 100%);
  box-shadow:0 0 0 2px var(--g1),0 5px 14px rgba(170,125,0,.3)}
/* force size (theme applies img{height:auto!important}); contain+multiply = no white halo, no overflow.
   border/radius/shadow !important: content-image rules (.main-article img, div.text img) otherwise
   paint a gold 2px square frame + 8px radius on the 46px avatar. */
.ddbf-av img{width:100%!important;height:100%!important;max-width:100%;
  border:0!important;border-radius:50%!important;box-shadow:none!important;
  object-fit:contain;padding:6px;margin:0!important;display:block;
  mix-blend-mode:multiply}
/* Theme option "disable date globally" injects time{display:none!important}; our dates must survive it */
.ddbf time{display:inline!important}
.ddbf-seal{position:absolute;inset-block-end:-3px;inset-inline-start:-3px;width:20px;height:20px;
  border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;
  border:2px solid var(--card)}
.ddbf-seal svg{width:12px;height:12px;stroke-width:3}
.ddbf-by{min-width:0;line-height:1.5}
.ddbf-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.ddbf-role{font-size:11px;font-weight:700;color:var(--g3);background:#fbeec6;
  padding:1px 8px;border-radius:999px}
.ddbf-role--rev{color:#2563a8;background:#e4eefb}
.ddbf-name{font-weight:800;color:var(--ink);text-decoration:none;font-size:14px}
.ddbf-name:hover{color:var(--g3)}
.ddbf-ok{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;color:var(--ok)}
.ddbf-ok svg{width:13px;height:13px;stroke-width:2.6}

.ddbf-metas{display:flex;flex-wrap:wrap;gap:8px}
.ddbf-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--mut);
  background:#fff;border:1px solid var(--line);padding:5px 10px;border-radius:999px;white-space:nowrap}
.ddbf-chip svg{width:15px;height:15px;color:var(--g3)}
.ddbf-chip b{color:var(--ink);font-weight:800}
.ddbf-chip time{font-variant-numeric:tabular-nums}

/* ---- stats + share strip ---- */
.ddbf-stats{display:flex;flex-wrap:wrap;gap:12px;align-items:center;
  justify-content:space-between;padding:12px 16px;
  border-block-start:1px dashed var(--line);background:rgba(255,250,232,.5)}
.ddbf-counts{display:flex;gap:8px;flex-wrap:wrap}
.ddbf-stat{display:inline-flex;align-items:center;gap:7px;font:inherit;cursor:default;
  background:#fff;border:1px solid var(--line);border-radius:12px;padding:7px 12px;
  color:var(--ink);transition:transform .15s,box-shadow .2s,border-color .2s}
.ddbf-stat svg{width:18px;height:18px;color:var(--g3)}
.ddbf-stat .ddbf-num{font-weight:900;font-variant-numeric:tabular-nums;font-size:15px}
.ddbf-stat i{font-style:normal;font-size:12px;color:var(--mut)}
.ddbf-stat--like{cursor:pointer}
.ddbf-stat--like:hover{border-color:var(--like);transform:translateY(-1px);
  box-shadow:0 8px 18px -10px rgba(244,54,118,.7)}
.ddbf-stat--like svg{color:var(--like);fill:none;transition:transform .2s}
.ddbf-stat--like.is-liked{border-color:var(--like);background:#fff0f5}
.ddbf-stat--like.is-liked svg{fill:var(--like);animation:ddbf-pop .35s}
@keyframes ddbf-pop{0%{transform:scale(.7)}55%{transform:scale(1.3)}100%{transform:scale(1)}}

.ddbf-share{display:flex;gap:7px}
.ddbf-sh{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;
  border:1px solid var(--line);background:#fff;color:#fff;cursor:pointer;
  transition:transform .15s,filter .2s;text-decoration:none}
.ddbf-sh:hover{transform:translateY(-2px) scale(1.05);filter:brightness(1.05)}
.ddbf-sh svg{width:18px;height:18px}
.ddbf-sh--tg{background:#28a8e9;border-color:#28a8e9}
.ddbf-sh--wa{background:#25d366;border-color:#25d366}
.ddbf-sh--x{background:#111;border-color:#111}
.ddbf-sh--copy{background:#fff;border-color:var(--line);color:var(--g3)}
.ddbf-sh--copy.is-copied{background:var(--ok);border-color:var(--ok);color:#fff}

/* ---- trust pills ---- */
.ddbf-trust{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px 14px;
  border-block-start:1px solid var(--line)}
.ddbf-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;
  padding:6px 12px;border-radius:999px;text-decoration:none}
.ddbf-pill svg{width:16px;height:16px}
.ddbf-pill--lic{color:var(--g3);background:linear-gradient(135deg,#fff3d1,#ffe8b0);
  border:1px solid #f0d385}
.ddbf-pill--lic:hover{filter:brightness(.98)}
.ddbf-pill--pub{color:var(--mut);background:#fff;border:1px solid var(--line)}
.ddbf-pill--pub time{font-variant-numeric:tabular-nums}

/* ---- related posts ---- */
.ddbf-rel{margin:34px 0 8px}
/* No gold bar beside the heading - same rule as the card top-strips. */
.ddbf-rel__h{font-size:20px;font-weight:900;color:var(--ink,#2a2540);margin:0 0 14px}
.ddbf-rel__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ddbf-rel__card{display:flex;flex-direction:column;border:1px solid #eee3c4;border-radius:14px;
  overflow:hidden;background:#fff;text-decoration:none;
  transition:transform .18s,box-shadow .22s,border-color .2s}
.ddbf-rel__card:hover{transform:translateY(-3px);border-color:#e7c873;
  box-shadow:0 16px 30px -18px rgba(184,142,25,.6)}
.ddbf-rel__thumb{display:block;aspect-ratio:16/9;background:#faf3df;overflow:hidden}
.ddbf-rel__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ddbf-rel__thumb--ph{background:linear-gradient(135deg,#fdf3d6,#f7e6b8)}
.ddbf-rel__body{padding:11px 13px 13px;display:flex;flex-direction:column;gap:7px}
.ddbf-rel__title{font-weight:800;font-size:14.5px;line-height:1.6;color:#2a2540;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ddbf-rel__card:hover .ddbf-rel__title{color:#b88e19}
.ddbf-rel__date{font-size:12px;color:#9aa0ab;font-variant-numeric:tabular-nums}

/* ---- responsive ---- */
@media (max-width:680px){
  .ddbf-top,.ddbf-stats{padding-inline:13px}
  .ddbf-metas{width:100%}
  .ddbf-stats{flex-direction:column;align-items:stretch}
  .ddbf-counts{justify-content:space-between}
  .ddbf-share{justify-content:flex-end}
  .ddbf-rel__grid{grid-template-columns:1fr;gap:11px}
  .ddbf-rel__card{flex-direction:row;align-items:stretch}
  .ddbf-rel__thumb{flex:0 0 38%;aspect-ratio:auto}
  .ddbf-rel__body{flex:1}
}

/* ---- dark mode: follow the site's Dracula toggle ONLY (never the OS) ----
   Default (.ddbf above) stays LIGHT. These rules apply only when the visitor
   actually switches the site into dark mode (html[data-dracula-scheme="dark"]). */
html[data-dracula-scheme="dark"] .ddbf{
  --ink:#eef1f6;--mut:#9aa3b2;--card:#171a21;--card2:#1d2129;--line:#33260e}
html[data-dracula-scheme="dark"] .ddbf-chip,
html[data-dracula-scheme="dark"] .ddbf-stat,
html[data-dracula-scheme="dark"] .ddbf-sh--copy,
html[data-dracula-scheme="dark"] .ddbf-pill--pub{background:#10131a}
html[data-dracula-scheme="dark"] .ddbf-stats{background:rgba(255,250,232,.04)}
html[data-dracula-scheme="dark"] .ddbf-role{background:#3a2f10}
html[data-dracula-scheme="dark"] .ddbf-role--rev{background:#13233a}
html[data-dracula-scheme="dark"] .ddbf-stat--like.is-liked{background:#2a1018}
html[data-dracula-scheme="dark"] .ddbf-rel__card{background:#171a21;border-color:#2a2f3a}
html[data-dracula-scheme="dark"] .ddbf-rel__h,
html[data-dracula-scheme="dark"] .ddbf-rel__title{color:#eef1f6}

/* =========================================================================
   [dd_blog_price] - compact read-only rate card for articles.
   Not the coin box: no converter, no buy/sell, no stat grid.
   ====================================================================== */
.ddbf-price{--g1:#f6b829;--g2:#d99413;--g3:#b88e19;--ink:#2a2540;--mut:#6b7280;
  --card:#fffdf7;--card2:#fff7e6;--line:#f0e2bf;--up:#1aa251;--dn:#e0483b;
  max-width:520px;margin:22px auto;border:1px solid var(--line);border-radius:18px;
  background:linear-gradient(180deg,var(--card2),var(--card));
  box-shadow:0 10px 30px -18px rgba(184,142,25,.55);overflow:hidden;
  font-family:inherit;direction:rtl}
.ddbf-price *{box-sizing:border-box}
/* Same rule as the trust card: no gold bar across the top. */

.ddbf-price__head{display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:13px 16px 9px}
.ddbf-price__name{display:flex;align-items:baseline;gap:7px;font-weight:800;
  font-size:.98rem;color:var(--ink)}
.ddbf-price__name i{font-style:normal;font-size:.72rem;font-weight:700;color:var(--mut);
  letter-spacing:.04em}
.ddbf-price__chg{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;
  border-radius:999px;font-size:.78rem;font-weight:800;line-height:1;
  background:rgba(107,114,128,.12);color:var(--mut)}
.ddbf-price__chg::before{content:"";width:0;height:0;border-inline:4px solid transparent}
.ddbf-price--up .ddbf-price__chg{background:rgba(26,162,81,.13);color:var(--up)}
.ddbf-price--up .ddbf-price__chg::before{border-block-end:6px solid currentColor}
.ddbf-price--down .ddbf-price__chg{background:rgba(224,72,59,.13);color:var(--dn)}
.ddbf-price--down .ddbf-price__chg::before{border-block-start:6px solid currentColor}

.ddbf-price__body{display:grid;grid-template-columns:auto auto 1fr;align-items:center;
  gap:6px 16px;padding:2px 16px 12px}
.ddbf-price__main{display:flex;align-items:baseline;gap:6px}
.ddbf-price__main b{font-size:1.55rem;font-weight:900;color:var(--ink);
  font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.ddbf-price__main span{font-size:.8rem;font-weight:700;color:var(--mut)}
.ddbf-price__usd{display:flex;flex-direction:column;gap:1px;padding-inline-start:16px;
  border-inline-start:1px solid var(--line)}
.ddbf-price__usd span{font-size:.92rem;font-weight:800;color:var(--g3);
  font-variant-numeric:tabular-nums;direction:ltr}
.ddbf-price__usd em{font-style:normal;font-size:.68rem;color:var(--mut)}
.ddbf-price__spark{width:100%;height:34px;color:var(--mut);opacity:.85}
.ddbf-price--up .ddbf-price__spark{color:var(--up)}
.ddbf-price--down .ddbf-price__spark{color:var(--dn)}

.ddbf-price__foot{display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:9px 16px;border-block-start:1px solid var(--line);
  background:rgba(246,184,41,.06);font-size:.74rem;color:var(--mut)}
.ddbf-price__foot a{font-weight:800;color:var(--g2);text-decoration:none}
.ddbf-price__foot a:hover{text-decoration:underline}

@media (max-width:520px){
  .ddbf-price__body{grid-template-columns:1fr auto}
  .ddbf-price__spark{grid-column:1/-1;height:30px}
}

html[data-dracula-scheme="dark"] .ddbf-price{--ink:#ece7ff;--mut:#a8a5bd;
  --card:#181630;--card2:#211d3d;--line:#3a3560}
html[data-dracula-scheme="dark"] .ddbf-price__foot{background:rgba(246,184,41,.05)}
html[data-dracula-scheme="dark"] .ddbf-price__usd span{color:var(--g1)}
html[data-dracula-scheme="dark"] .ddbf-price__foot a{color:var(--g1)}

/* =========================================================================
   FAQ accordion - mirrors the homepage .dd-homefaq look. The <h3> lives
   inside <summary>, so headings and schema survive the restyle.
   ====================================================================== */
.ddbf-faq{--g1:#f6b829;--g3:#b88e19;--ink:#2a2540;--mut:#6b7280;
  --card:#fffdf7;--card2:#fff7e6;--line:#f0e2bf;
  display:grid;gap:12px;margin:18px 0 26px;direction:rtl}
.ddbf-faq__item{border:1px solid var(--line);border-radius:16px;
  background:linear-gradient(180deg,var(--card2),var(--card));overflow:hidden;
  transition:border-color .25s ease,box-shadow .25s ease}
.ddbf-faq__item[open]{box-shadow:0 10px 30px -18px rgba(184,142,25,.55)}
.ddbf-faq__item summary{list-style:none;display:flex;align-items:center;
  justify-content:space-between;gap:14px;padding:16px 18px;cursor:pointer;
  user-select:none;transition:background .2s ease}
.ddbf-faq__item summary::-webkit-details-marker{display:none}
.ddbf-faq__item summary:hover{background:rgba(246,184,41,.06)}
/* Keyboard users need to see where they are; the theme resets outlines. */
.ddbf-faq__item summary:focus-visible{outline:2px solid var(--g2);
  outline-offset:-2px;border-radius:15px}
/* Landing here from the TOC or a #faq- anchor must not tuck the question
   under the sticky header. */
.ddbf-faq__item{scroll-margin-block-start:96px}
.ddbf-faq__q{min-width:0}
/* The heading keeps its semantics but drops the section-heading chrome the
   theme puts on in-article h3 (rules, top margin, oversized type). */
.ddbf-faq__q h3{margin:0!important;padding:0!important;border:0!important;
  font-size:1.02rem!important;line-height:1.75!important;font-weight:800!important;
  color:var(--ink)!important;text-align:start!important;display:block!important}
.ddbf-faq__q h3::before,.ddbf-faq__q h3::after{display:none!important}
/* Legacy /article/detail/ posts run under the old theme, whose in-article
   heading rules (centred flex h2/h3, navy colour, decorative rules) would
   otherwise repaint the question. Same reset, one level deeper. */
.ddbf-faq .ddbf-faq__q h3 a{color:inherit!important;text-decoration:none}
.ddbf-faq__plus{flex:none;display:grid;place-items:center;width:34px;height:34px;
  border-radius:11px;color:var(--g3);
  background:linear-gradient(120deg,rgba(253,184,55,.16),rgba(224,190,0,.08));
  border:1px solid var(--line);
  transition:transform .3s cubic-bezier(.3,.9,.3,1.1),background .2s ease,color .2s ease}
.ddbf-faq__item[open] .ddbf-faq__plus{transform:rotate(225deg);color:#241c00;
  background:linear-gradient(120deg,var(--g1),#e0be00)}
.ddbf-faq__a{padding:0 18px 17px}
/* A hairline between the question and its answer - the approved alternative to
   an accent rail (DESIGN-BANS §2). Only while open, so closed rows stay clean. */
.ddbf-faq__item[open] .ddbf-faq__a{border-block-start:1px solid var(--line);
  padding-block-start:14px;margin-block-start:2px}
.ddbf-faq__a p{margin:0!important;font-size:.95rem;line-height:2.1;color:var(--mut)}
.ddbf-faq__a p + p{margin-block-start:11px!important}
.ddbf-faq__a ul,.ddbf-faq__a ol{margin:10px 0 0!important;padding-inline-start:20px}
.ddbf-faq__a li{font-size:.95rem;line-height:2;color:var(--mut)}

@media (prefers-reduced-motion:no-preference){
  .ddbf-faq__a{animation:ddbf-faq-open .35s ease}
  @keyframes ddbf-faq-open{from{opacity:0;transform:translateY(-6px)}
    to{opacity:1;transform:translateY(0)}}
}

html[data-dracula-scheme="dark"] .ddbf-faq{--ink:#ece7ff;--mut:#a8a5bd;
  --card:#181630;--card2:#211d3d;--line:#3a3560}
html[data-dracula-scheme="dark"] .ddbf-faq__plus{color:var(--g1)}
html[data-dracula-scheme="dark"] .ddbf-faq__item summary:hover{background:rgba(246,184,41,.08)}

/* =========================================================================
   Analysis components: [dd_takeaways] / [dd_analysis_snapshot] / [dd_sources]
   ====================================================================== */
.ddbf-tk,.ddbf-an,.ddbf-src{--g1:#f6b829;--g2:#d99413;--g3:#b88e19;--ink:#2a2540;
  --mut:#6b7280;--card:#fffdf7;--card2:#fff7e6;--line:#f0e2bf;--up:#1aa251;--dn:#e0483b;
  font-family:inherit;direction:rtl;box-sizing:border-box}
.ddbf-tk *,.ddbf-an *,.ddbf-src *{box-sizing:border-box}

/* ---- key takeaways: the answer box snippets and AI Overviews read ---- */
.ddbf-tk{margin:22px 0;border:1px solid var(--line);border-radius:18px;
  background:linear-gradient(180deg,var(--card2),var(--card));overflow:hidden}
.ddbf-tk__h{padding:13px 18px;font-weight:900;font-size:.98rem;color:var(--ink);
  border-block-end:1px solid var(--line);background:rgba(246,184,41,.07)}
.ddbf-tk__b{padding:14px 18px 16px}
.ddbf-tk__b ul,.ddbf-tk__b ol{margin:0!important;padding-inline-start:0!important;
  list-style:none!important;display:grid;gap:10px}
.ddbf-tk__b li{position:relative;padding-inline-start:26px;font-size:.93rem;
  line-height:1.95;color:var(--ink);margin:0!important}
.ddbf-tk__b li::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.72em;
  width:9px;height:9px;border-radius:50%;background:var(--g2)}
.ddbf-tk__b p{margin:0 0 8px!important;font-size:.93rem;line-height:1.95;color:var(--ink)}
.ddbf-tk__b p:last-child{margin-bottom:0!important}

/* ---- analysis snapshot ---- */
.ddbf-an{margin:24px 0;border:1px solid var(--line);border-radius:18px;
  background:linear-gradient(180deg,var(--card2),var(--card));overflow:hidden}
.ddbf-an__head{display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:10px 16px;padding:15px 18px 10px}
.ddbf-an__name{display:flex;align-items:baseline;gap:7px;font-weight:900;
  font-size:1.02rem;color:var(--ink)}
.ddbf-an__name i{font-style:normal;font-size:.72rem;font-weight:700;color:var(--mut);
  letter-spacing:.04em}
.ddbf-an__price{display:flex;align-items:baseline;gap:6px}
.ddbf-an__price b{font-size:1.5rem;font-weight:900;color:var(--ink);
  font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.ddbf-an__price span{font-size:.78rem;font-weight:700;color:var(--mut)}

.ddbf-an__chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 12px}
.ddbf-an__chip{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;
  border-radius:12px;background:rgba(107,114,128,.1);border:1px solid transparent}
.ddbf-an__chip em{font-style:normal;font-size:.7rem;font-weight:700;color:var(--mut)}
.ddbf-an__chip b{font-size:.82rem;font-weight:800;font-variant-numeric:tabular-nums}
.ddbf-an__chip--up{background:rgba(26,162,81,.12)}
.ddbf-an__chip--up b{color:var(--up)}
.ddbf-an__chip--up b::before{content:"▲ ";font-size:.62em;vertical-align:.18em}
.ddbf-an__chip--down{background:rgba(224,72,59,.12)}
.ddbf-an__chip--down b{color:var(--dn)}
.ddbf-an__chip--down b::before{content:"▼ ";font-size:.62em;vertical-align:.18em}

.ddbf-an__chartwrap{margin:0;padding:0 14px}
.ddbf-an__chart{display:block;width:100%;height:150px;color:var(--g2)}
.ddbf-an__axis{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:6px 4px 12px;font-size:.7rem;color:var(--mut);flex-wrap:wrap}
.ddbf-an__axis b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:800}

.ddbf-an__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;
  background:var(--line);border-block:1px solid var(--line)}
.ddbf-an__grid > div{background:var(--card);padding:11px 14px}
.ddbf-an__grid dt{font-size:.7rem;color:var(--mut);margin:0 0 3px}
.ddbf-an__grid dd{margin:0;font-size:.92rem;font-weight:800;color:var(--ink);
  font-variant-numeric:tabular-nums}

.ddbf-an__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 16px;font-size:.72rem;color:var(--mut);flex-wrap:wrap}
.ddbf-an__foot a{font-weight:800;color:var(--g2);text-decoration:none}
.ddbf-an__foot a:hover{text-decoration:underline}

@media (max-width:600px){
  .ddbf-an__grid{grid-template-columns:repeat(2,1fr)}
  .ddbf-an__chart{height:120px}
  .ddbf-an__price b{font-size:1.28rem}
}

/* ---- sources / citations ---- */
.ddbf-src{margin:26px 0 8px;border:1px solid var(--line);border-radius:16px;
  background:var(--card);overflow:hidden}
.ddbf-src__h{padding:11px 16px;font-weight:900;font-size:.9rem;color:var(--ink);
  border-block-end:1px solid var(--line);background:rgba(246,184,41,.06)}
.ddbf-src__b{padding:12px 16px 14px}
.ddbf-src__b ul,.ddbf-src__b ol{margin:0!important;padding-inline-start:0!important;
  list-style:none!important;display:grid;gap:9px}
.ddbf-src__b li{position:relative;padding-inline-start:22px;font-size:.85rem;
  line-height:1.9;color:var(--mut);margin:0!important}
.ddbf-src__b li::before{content:"↗";position:absolute;inset-inline-start:0;
  color:var(--g3);font-size:.8em}
.ddbf-src__b a{color:var(--g2);font-weight:700;text-decoration:none;
  border-block-end:1px dashed rgba(212,160,46,.5)}
.ddbf-src__b a:hover{border-block-end-style:solid}
.ddbf-src__b p{margin:0!important;font-size:.85rem;line-height:1.9;color:var(--mut)}

html[data-dracula-scheme="dark"] .ddbf-tk,
html[data-dracula-scheme="dark"] .ddbf-an,
html[data-dracula-scheme="dark"] .ddbf-src{--ink:#ece7ff;--mut:#a8a5bd;
  --card:#181630;--card2:#211d3d;--line:#3a3560}
html[data-dracula-scheme="dark"] .ddbf-an__foot a,
html[data-dracula-scheme="dark"] .ddbf-src__b a{color:var(--g1)}