/* ============================================================================
   Articles and calculator pages: the archive, the reading page, the card the
   archive and the category pages share, and the calculator hub and pages.

   A reading section, so it is narrower than the catalogue (1180px against
   1440) and its headings are the text face: they are sentences, and a sentence
   in the condensed display caps is slow to read. Every page opens on a warm
   band that holds the title; the reading column sits on white below it.
   ========================================================================= */
.dg-art,.dg-blog,.dg-tools{
  --band:#FAF7F0;          /* warm off-white off the amber ramp; text-3 on it is 4.7:1 */
  --band-rule:#EFE8D8;
  --measure:740px;
  --col:1180px;
  --art-head:var(--font-ka);
}
.dg-art .dg-wrap,.dg-blog .dg-wrap,.dg-tools .dg-wrap{max-width:calc(var(--col) + 2 * var(--sp-5))}
@media (max-width:767px){
  .dg-art .dg-wrap,.dg-blog .dg-wrap,.dg-tools .dg-wrap{max-width:none}
}

/* --- the band --------------------------------------------------------------- */
.dg-band,.dg-art__top,.dg-blog__top{background:var(--band);border-bottom:1px solid var(--band-rule)}
.dg-band__in{padding-top:var(--sp-5);padding-bottom:var(--sp-7)}
.dg-band .dg-crumb,.dg-art__top .dg-crumb,.dg-blog__top .dg-crumb{margin:0 0 var(--sp-5)}
.dg-band__title,.dg-art__title,.dg-blog__title{margin:0;font-family:var(--art-head);font-weight:700;
  font-size:40px;line-height:48px;letter-spacing:-.01em;color:var(--text);text-wrap:balance}
.dg-band__title{max-width:22ch}
.dg-band__lede,.dg-art__lede,.dg-blog__lede{margin:var(--sp-4) 0 0;max-width:60ch;
  font-size:18px;line-height:30px;color:var(--text-2)}

/* --- article: the top --------------------------------------------------------- */
.dg-art__topin{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-6);
  padding-top:var(--sp-5);padding-bottom:var(--sp-7)}
@media (min-width:1024px){
  .dg-art__topin.has-hero{grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);
    align-items:center;column-gap:56px;padding-bottom:var(--sp-8)}
}
.dg-art__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-5);
  margin-top:var(--sp-5);font-size:var(--fs-label);line-height:var(--lh-label);color:var(--text-3)}
.dg-art__meta>span{display:inline-flex;align-items:center;gap:6px}
.dg-art__meta .dg-i{flex:none;color:var(--text-3)}
.dg-art__by{font-weight:600;color:var(--text)}
.dg-art__byimg{width:28px;height:28px;border-radius:50%;object-fit:cover}

.dg-art__hero{margin:0}
.dg-art__hero img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;
  border-radius:20px;background:var(--sunk);box-shadow:var(--shadow-lift)}
.dg-art__hero figcaption{padding-top:var(--sp-2);font-size:var(--fs-meta);
  line-height:var(--lh-meta);color:var(--text-3)}

/* Reading progress: a hairline under the header. */
.dg-progress{position:fixed;left:0;right:0;z-index:49;height:3px;pointer-events:none;
  top:calc(var(--header-h) + var(--wpadmin,0px))}
.dg-progress span{display:block;width:100%;height:100%;background:var(--accent);
  transform-origin:0 50%;transform:scaleX(0)}

/* --- article: the column and the rail ----------------------------------------- */
/* The rail comes first in the markup; on a wide screen the grid puts it on the
   right and the text on the left. */
.dg-art__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-5);padding-top:var(--sp-7)}
.dg-art__body{min-width:0;max-width:var(--measure)}
@media (min-width:1100px){
  .dg-art__layout.has-rail{grid-template-columns:minmax(0,var(--measure)) 300px;
    justify-content:space-between;column-gap:var(--sp-8);align-items:start}
  .dg-art__layout.has-rail .dg-art__body{grid-column:1;grid-row:1}
  .dg-art__layout.has-rail .dg-art__aside{grid-column:2;grid-row:1;position:sticky;
    top:calc(var(--header-h) + var(--wpadmin,0px) + var(--sp-5));
    max-height:calc(100vh - var(--header-h) - var(--wpadmin,0px) - var(--sp-7));overflow:auto;
    overscroll-behavior:contain;scrollbar-width:thin}
}
.dg-art__aside{display:flex;flex-direction:column;gap:var(--sp-3);min-width:0}

