/* Article + buying guide templates. Scoped under .dd-hub; relies on hub.css tokens. */
.gd-progress{position:fixed;left:0;top:0;height:3px;width:100%;z-index:999;background:transparent}
.gd-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--teal,#0d6b78),#2bb3a3);transition:width .1s}
.dd-hub.gd .gd-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:26px;margin:8px 0 24px;align-items:stretch}
.dd-hub.gd .gd-hero.no-img{grid-template-columns:1fr}
.dd-hub.gd .gd-hero-text{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:34px}
.dd-hub.gd .gd-hero h1{font-size:clamp(1.9rem,4vw,2.9rem);line-height:1.12;letter-spacing:-.8px;margin:12px 0 14px;color:var(--navy)}
.dd-hub.gd .gd-lead{font-size:1.15rem;line-height:1.6;color:#334155;margin:0 0 14px;font-weight:500}
.dd-hub.gd .gd-intro{margin:0 0 10px;color:var(--muted);line-height:1.7}
.dd-hub.gd .pill{border:1px solid var(--line);border-radius:999px;padding:4px 10px;background:var(--cyan);color:var(--teal2);font-size:11px;font-weight:900;text-decoration:none}
.dd-hub.gd .gd-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.dd-hub.gd .gd-chip{background:#f1f6f7;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800;color:#335;text-decoration:none}
.dd-hub.gd .gd-by{display:flex;gap:10px;align-items:center;margin-right:8px}
.dd-hub.gd .gd-by strong{display:block;font-size:14px}
.dd-hub.gd .gd-by small{display:block;font-size:12px;color:var(--muted)}
.dd-hub.gd .gd-av{width:42px;height:42px;font-size:13px}
.dd-hub.gd .gd-hero-img{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#eaf4f5;min-height:260px}
.dd-hub.gd .gd-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
/* article body */
.dd-hub.gd .gd-article{padding:34px 38px}
.dd-hub.gd .gd-prose{counter-reset:gdsec;max-width:760px}
.dd-hub.gd .gd-prose h2{font-size:clamp(1.4rem,2.6vw,1.8rem);line-height:1.2;letter-spacing:-.4px;margin:38px 0 14px;color:var(--navy);padding-top:6px}
.dd-hub.gd .gd-prose h2:first-child{margin-top:0}
.dd-hub.gd .gd-prose h2::before{counter-increment:gdsec;content:counter(gdsec,decimal-leading-zero);display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:28px;margin-right:12px;border-radius:999px;background:#e6f4f1;color:#0f766e;font-size:.8rem;font-weight:800;vertical-align:middle;position:relative;top:-2px}
.dd-hub.gd .gd-prose h3{font-size:1.15rem;margin:26px 0 8px;color:var(--navy)}
.dd-hub.gd .gd-prose p{margin:0 0 14px;line-height:1.78;color:#334155;font-size:1.04rem}
.dd-hub.gd .gd-prose h2+p{font-size:1.14rem;line-height:1.65;color:#0f172a;font-weight:500}
.dd-hub.gd .gd-prose ul,.dd-hub.gd .gd-prose ol{margin:6px 0 18px;padding:0;list-style:none;display:grid;gap:9px}
.dd-hub.gd .gd-prose li{position:relative;padding:12px 14px 12px 42px;background:#f6fafb;border:1px solid var(--line);border-radius:13px;line-height:1.55;color:#334155}
.dd-hub.gd .gd-prose ul li::before{content:"✓";position:absolute;left:14px;top:11px;width:20px;height:20px;border-radius:50%;background:#dff5ec;color:var(--green);font-size:12px;font-weight:900;display:grid;place-items:center}
.dd-hub.gd .gd-prose ol{counter-reset:gdli}
.dd-hub.gd .gd-prose ol li::before{counter-increment:gdli;content:counter(gdli);position:absolute;left:12px;top:10px;width:24px;height:24px;border-radius:50%;background:var(--teal);color:#fff;font-size:12px;font-weight:900;display:grid;place-items:center}
.dd-hub.gd .gd-prose li strong{color:var(--navy)}
.dd-hub.gd .gd-prose .article-figure,
.dd-hub.gd .gd-prose figure {
  margin: 0 0 20px;
  padding: 0;
}
.dd-hub.gd .gd-prose .article-figure img,
.dd-hub.gd .gd-prose figure img,
.dd-hub.gd .gd-prose>img,
.dd-hub.gd .gd-prose p>img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}
.dd-hub.gd .gd-prose .article-figure figcaption,
.dd-hub.gd .gd-prose figure figcaption,
.dd-hub.gd .gd-prose figcaption {
  margin-top: 6px;
  color: #526873;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.dd-hub.gd .gd-prose table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.95rem}
.dd-hub.gd .gd-prose th,.dd-hub.gd .gd-prose td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.dd-hub.gd .gd-prose th{background:#f1f6f7}
.dd-hub.gd .gd-products{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.dd-hub.gd .gd-products h2{margin:2px 0 6px}
.dd-hub.gd .gd-sub{color:var(--muted);line-height:1.65;margin:0 0 14px}
.dd-hub.gd .gd-pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.dd-hub.gd .gd-pcard{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff;text-decoration:none;color:var(--ink);transition:.15s}
.dd-hub.gd .gd-pcard:hover{border-color:var(--teal);box-shadow:var(--shadow);transform:translateY(-2px)}
.dd-hub.gd .gd-pimg{position:relative;height:130px;background:#f8fafb;border-radius:11px;display:grid;place-items:center;overflow:hidden}
.dd-hub.gd .gd-pimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:8px;box-sizing:border-box}
.dd-hub.gd .gd-pcard strong{font-size:.95rem;line-height:1.3}
.dd-hub.gd .gd-pmeta{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted)}
.dd-hub.gd .gd-pmeta b{color:var(--green)}
.dd-hub.gd .gd-pcard em{font-style:normal;font-weight:900;font-size:12px;color:var(--teal)}
.dd-hub.gd .gd-note{margin:30px 0 18px;padding:14px 18px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;font-size:.9rem;color:#7c2d12;line-height:1.55}
.dd-hub.gd .gd-author{margin-top:8px}
/* buying guide */
.dd-hub.gd .gd-hero-list{grid-template-columns:1.2fr .8fr}
.dd-hub.gd .gd-award{display:inline-block;background:linear-gradient(135deg,#fff3d6,#ffe3a3);color:#7a4b00;border:1px solid #f3cd7b;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.dd-hub.gd .gd-award.sm{padding:3px 10px;font-size:10px;margin-bottom:5px}
.dd-hub.gd .gd-winner{background:linear-gradient(160deg,#fff,#effafa);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;display:flex;flex-direction:column;gap:12px}
.dd-hub.gd .gd-winner h2{font-size:1.25rem;margin:0;color:var(--navy);line-height:1.25}
.dd-hub.gd .gd-winner-img{position:relative;height:190px;background:#fff;border-radius:14px;display:grid;place-items:center;border:1px solid var(--line);overflow:hidden}
.dd-hub.gd .gd-winner-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:10px;box-sizing:border-box}
.dd-hub.gd .gd-winner-row{display:flex;justify-content:space-between;align-items:center}
.dd-hub.gd .gd-score{background:#dff5ec;color:#0b6b45;border-radius:10px;padding:6px 11px;font-weight:900;font-size:13px;white-space:nowrap}
.dd-hub.gd .gd-price{font-size:1.5rem;font-weight:900;color:var(--navy)}
.dd-hub.gd .gd-price small{font-size:11px;font-weight:700;color:var(--muted)}
.dd-hub.gd .gd-btns{display:flex;gap:10px;flex-wrap:wrap}
.dd-hub.gd .gd-btns .btn{flex:1 1 140px;min-height:46px}
.dd-hub.gd .btn-outline{background:#fff;color:var(--teal)}
.dd-hub.gd .gd-picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:12px}
.dd-hub.gd .gd-pick{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff;text-decoration:none;color:var(--ink);transition:.15s}
.dd-hub.gd .gd-pick:hover{border-color:var(--teal);box-shadow:var(--shadow);transform:translateY(-2px)}
.dd-hub.gd .gd-pick.is-first{background:linear-gradient(160deg,#fffdf5,#fff3d6);border-color:#f3cd7b}
.dd-hub.gd .gd-rank{display:inline-grid;place-items:center;min-width:44px;height:44px;border-radius:14px;background:var(--teal);color:#fff;font-weight:900;font-size:1rem}
.dd-hub.gd .gd-rank.sm{min-width:34px;height:28px;border-radius:9px;font-size:.8rem}
.dd-hub.gd .gd-pick-award{font-size:11px;font-weight:900;color:#7a4b00;text-transform:uppercase;letter-spacing:.04em}
.dd-hub.gd .gd-pick strong{font-size:1rem;line-height:1.3}
.dd-hub.gd .gd-pick-price{color:var(--muted);font-size:13px}
.dd-hub.gd .gd-pick em{font-style:normal;font-weight:900;font-size:12px;color:var(--teal);margin-top:auto}
.dd-hub.gd .gd-tablewrap{overflow-x:auto;margin-top:12px;border:1px solid var(--line);border-radius:14px}
.dd-hub.gd .gd-table{width:100%;border-collapse:collapse;min-width:620px;font-size:.93rem}
.dd-hub.gd .gd-table th{background:#f1f6f7;text-align:left;padding:12px 14px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.dd-hub.gd .gd-table td{padding:13px 14px;border-top:1px solid var(--line);vertical-align:middle}
.dd-hub.gd .gd-table tr:hover td{background:#f9fcfc}
.dd-hub.gd .gd-table a{text-decoration:none;color:var(--ink)}
.dd-hub.gd .gd-prose .article-tablewrap{margin:22px 0}
.dd-hub.gd .gd-prose .article-tablewrap .gd-table{font-size:.95rem}
.dd-hub.gd .gd-prose .article-tablewrap .gd-table th{font-size:12px;letter-spacing:.04em}
.dd-hub.gd .gd-prose .article-tablewrap .gd-table td{vertical-align:top}
.dd-hub.gd .gd-link{color:var(--teal)!important;font-weight:900;font-size:12px;white-space:nowrap}
.dd-hub.gd .gd-layout{margin-top:24px}
.dd-hub.gd .gd-main{display:grid;gap:22px;min-width:0}
.dd-hub.gd .toc a.sub{padding-left:12px;font-weight:600;font-size:11.5px}
.dd-hub.gd .gd-reviews{display:grid;gap:20px}
.dd-hub.gd .gd-item{padding:26px;scroll-margin-top:90px}
.dd-hub.gd .gd-item-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}
.dd-hub.gd .gd-item-head>div{flex:1;min-width:0}
.dd-hub.gd .gd-item-head h2{font-size:1.45rem;line-height:1.2;margin:0;color:var(--navy)}
.dd-hub.gd .gd-item-body{display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:center}
.dd-hub.gd .gd-item-img{position:relative;height:170px;background:#f8fafb;border-radius:14px;display:grid;place-items:center;border:1px solid var(--line);overflow:hidden}
.dd-hub.gd .gd-item-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:10px;box-sizing:border-box}
.dd-hub.gd .gd-why{margin:0 0 12px;line-height:1.7;color:#334155;font-size:1.02rem}
.dd-hub.gd .gd-why strong{color:var(--navy)}
.dd-hub.gd .gd-fit{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dd-hub.gd .gd-fit div{border-radius:12px;padding:11px 13px;font-size:.9rem;line-height:1.5}
.dd-hub.gd .gd-fit b{display:block;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:3px}
.dd-hub.gd .gd-fit-y{background:var(--mint);color:#0b4f36}.dd-hub.gd .gd-fit-y b{color:var(--green)}
.dd-hub.gd .gd-fit-n{background:var(--peach);color:#7a2f12}.dd-hub.gd .gd-fit-n b{color:var(--red)}
.dd-hub.gd .gd-pc{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.dd-hub.gd .gd-pc>div{border-radius:14px;padding:14px 16px}
.dd-hub.gd .gd-pro{background:var(--mint)}.dd-hub.gd .gd-con{background:var(--peach)}
.dd-hub.gd .gd-pc h3{font-size:.95rem;margin:0 0 6px}
.dd-hub.gd .gd-pc ul{list-style:none;margin:0;padding:0}
.dd-hub.gd .gd-pc li{position:relative;padding:5px 0 5px 22px;font-size:.92rem;line-height:1.45}
.dd-hub.gd .gd-pro li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
.dd-hub.gd .gd-con li::before{content:"✕";position:absolute;left:0;color:var(--red);font-weight:900}
.dd-hub.gd .gd-item-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.dd-hub.gd .gd-item-foot .gd-btns{flex:0 1 auto}
.dd-hub.gd .gd-tips{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.dd-hub.gd .gd-tip{display:flex;gap:12px;align-items:flex-start;background:#f6fafb;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.dd-hub.gd .gd-tip p{margin:0;line-height:1.6;color:#334155;font-size:.97rem}
.dd-hub.gd .gd-num{flex:0 0 auto;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--teal);color:#fff;font-weight:900;font-size:12px}
.dd-hub.gd .gd-crit{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:12px 0 14px}
.dd-hub.gd .gd-crit-i{display:flex;gap:10px;align-items:center;background:var(--cyan);border:1px solid #cfe9ee;border-radius:13px;padding:12px 14px;font-size:.92rem}
@media(max-width:900px){
 .dd-hub.gd .gd-hero,.dd-hub.gd .gd-hero-list{grid-template-columns:1fr}
 .dd-hub.gd .gd-hero-text{padding:24px}
 .dd-hub.gd .gd-article{padding:22px 18px}
 .dd-hub.gd .gd-item-body{grid-template-columns:1fr}
 .dd-hub.gd .gd-item-img{height:150px}
 .dd-hub.gd .gd-pgrid,.dd-hub.gd .gd-tips{grid-template-columns:1fr}
}
@media(max-width:600px){
 .dd-hub.gd .gd-fit,.dd-hub.gd .gd-pc{grid-template-columns:1fr}
 .dd-hub.gd .gd-item{padding:18px}
 .dd-hub.gd .gd-item-head h2{font-size:1.2rem}
}
.dd-hub.gd .btn{background:var(--teal);color:#fff;white-space:nowrap;padding:0 16px}
.dd-hub.gd .btn.btn-outline{background:#fff;color:var(--teal)}
.dd-hub.gd .gd-pick .gd-rank{align-self:flex-start}
.dd-hub.gd .gd-prose>p:first-child{font-size:1.14rem;line-height:1.65;color:#0f172a;font-weight:500}
.dd-hub.gd .gd-item-foot .gd-btns .btn{flex:0 0 auto}

/* E-E-A-T & Clinical Governance */
.dd-hub.gd .gd-reviewer-badge{display:inline-flex;align-items:center;gap:7px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}
.dd-hub.gd .gd-reviewer-badge svg{width:14px;height:14px;color:#16a34a;flex-shrink:0}

/* AEO Key Takeaways / Direct Answer Card */
.dd-hub.gd .gd-takeaways{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-left:4px solid #0284c7;border-radius:0 14px 14px 0;padding:18px 22px;margin:0 0 28px;box-shadow:0 1px 3px rgba(0,0,0,0.04)}
.dd-hub.gd .gd-takeaways-head{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#0369a1;margin-bottom:10px}
.dd-hub.gd .gd-takeaways-head svg{width:16px;height:16px;color:#0284c7}
.dd-hub.gd .gd-takeaways-body{font-size:1.02rem;line-height:1.68;color:#1e293b}

/* Emergency Medical Disclaimer */
.dd-hub.gd .gd-note-emergency{background:#fef2f2;border:1px solid #fecaca;border-left:5px solid #dc2626;color:#991b1b;padding:16px 20px;border-radius:0 14px 14px 0;font-size:.95rem;line-height:1.6;margin:24px 0}
.dd-hub.gd .gd-note-emergency strong{color:#7f1d1d}

/* Smooth anchor offsets for sticky header navigation */
.dd-hub.gd .gd-prose h2,
.dd-hub.gd .gd-prose h3,
.dd-hub.gd .gd-products,
.dd-hub.gd .gd-item,
.dd-hub.gd #gd-top-picks,
.dd-hub.gd #gd-compare,
.dd-hub.gd #gd-reviews,
.dd-hub.gd #gd-advice,
.dd-hub.gd #gd-method,
.dd-hub.gd #related-content {
  scroll-margin-top: 96px;
}

/* Premium Table of Contents Component (.dd-toc) */
.dd-hub.gd .dd-toc {
  position: sticky;
  top: 92px;
  max-height: calc(100vh - 110px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid var(--line, #dbe7ea);
  border-radius: 18px;
  box-shadow: 0 12px 32px rgba(20, 57, 67, 0.065);
  backdrop-filter: blur(10px);
  z-index: 20;
}

.dd-hub.gd .dd-toc__top {
  padding: 18px 20px 14px;
  border-bottom: 1px solid #eaf0f2;
  flex-shrink: 0;
}

.dd-hub.gd .dd-toc__eyebrow {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 7px;
  color: var(--teal, #0d6b78);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.dd-hub.gd .dd-toc__eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.dd-hub.gd .dd-toc__title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.dd-hub.gd .dd-toc__title {
  margin: 0;
  color: var(--navy, #082d3a);
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1.25;
}

.dd-hub.gd .dd-toc__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 24px;
  padding: 0 8px;
  border-radius: 8px;
  background: var(--cyan, #e6f8fa);
  color: var(--teal2, #084e57);
  font-size: 11px;
  font-weight: 800;
  flex-shrink: 0;
}

.dd-hub.gd .dd-toc__mobile-toggle {
  display: none;
}

.dd-hub.gd .dd-toc__progress {
  height: 3px;
  background: #e8f0f2;
  flex-shrink: 0;
  overflow: hidden;
}

.dd-hub.gd .dd-toc__progress-bar {
  display: block;
  width: 0%;
  height: 100%;
  background: linear-gradient(90deg, var(--teal, #0d6b78), #2bb3a3);
  transition: width .15s ease;
}

.dd-hub.gd .dd-toc__nav {
  flex: 1 1 auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 12px 10px 14px;
}

.dd-hub.gd .dd-toc__nav::-webkit-scrollbar {
  width: 5px;
}
.dd-hub.gd .dd-toc__nav::-webkit-scrollbar-track {
  background: transparent;
}
.dd-hub.gd .dd-toc__nav::-webkit-scrollbar-thumb {
  background: #dbe7ea;
  border-radius: 4px;
}

.dd-hub.gd .dd-toc__list {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dd-hub.gd .dd-toc__link {
  position: relative;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 11px;
  color: #536873;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.42;
  text-decoration: none;
  transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

.dd-hub.gd .dd-toc__link:hover {
  transform: translateX(2px);
  background: #f4fafa;
  border-color: #e2eff0;
  color: var(--teal2, #084e57);
  text-decoration: none;
}

.dd-hub.gd .dd-toc__link:focus-visible {
  outline: 2px solid var(--teal, #0d6b78);
  outline-offset: 2px;
}

.dd-hub.gd .dd-toc__link[aria-current="location"] {
  background: var(--cyan, #e6f8fa);
  border-color: #d1e9ec;
  color: var(--teal2, #084e57);
  font-weight: 800;
}

.dd-hub.gd .dd-toc__number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin-top: -1px;
  border: 1px solid #dde9eb;
  border-radius: 8px;
  background: #f8fbfb;
  color: #6b8088;
  font-size: 10px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}

.dd-hub.gd .dd-toc__link[aria-current="location"] .dd-toc__number {
  background: var(--teal, #0d6b78);
  border-color: var(--teal, #0d6b78);
  color: #fff;
}

.dd-hub.gd .dd-toc__label {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.dd-hub.gd .dd-toc__group {
  margin-top: 8px;
  padding-top: 10px;
  border-top: 1px solid #eaf0f2;
}

.dd-hub.gd .dd-toc__group-label {
  padding: 0 10px 6px;
  color: #8a9aa0;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.dd-hub.gd .dd-toc__link--sub {
  grid-template-columns: 28px minmax(0, 1fr);
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 12.5px;
  font-weight: 500;
}

.dd-hub.gd .dd-toc__link--sub .dd-toc__number {
  width: 26px;
  height: 24px;
  border: 0;
  background: transparent;
  color: #95a5aa;
  font-size: 11px;
}

.dd-hub.gd .dd-toc__bottom {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 12px 12px;
  padding: 11px 12px;
  border: 1px solid #ddecef;
  border-radius: 12px;
  background: linear-gradient(135deg, #f4fafa, #ffffff);
  color: #61767e;
  font-size: 11px;
  line-height: 1.4;
}

.dd-hub.gd .dd-toc__bottom svg {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  color: var(--teal, #0d6b78);
}

.dd-hub.gd .dd-toc__bottom strong {
  display: block;
  margin-bottom: 2px;
  color: var(--navy, #082d3a);
  font-size: 11px;
  font-weight: 800;
}

/* Desktop layout enhancement for wider TOC readability */
@media (min-width: 901px) {
  .dd-hub.gd .gd-layout {
    display: grid;
    grid-template-columns: 295px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
  }
}

/* Mobile & Tablet Responsiveness */
@media (max-width: 900px) {
  .dd-hub.gd .gd-layout {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .dd-hub.gd .dd-toc {
    position: static;
    max-height: none;
    width: 100%;
    border-radius: 16px;
    margin-bottom: 4px;
    backdrop-filter: none;
  }

  .dd-hub.gd .dd-toc__top {
    padding: 14px 16px;
  }

  .dd-hub.gd .dd-toc__mobile-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 12px;
    border: 1px solid var(--line, #dbe7ea);
    border-radius: 9px;
    background: #fff;
    color: var(--teal2, #084e57);
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease;
  }

  .dd-hub.gd .dd-toc__mobile-toggle:hover {
    background: #f4fafa;
    border-color: var(--teal, #0d6b78);
  }

  .dd-hub.gd .dd-toc__nav {
    padding: 10px 12px;
    overflow-y: visible;
    max-height: none;
  }

  .dd-hub.gd .dd-toc__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  .dd-hub.gd .dd-toc__link {
    height: 100%;
    padding: 8px 8px;
    font-size: 12px;
  }

  .dd-hub.gd .dd-toc__group {
    grid-column: 1 / -1;
  }

  .dd-hub.gd .dd-toc__bottom {
    margin: 0 12px 12px;
  }

  .dd-hub.gd .dd-toc.is-collapsed .dd-toc__nav,
  .dd-hub.gd .dd-toc.is-collapsed .dd-toc__bottom {
    display: none;
  }
}

@media (max-width: 560px) {
  .dd-hub.gd .dd-toc__list {
    grid-template-columns: 1fr;
  }

  .dd-hub.gd .dd-toc__link {
    grid-template-columns: 28px minmax(0, 1fr);
  }

  .dd-hub.gd .dd-toc__title {
    font-size: 1.05rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dd-hub.gd .dd-toc__link,
  .dd-hub.gd .dd-toc__number,
  .dd-hub.gd .dd-toc__progress-bar {
    transition: none !important;
    transform: none !important;
  }
}