:root {
  --d3-bg: #05070a;
  --d3-panel: #0d1117;
  --d3-panel-2: #111821;
  --d3-text: #f5f7fa;
  --d3-muted: #b6c0ca;
  --d3-dim: #87929e;
  --d3-cyan: #10dde0;
  --d3-green: #47d18c;
  --d3-gold: #f5b942;
  --d3-rose: #fb7185;
  --d3-line: #26313d;
  --d3-line-strong: #384656;
  --d3-max: 1120px;
  --d3-radius: 8px;
  --d3-font: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
#top.d3-search-page {
  color: var(--d3-text);
  background: var(--d3-bg);
  font-family: var(--d3-font);
  line-height: 1.62;
  -webkit-font-smoothing: antialiased;
}
#top.d3-search-page * { box-sizing: border-box; }
#top.d3-search-page a { color: var(--d3-cyan); text-decoration: none; }
#top.d3-search-page a:hover { text-decoration: underline; }
#top.d3-search-page .wrap { max-width: var(--d3-max); margin: 0 auto; padding: 0 24px; }
#top.d3-search-page .hero { padding: clamp(72px, 10vw, 128px) 0 56px; border-bottom: 1px solid var(--d3-line); background: linear-gradient(180deg, #071017 0%, var(--d3-bg) 100%); }
#top.d3-search-page .kicker { display: inline-flex; align-items: center; gap: 10px; padding: 7px 12px; border: 1px solid var(--d3-line-strong); border-radius: 999px; color: var(--d3-cyan); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; background: rgba(16,221,224,.08); }
#top.d3-search-page .kicker::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--d3-cyan); }
#top.d3-search-page h1 { max-width: 920px; margin: 24px 0 20px; font-size: clamp(40px, 7vw, 82px); line-height: .98; letter-spacing: 0; }
#top.d3-search-page h2 { margin: 0 0 16px; font-size: clamp(28px, 4vw, 46px); line-height: 1.08; letter-spacing: 0; }
#top.d3-search-page h3 { margin: 0 0 10px; font-size: 22px; line-height: 1.25; }
#top.d3-search-page p { margin: 0 0 18px; }
#top.d3-search-page .lede { max-width: 820px; color: var(--d3-muted); font-size: clamp(18px, 2.2vw, 22px); }
#top.d3-search-page .hero-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) 360px; gap: 40px; align-items: end; }
#top.d3-search-page .quick-answer { padding: 22px; border: 1px solid var(--d3-line-strong); border-radius: var(--d3-radius); background: var(--d3-panel); }
#top.d3-search-page .quick-answer strong { color: var(--d3-cyan); }
#top.d3-search-page .section { padding: 64px 0; border-bottom: 1px solid var(--d3-line); }
#top.d3-search-page .two-col { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .75fr); gap: 32px; align-items: start; }
#top.d3-search-page .grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
#top.d3-search-page .card { padding: 20px; border: 1px solid var(--d3-line); border-radius: var(--d3-radius); background: var(--d3-panel); min-height: 100%; }
#top.d3-search-page .card strong, #top.d3-search-page .accent { color: var(--d3-cyan); }
#top.d3-search-page .list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
#top.d3-search-page .list li { padding-left: 24px; position: relative; color: var(--d3-muted); }
#top.d3-search-page .list li::before { content: ''; position: absolute; left: 0; top: .72em; width: 9px; height: 9px; background: var(--d3-cyan); border-radius: 2px; }
#top.d3-search-page .band { background: var(--d3-panel-2); }
#top.d3-search-page .steps { counter-reset: step; display: grid; gap: 14px; }
#top.d3-search-page .step { counter-increment: step; display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 16px; align-items: start; padding: 18px; border: 1px solid var(--d3-line); border-radius: var(--d3-radius); background: var(--d3-panel); }
#top.d3-search-page .step::before { content: counter(step); display: grid; place-items: center; width: 44px; height: 44px; border-radius: var(--d3-radius); background: rgba(16,221,224,.12); color: var(--d3-cyan); font-weight: 800; }
#top.d3-search-page .comparison { overflow-x: auto; border: 1px solid var(--d3-line); border-radius: var(--d3-radius); }
#top.d3-search-page table { width: 100%; border-collapse: collapse; min-width: 720px; background: var(--d3-panel); }
#top.d3-search-page th, #top.d3-search-page td { padding: 14px 16px; border-bottom: 1px solid var(--d3-line); text-align: left; vertical-align: top; }
#top.d3-search-page th { color: var(--d3-text); background: #121a24; }
#top.d3-search-page td { color: var(--d3-muted); }
#top.d3-search-page .faq { display: grid; gap: 14px; }
#top.d3-search-page details { border: 1px solid var(--d3-line); border-radius: var(--d3-radius); background: var(--d3-panel); padding: 16px 18px; }
#top.d3-search-page summary { cursor: pointer; font-weight: 800; color: var(--d3-text); }
#top.d3-search-page details p { margin: 12px 0 0; color: var(--d3-muted); }
#top.d3-search-page .cta { padding: 34px; border: 1px solid var(--d3-line-strong); border-radius: var(--d3-radius); background: #08151c; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 24px; align-items: center; }
#top.d3-search-page .btn { display: inline-flex; justify-content: center; align-items: center; min-height: 44px; padding: 12px 18px; border-radius: var(--d3-radius); background: var(--d3-cyan); color: #001014; font-weight: 800; text-decoration: none; white-space: nowrap; }
#top.d3-search-page .btn:hover { text-decoration: none; filter: brightness(1.08); }
#top.d3-search-page .author { display: grid; grid-template-columns: 72px minmax(0,1fr); gap: 18px; align-items: center; padding: 20px; border: 1px solid var(--d3-line); border-radius: var(--d3-radius); background: var(--d3-panel); }
#top.d3-search-page .author img { width: 72px; height: 72px; object-fit: cover; border-radius: var(--d3-radius); }
#top.d3-search-page .article-body { max-width: 850px; }
#top.d3-search-page .article-body h2 { margin-top: 42px; }
#top.d3-search-page .article-body ul { color: var(--d3-muted); }
#top.d3-search-page .related { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; margin-top: 24px; }
#top.d3-search-page .mini-label { display: block; color: var(--d3-dim); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 8px; }
@media (max-width: 900px) {
  #top.d3-search-page .hero-grid, #top.d3-search-page .two-col, #top.d3-search-page .cta { grid-template-columns: 1fr; }
  #top.d3-search-page .grid, #top.d3-search-page .related { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  #top.d3-search-page .wrap { padding: 0 18px; }
  #top.d3-search-page .hero { padding-top: 56px; }
  #top.d3-search-page .author { grid-template-columns: 1fr; }
}