/* Contents */
.dg-toc{background:var(--white);border:1px solid var(--grey-200);border-radius:var(--radius-lg);
  padding:var(--sp-1) var(--sp-3) var(--sp-2)}
.dg-toc__h{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--touch);padding:0 var(--sp-1);
  cursor:pointer;list-style:none;font-size:var(--fs-label);font-weight:700;color:var(--text)}
.dg-toc__h::-webkit-details-marker{display:none}
.dg-toc__n{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;
  background:var(--grey-100);font-size:12px;font-weight:600;color:var(--text-3)}
.dg-toc__h::after{content:"";margin-left:auto;width:9px;height:9px;border-right:2px solid var(--text-3);
  border-bottom:2px solid var(--text-3);transform:translateY(-2px) rotate(45deg);transition:transform var(--dur-base) var(--ease-standard)}
.dg-toc[open] .dg-toc__h::after{transform:translateY(2px) rotate(-135deg)}
.dg-toc__h:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}
.dg-toc__list{counter-reset:toc;margin:0;padding:0 0 var(--sp-1);list-style:none}
.dg-toc__list li{counter-increment:toc}
.dg-toc__list a{display:grid;grid-template-columns:22px minmax(0,1fr);gap:6px;padding:7px var(--sp-2);
  border-radius:8px;color:var(--text-2);text-decoration:none;font-size:14px;line-height:20px}
.dg-toc__list a::before{content:counter(toc,decimal-leading-zero);font-size:12px;line-height:20px;
  font-weight:600;color:var(--grey-400);font-variant-numeric:tabular-nums}
.dg-toc__list a:hover{background:var(--grey-100);color:var(--text)}
.dg-toc__list a[aria-current]{background:var(--tint-saved);color:var(--text);font-weight:600}
.dg-toc__list a[aria-current]::before{color:var(--accent-text)}
.dg-toc__list a:focus-visible{outline:2px solid var(--focus);outline-offset:1px}

/* The calculator this article embeds. */
.dg-railtool{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4) var(--sp-3) var(--sp-3);
  border-radius:var(--radius-lg);background:var(--ink);color:var(--white);text-decoration:none}
.dg-railtool__i{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;
  background:var(--accent);color:var(--ink)}
.dg-railtool__t{display:flex;flex-direction:column;min-width:0}
.dg-railtool__k{font-size:12px;line-height:16px;color:var(--grey-300)}
.dg-railtool__n{font-size:15px;line-height:21px;font-weight:700}
.dg-railtool__go{margin-left:auto;flex:none;color:var(--accent);transition:transform var(--dur-base) var(--ease-standard)}
.dg-railtool:hover .dg-railtool__go{transform:translateX(3px)}
.dg-railtool:focus-visible{outline:2px solid var(--focus);outline-offset:2px}

/* --- prose: articles and calculator pages ------------------------------------- */
/* Direct children only, so nothing here reaches inside a calculator. */
:is(.dg-art__body,.dg-toolpage,.dg-tools__text){font-size:17px;line-height:30px;color:var(--text-2)}
:is(.dg-art__body,.dg-toolpage,.dg-tools__text)>*+*{margin-top:20px}
:is(.dg-art__body,.dg-toolpage,.dg-tools__text)>p:first-child{font-size:19px;line-height:32px;color:var(--text)}
:is(.dg-art__body,.dg-toolpage,.dg-tools__text)>h2{margin-top:var(--sp-8);font-family:var(--art-head);
  font-size:28px;line-height:36px;font-weight:700;letter-spacing:-.005em;color:var(--text);text-wrap:balance}
:is(.dg-art__body,.dg-toolpage,.dg-tools__text)>h3{margin-top:36px;font-family:var(--art-head);
  font-size:20px;line-height:28px;font-weight:700;color:var(--text)}
:is(.dg-art__body,.dg-toolpage,.dg-tools__text)>:is(h2,h3)+*{margin-top:14px}
.dg-art__body :is(h2,h3)[id]{scroll-margin-top:calc(var(--header-h) + var(--wpadmin,0px) + var(--sp-5))}
:is(.dg-art__body,.dg-toolpage,.dg-tools__text,.dg-faq__a) a:not([class]){color:var(--accent-text);
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
:is(.dg-art__body,.dg-toolpage,.dg-tools__text,.dg-faq__a) a:not([class]):hover{color:var(--accent-text-hover);text-decoration-thickness:2px}
:is(.dg-art__body,.dg-toolpage) strong{color:var(--text);font-weight:700}

/* Lists: amber squares, and numbered steps in ink circles. */
:is(.dg-art__body,.dg-toolpage,.dg-tools__text,.dg-faq__a)>ul{list-style:none;padding-left:0}
:is(.dg-art__body,.dg-toolpage,.dg-tools__text,.dg-faq__a)>ul>li{position:relative;padding-left:26px}
:is(.dg-art__body,.dg-toolpage,.dg-tools__text,.dg-faq__a)>ul>li::before{content:"";position:absolute;left:5px;top:12px;
  width:7px;height:7px;border-radius:2px;background:var(--accent)}
:is(.dg-art__body,.dg-toolpage,.dg-tools__text,.dg-faq__a)>ol{list-style:none;padding-left:0;counter-reset:step}
:is(.dg-art__body,.dg-toolpage,.dg-tools__text,.dg-faq__a)>ol>li{position:relative;padding-left:42px;counter-increment:step}
:is(.dg-art__body,.dg-toolpage,.dg-tools__text,.dg-faq__a)>ol>li::before{content:counter(step);position:absolute;left:0;top:2px;
  width:26px;height:26px;border-radius:50%;background:var(--ink);color:var(--white);
  font-size:13px;line-height:26px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}
:is(.dg-art__body,.dg-toolpage,.dg-tools__text,.dg-faq__a)>:is(ul,ol)>li+li{margin-top:10px}

/* Figures */
:is(.dg-art__body,.dg-toolpage)>figure{margin:36px 0 0}
:is(.dg-art__body,.dg-toolpage)>figure+*{margin-top:28px}
:is(.dg-art__body,.dg-toolpage) .wp-block-image img{display:block;width:auto;max-width:100%;height:auto;
  max-height:560px;margin-inline:auto;border-radius:var(--radius-lg)}
:is(.dg-art__body,.dg-toolpage) figcaption{margin-top:10px;font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--text-3)}
.dg-art__body blockquote{margin-left:0;margin-right:0;padding:var(--sp-3) var(--sp-5);
  border-left:3px solid var(--accent);background:var(--band);border-radius:0 var(--radius) var(--radius) 0;color:var(--text)}
.dg-art__body blockquote p{margin:0}
.dg-art__body hr{border:0;border-top:1px solid var(--rule)}

/* Tables. Core's block CSS draws a box round every cell and a 3px rule under
   the head; all of it is reset here, cell by cell. */
:is(.dg-art__body,.dg-toolpage) .wp-block-table{margin-top:28px;margin-bottom:0;overflow-x:auto;
  border:1px solid var(--grey-200);border-radius:var(--radius-lg);background:var(--white)}
:is(.dg-art__body,.dg-toolpage) .wp-block-table+*{margin-top:28px}
:is(.dg-art__body,.dg-toolpage) .wp-block-table table{width:100%;min-width:520px;border-collapse:collapse;
  font-size:15px;line-height:22px}
:is(.dg-art__body,.dg-toolpage) .wp-block-table :is(thead,tbody,tfoot){border:0}
:is(.dg-art__body,.dg-toolpage) .wp-block-table :is(th,td){padding:13px 18px;border:0;
  border-bottom:1px solid var(--grey-200);text-align:left;vertical-align:top}
:is(.dg-art__body,.dg-toolpage) .wp-block-table th{background:var(--grey-100);font-size:13px;line-height:18px;
  font-weight:700;color:var(--text);vertical-align:bottom}
:is(.dg-art__body,.dg-toolpage) .wp-block-table td{color:var(--text-2)}
:is(.dg-art__body,.dg-toolpage) .wp-block-table td:first-child{color:var(--text);font-weight:500}
:is(.dg-art__body,.dg-toolpage) .wp-block-table tbody tr:last-child td{border-bottom:0}
:is(.dg-art__body,.dg-toolpage) .wp-block-table tbody tr:hover td{background:#FBFBFB}
:is(.dg-art__body,.dg-toolpage) .wp-block-table td strong{color:var(--text)}

/* "მოკლედ": the summary box. */
.dg-key{margin-top:28px;padding:20px 24px 22px;border-radius:var(--radius-lg);
  background:#FFF8E6;border:1px solid #F2E2B6}
.dg-key+*{margin-top:28px}
.dg-key__h{display:flex;align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-3);
  font-family:var(--font-display);font-size:19px;line-height:24px;letter-spacing:.03em;color:var(--text)}
.dg-key ul{list-style:none;margin:0;padding:0}
.dg-key li{position:relative;padding-left:32px;font-size:16px;line-height:26px;color:var(--text)}
.dg-key li+li{margin-top:10px}
.dg-key li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;
  background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FBCA28' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}

/* FAQ */
.dg-faq{border-top:1px solid var(--grey-200)}
.dg-faq__i{border-bottom:1px solid var(--grey-200)}
.dg-faq__i>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);
  padding:18px 0;cursor:pointer;list-style:none}
.dg-faq__i>summary::-webkit-details-marker{display:none}
.dg-faq__i>summary h3{margin:0;font-family:var(--art-head);font-size:18px;line-height:26px;font-weight:700;color:var(--text)}
.dg-faq__i>summary::after{content:"";flex:none;width:32px;height:32px;border-radius:50%;
  background:var(--grey-100) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141416' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M5 12h14M12 5v14'/%3E%3C/svg%3E") center/16px no-repeat;
  transition:transform var(--dur-base) var(--ease-standard),background-color var(--dur-base) var(--ease-standard)}
.dg-faq__i>summary:hover::after{background-color:var(--grey-200)}
.dg-faq__i[open]>summary::after{transform:rotate(45deg);background-color:var(--accent)}
.dg-faq__i>summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}
.dg-faq__a{padding:0 48px 22px 0;font-size:16px;line-height:28px;color:var(--text-2)}
.dg-faq__a>*{margin:0}
.dg-faq__a>*+*{margin-top:12px}

/* Sources: references, set small. */
:is(.dg-art__body,.dg-toolpage)>ul.dg-sources{counter-reset:src;font-size:14px;line-height:22px;color:var(--text-3)}
:is(.dg-art__body,.dg-toolpage)>ul.dg-sources>li{padding-left:28px;counter-increment:src}
:is(.dg-art__body,.dg-toolpage)>ul.dg-sources>li+li{margin-top:8px}
:is(.dg-art__body,.dg-toolpage)>ul.dg-sources>li::before{content:counter(src) ".";top:0;left:0;width:auto;height:auto;
  border-radius:0;background:none;color:var(--grey-400);font-variant-numeric:tabular-nums}
:is(.dg-art__body,.dg-toolpage)>ul.dg-sources a{color:var(--text-2)}

/* --- after the text ----------------------------------------------------------- */
.dg-author{display:flex;gap:var(--sp-4);align-items:flex-start;max-width:var(--measure);
  margin-top:var(--sp-8);padding:var(--sp-5);border:1px solid var(--grey-200);
  border-radius:var(--radius-lg);background:var(--white)}
.dg-author__photo{flex:none;width:64px;height:64px;border-radius:50%;object-fit:cover}
.dg-author__initials{display:inline-flex;align-items:center;justify-content:center;
  background:var(--accent);color:var(--on-accent);font-weight:700;font-size:var(--fs-card)}
.dg-author__text p{margin:0}
.dg-author__name{font-size:var(--fs-card);line-height:var(--lh-card);font-weight:700;color:var(--text)}
.dg-author__text .dg-author__job{margin-top:var(--sp-1);font-size:var(--fs-sm);color:var(--text-3)}
.dg-author__text .dg-author__bio{margin-top:var(--sp-3);font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--text-2)}

.dg-art__cats{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);
  max-width:var(--measure);margin-top:var(--sp-7);padding-top:var(--sp-5);border-top:1px solid var(--grey-200)}
.dg-art__catsh{margin:0;font-family:var(--art-head);font-size:var(--fs-sm);font-weight:700;color:var(--text)}
.dg-art__cats ul{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:0;padding:0;list-style:none}
.dg-art__cats a{display:inline-flex;align-items:center;min-height:36px;padding:0 var(--sp-3);
  border:1px solid var(--grey-300);border-radius:999px;background:var(--white);
  font-size:var(--fs-sm);color:var(--text);text-decoration:none}
.dg-art__cats a:hover{border-color:var(--ink)}
.dg-art__cats a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}

.dg-art__sec{margin-top:var(--sp-9)}
.dg-art__sech{margin:0 0 var(--sp-5);font-family:var(--art-head);font-size:28px;line-height:36px;
  font-weight:700;letter-spacing:-.005em;color:var(--text)}

.dg-art__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:var(--sp-5);margin-top:var(--sp-9);padding:var(--sp-7) var(--sp-7);
  background:var(--ink);border-radius:20px;color:var(--white)}
.dg-art__ctah{margin:0 0 var(--sp-2);font-family:var(--art-head);font-size:26px;line-height:34px;
  font-weight:700;color:var(--white)}
.dg-art__cta p{margin:0;max-width:52ch;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--grey-300)}
.dg-art__ctaacts{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-4) var(--sp-5)}
.dg-art__tel{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:var(--touch);
  font-weight:600;color:var(--white);text-decoration:none}
.dg-art__tel .dg-i{color:var(--lime-400)}
.dg-art__tel:hover{text-decoration:underline}
.dg-art__cta .dg-btn:focus-visible,.dg-art__tel:focus-visible{outline:2px solid var(--white);outline-offset:2px}
.dg-art{padding-bottom:var(--sp-9)}

/* --- article cards -------------------------------------------------------------- */
.dg-postgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--sp-6) var(--sp-5);margin:0;padding:0;list-style:none}
@media (max-width:1023px){.dg-postgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.dg-postgrid{grid-template-columns:minmax(0,1fr);gap:var(--sp-5)}}
/* Inside a category's results column, beside the filter rail: narrower. */
.dg-postgrid--tight{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}

.dg-postcard{display:flex}
.dg-postcard__link{display:flex;flex-direction:column;width:100%;background:var(--white);
  border:1px solid var(--grey-200);border-radius:18px;overflow:hidden;
  color:inherit;text-decoration:none;
  transition:box-shadow var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}
.dg-postcard__link:hover{box-shadow:var(--shadow-lift);border-color:var(--grey-300);transform:translateY(-2px)}
.dg-postcard__link:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.dg-postcard__media{aspect-ratio:16/10;background:var(--sunk);overflow:hidden}
.dg-postcard__media img{display:block;width:100%;height:100%;object-fit:cover;
  transition:transform 400ms var(--ease-standard)}
.dg-postcard__link:hover .dg-postcard__media img{transform:scale(1.03)}
.dg-postcard__body{display:flex;flex-direction:column;gap:var(--sp-2);flex:1;padding:var(--sp-5)}
/* An article title is a sentence, not a model name: the text face. */
.dg-postcard__title{margin:0;font-family:var(--font-ka);font-size:19px;line-height:27px;
  font-weight:700;color:var(--text);text-wrap:balance}
.dg-postcard__ex{margin:0;font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--text-2);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dg-postcard__meta{display:flex;flex-wrap:wrap;gap:0 var(--sp-3);margin:auto 0 0;
  padding-top:var(--sp-3);font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--text-3)}
.dg-postcard__meta>*+*::before{content:"\00B7";padding-right:var(--sp-3);color:var(--grey-400)}
.dg-postcard__go{display:inline-flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-4);
  font-weight:700;color:var(--text)}
.dg-postcard__go .dg-i{color:var(--accent-text);transition:transform var(--dur-base) var(--ease-standard)}
.dg-postcard__link:hover .dg-postcard__go .dg-i{transform:translateX(3px)}

/* The archive's lead: wide, the picture beside the text. */
.dg-postlead{margin:0 0 var(--sp-7);padding:0;list-style:none}
@media (min-width:880px){
  .dg-postcard--lead .dg-postcard__link{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
  .dg-postcard--lead .dg-postcard__media{aspect-ratio:auto;min-height:360px}
  .dg-postcard--lead .dg-postcard__body{justify-content:center;padding:var(--sp-7) var(--sp-7)}
  .dg-postcard--lead .dg-postcard__title{font-size:30px;line-height:38px}
  .dg-postcard--lead .dg-postcard__ex{font-size:17px;line-height:28px;-webkit-line-clamp:4}
  .dg-postcard--lead .dg-postcard__meta{margin-top:var(--sp-3)}
}

/* --- archive ---------------------------------------------------------------------- */
.dg-blog{padding-bottom:var(--sp-9)}
.dg-blog__topin{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-6);
  padding-top:var(--sp-5);padding-bottom:var(--sp-7)}
@media (min-width:1024px){
  .dg-blog__topin.has-tools{grid-template-columns:minmax(0,1fr) 380px;align-items:end;column-gap:var(--sp-8)}
}
.dg-blog__tools{padding:var(--sp-4);background:var(--white);border:1px solid var(--band-rule);
  border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}
.dg-blog__toolsh{display:flex;align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-2);padding:0 var(--sp-2);
  font-size:var(--fs-label);font-weight:700;color:var(--text)}
.dg-blog__tools ul{margin:0;padding:0;list-style:none}
.dg-blog__tools a{display:flex;align-items:center;gap:var(--sp-3);min-height:52px;padding:6px var(--sp-2);
  border-radius:10px;color:var(--text);text-decoration:none;font-size:15px;font-weight:600}
.dg-blog__tools a:hover{background:var(--grey-100)}
.dg-blog__tools a:focus-visible{outline:2px solid var(--focus);outline-offset:1px}
.dg-blog__ti{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:10px;
  background:var(--accent);color:var(--ink)}
.dg-blog__tgo{margin-left:auto;flex:none;color:var(--text-3)}
.dg-blog__list{padding-top:var(--sp-7)}
.dg-blog .dg-pager{margin-top:var(--sp-7)}

/* --- calculator hub and pages ------------------------------------------------------ */
.dg-tools{padding-bottom:var(--sp-9)}
.dg-tools__main{padding-top:var(--sp-7)}
.dg-toolpage>:not(.dg-tool){max-width:var(--measure)}
.dg-toolpage>.dg-tool{margin-top:0}
.dg-toolpage>.dg-tool+*{margin-top:var(--sp-8)}
.dg-tools__text{max-width:var(--measure);margin-top:var(--sp-8)}
.dg-toolcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--sp-5);
  margin:0;padding:0;list-style:none}
.dg-toolcard{display:flex;flex-direction:column;height:100%;padding:var(--sp-6);background:var(--white);
  border:1px solid var(--grey-200);border-radius:18px;color:var(--text);text-decoration:none;
  transition:box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}
.dg-toolcard:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}
.dg-toolcard:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.dg-toolcard__i{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;
  background:var(--accent);color:var(--ink)}
.dg-toolcard__t{margin:var(--sp-5) 0 0;font-family:var(--art-head);font-size:21px;line-height:29px;
  font-weight:700;color:var(--text);text-wrap:balance}
.dg-toolcard__d{margin:var(--sp-2) 0 0;font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--text-2)}
.dg-toolcard__go{display:inline-flex;align-items:center;gap:var(--sp-2);margin-top:auto;padding-top:var(--sp-5);
  font-weight:700}
.dg-toolcard__go .dg-i{color:var(--accent-text);transition:transform var(--dur-base) var(--ease-standard)}
.dg-toolcard:hover .dg-toolcard__go .dg-i{transform:translateX(3px)}

/* --- phones ------------------------------------------------------------------------- */
@media (max-width:1099px){
  .dg-art__aside{max-width:var(--measure)}
}
@media (max-width:767px){
  .dg-band__title,.dg-art__title,.dg-blog__title{font-size:28px;line-height:36px}
  .dg-band__lede,.dg-art__lede,.dg-blog__lede{font-size:16px;line-height:27px}
  .dg-band__in,.dg-art__topin,.dg-blog__topin{padding-top:var(--sp-4);padding-bottom:var(--sp-6)}
  .dg-band .dg-crumb,.dg-art__top .dg-crumb,.dg-blog__top .dg-crumb{margin-bottom:var(--sp-4)}
  .dg-art__meta{margin-top:var(--sp-4);gap:var(--sp-2) var(--sp-4);font-size:13px}
  .dg-art__hero img{aspect-ratio:16/10;border-radius:16px}
  .dg-art__layout{padding-top:var(--sp-5)}
  :is(.dg-art__body,.dg-toolpage,.dg-tools__text){font-size:16px;line-height:28px}
  :is(.dg-art__body,.dg-toolpage,.dg-tools__text)>p:first-child{font-size:17px;line-height:29px}
  :is(.dg-art__body,.dg-toolpage,.dg-tools__text)>h2{margin-top:var(--sp-7);font-size:23px;line-height:31px}
  :is(.dg-art__body,.dg-toolpage,.dg-tools__text)>h3{font-size:18px;line-height:26px}
  :is(.dg-art__body,.dg-toolpage) .wp-block-table{margin-inline:calc(-1 * var(--sp-4));border-radius:0;border-inline:0}
  .dg-key{padding:18px 18px 20px}
  .dg-faq__a{padding-right:0}
  .dg-art__sec,.dg-art__cta{margin-top:var(--sp-8)}
  .dg-art__sech{font-size:23px;line-height:31px}
  .dg-art__cta{padding:var(--sp-6) var(--sp-5)}
  .dg-art__ctaacts,.dg-art__ctaacts .dg-btn{width:100%}
  .dg-author{padding:var(--sp-4)}
  .dg-toolcard{padding:var(--sp-5)}
}

/* On a category page the section sits among the others in the results column. */
.dg-reads h2{margin:0 0 var(--sp-4)}