/*
Theme Name: Debantum
Theme URI: https://debantum.com
Author: Debasis Bhattacharjee
Description: Custom research-oriented WordPress theme for the Debantum Framework.
Version: 2.1
License: GNU General Public License v2 or later
Text Domain: debantum
*/

/* =====================================================
   HARD RESET — override WordPress & block editor
===================================================== */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove WP body margins */
body.wp-singular,
body.home,
body.blog,
body.archive,
body.single,
body.page,
body {
  margin: 0 !important;
  padding: 0 !important;
}

/* =====================================================
   CSS VARIABLES
===================================================== */
:root {
  --bg:          #07101e;
  --bg2:         #0b1628;
  --bg3:         #0d1c30;
  --surface:     #0f1e33;
  --surface2:    #111f35;
  --border:      rgba(110, 168, 254, 0.11);
  --border-gold: rgba(201, 168, 76, 0.25);
  --gold:        #c9a84c;
  --blue:        #6ea8fe;
  --blue-dim:    rgba(110, 168, 254, 0.15);
  --blue-faint:  rgba(110, 168, 254, 0.07);
  --text:        #d4dded;
  --text-muted:  #7a8fa8;
  --text-faint:  #3d5068;
  --font-mono:   'JetBrains Mono', 'Courier New', monospace;
  --font-serif:  'Cormorant Garamond', Georgia, serif;
  --font-sans:   'Syne', 'Segoe UI', sans-serif;
}

/* =====================================================
   BASE
===================================================== */
html {
  font-size: 16px !important;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  background-color: var(--bg) !important;
  color: var(--text) !important;
  font-family: var(--font-serif) !important;
  font-size: 18px !important;
  line-height: 1.82 !important;
  overflow-x: hidden !important;
  min-height: 100vh;
}

img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  border: none !important;
}

a {
  color: var(--blue) !important;
  text-decoration: none !important;
  transition: color 0.22s ease !important;
}
a:hover { color: var(--gold) !important; }

/* =====================================================
   CANVAS (full-page star field behind everything)
===================================================== */
#star-canvas {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  pointer-events: none !important;
  z-index: 0 !important;
  display: block !important;
}

/* =====================================================
   CONTAINER
===================================================== */
.dbq-container {
  width: 92% !important;
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}

/* =====================================================
   HEADER
===================================================== */
#dbq-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 70px !important;
  z-index: 9999 !important;
  background: rgba(7, 16, 30, 0.88) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid var(--border) !important;
  display: block !important;
}

#dbq-header-inner {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
  height: 70px !important;
  width: 90% !important;
  max-width: 1160px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.dbq-nav {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  gap: 30px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.dbq-nav a,
.dbq-nav-left a,
.dbq-nav-right a {
  font-family: var(--font-sans) !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--text-muted) !important;
  text-decoration: none !important;
  transition: color 0.22s !important;
  white-space: nowrap !important;
}
.dbq-nav a:hover,
.dbq-nav-left a:hover,
.dbq-nav-right a:hover {
  color: var(--blue) !important;
}

.dbq-nav-left {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  gap: 30px !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
}

.dbq-logo {
  font-family: var(--font-mono) !important;
  font-size: 13px !important;
  letter-spacing: 0.22em !important;
  color: var(--blue) !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  padding: 0 24px !important;
}
.dbq-logo span { color: var(--gold) !important; }
.dbq-logo:hover { color: var(--blue) !important; opacity: 0.8; }

.dbq-nav-right {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
  gap: 30px !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
}

/* Mobile toggle */
#dbq-menu-toggle {
  display: none !important;
  background: transparent !important;
  border: 1px solid var(--border) !important;
  color: var(--text-muted) !important;
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
  padding: 6px 12px !important;
  cursor: pointer !important;
  border-radius: 2px !important;
  margin: 0 !important;
}

/* Mobile menu */
#dbq-mobile-menu {
  display: none !important;
  position: fixed !important;
  top: 70px !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9998 !important;
  background: rgba(7, 16, 30, 0.98) !important;
  border-bottom: 1px solid var(--border) !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  padding: 8px 0 !important;
}
#dbq-mobile-menu.open {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
#dbq-mobile-menu a {
  font-family: var(--font-sans) !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--text-muted) !important;
  padding: 14px 5% !important;
  display: block !important;
  border-bottom: 1px solid var(--border) !important;
  text-decoration: none !important;
  margin: 0 !important;
}

/* Reading progress */
#dbq-progress {
  position: fixed !important;
  top: 70px !important;
  left: 0 !important;
  height: 1px !important;
  width: 0% !important;
  background: linear-gradient(90deg, var(--gold), var(--blue)) !important;
  z-index: 10000 !important;
  display: none !important;
  transition: width 0.1s linear !important;
}
body.single #dbq-progress { display: block !important; }

/* =====================================================
   SHARED SECTION WRAPPER
===================================================== */
.dbq-section {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
}

/* =====================================================
   HERO
===================================================== */
#dbq-hero {
  position: relative !important;
  z-index: 1 !important;
  min-height: 100vh !important;
  padding-top: 120px !important;
  padding-bottom: 80px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  display: block !important;
}

#dbq-hero::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(ellipse 60% 65% at 30% 55%, rgba(14,33,61,0.52) 0%, transparent 70%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

#dbq-hero-inner {
  position: relative !important;
  z-index: 1 !important;
  width: 90% !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  text-align: center !important;
  gap: 0 !important;
}

.dbq-eyebrow {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  letter-spacing: 0.36em !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
  margin-bottom: 26px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  gap: 12px !important;
}
.dbq-eyebrow::before {
  content: '' !important;
  width: 24px !important;
  height: 1px !important;
  background: var(--gold) !important;
  opacity: 0.6 !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  display: block !important;
}
.dbq-eyebrow-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.dbq-eyebrow-center::before,
.dbq-eyebrow-center::after {
  content: '' !important;
  width: 24px !important;
  height: 1px !important;
  background: var(--gold) !important;
  opacity: 0.6 !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  display: block !important;
}

#dbq-hero-h1,
#dbq-hero-content h1 {
  font-family: var(--font-serif) !important;
  font-weight: 300 !important;
  font-size: clamp(3.2rem, 7vw, 6.5rem) !important;
  line-height: 1.05 !important;
  color: #e8eef8 !important;
  margin-bottom: 24px !important;
  margin-top: 18px !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
}
#dbq-hero-h1 em,
#dbq-hero-content h1 em {
  font-style: italic !important;
  color: var(--blue) !important;
}

.dbq-hero-subtitle {
  font-family: var(--font-serif) !important;
  font-style: italic !important;
  font-size: 1.05rem !important;
  color: var(--text-muted) !important;
  line-height: 1.7 !important;
  margin-bottom: 40px !important;
  max-width: 420px !important;
}
.dbq-hero-subtitle-center {
  max-width: 620px !important;
  text-align: center !important;
  font-size: 1.15rem !important;
  margin-bottom: 52px !important;
}

.dbq-hero-actions {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 14px !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.dbq-hero-actions-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  margin-top: 52px !important;
}

/* ─ Old formula panel (kept for hypothesis section) ─ */
#dbq-formula-panel {
  width: 380px !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  background: rgba(11, 22, 40, 0.75) !important;
  border: 1px solid var(--border) !important;
  padding: 36px 32px !important;
  position: relative !important;
  overflow: hidden !important;
}
#dbq-formula-panel::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, var(--blue-dim), var(--border-gold), transparent) !important;
}

/* ─ Hero Formula Centerpiece — single-line, eye-catching ─ */
#dbq-hero-formula {
  width: 100% !important;
  max-width: 1000px !important;
  background: rgba(6, 14, 28, 0.88) !important;
  border: 1px solid rgba(110, 168, 254, 0.22) !important;
  border-radius: 6px !important;
  padding: 36px 48px 32px !important;
  position: relative !important;
  overflow: hidden !important;
  text-align: center !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  -webkit-box-shadow:
    0 0 0 1px rgba(110,168,254,0.06),
    0 24px 80px rgba(0,0,0,0.55),
    inset 0 1px 0 rgba(110,168,254,0.1) !important;
  box-shadow:
    0 0 0 1px rgba(110,168,254,0.06),
    0 24px 80px rgba(0,0,0,0.55),
    inset 0 1px 0 rgba(110,168,254,0.1) !important;
}

/* Top shimmer line */
#dbq-hero-formula::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(110,168,254,0.2) 15%,
    var(--blue) 40%,
    var(--gold) 50%,
    var(--blue) 60%,
    rgba(110,168,254,0.2) 85%,
    transparent 100%) !important;
  opacity: 0.7 !important;
}

/* Ambient glow behind formula */
#dbq-hero-formula::after {
  content: '' !important;
  position: absolute !important;
  top: 20% !important; left: 50% !important;
  width: 70% !important; height: 60% !important;
  -webkit-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
  background: radial-gradient(ellipse at center,
    rgba(110,168,254,0.07) 0%,
    transparent 70%) !important;
  pointer-events: none !important;
}

.dbq-hf-label {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  letter-spacing: 0.38em !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
  display: block !important;
  margin-bottom: 22px !important;
  opacity: 0.75 !important;
}

/* ── The equation — forced single line ── */
.dbq-hf-eq {
  font-family: var(--font-mono) !important;
  font-size: clamp(1.05rem, 2.8vw, 2.2rem) !important;
  font-weight: 400 !important;
  color: rgba(140, 190, 255, 0.95) !important;
  letter-spacing: 0.08em !important;
  display: block !important;
  white-space: nowrap !important;
  overflow: visible !important;
  margin-bottom: 32px !important;
  padding-bottom: 28px !important;
  border-bottom: 1px solid rgba(110,168,254,0.12) !important;
  text-shadow:
    0 0 20px rgba(110,168,254,0.6),
    0 0 60px rgba(110,168,254,0.25),
    0 0 120px rgba(110,168,254,0.1) !important;
  line-height: 1.2 !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Node pills row */
.dbq-hf-nodes {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  gap: 8px !important;
  position: relative !important;
  z-index: 1 !important;
}

.dbq-hf-node {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 6px 14px !important;
  border: 1px solid rgba(110,168,254,0.14) !important;
  border-radius: 2px !important;
  background: rgba(110,168,254,0.04) !important;
  -webkit-transition: border-color 0.25s, background 0.25s !important;
  transition: border-color 0.25s, background 0.25s !important;
  white-space: nowrap !important;
}
.dbq-hf-node:hover {
  border-color: rgba(110,168,254,0.32) !important;
  background: rgba(110,168,254,0.09) !important;
}

.dbq-hf-sym {
  font-family: var(--font-mono) !important;
  font-size: 0.82rem !important;
  color: var(--blue) !important;
  font-weight: 400 !important;
  text-shadow: 0 0 12px rgba(110,168,254,0.5) !important;
}

.dbq-hf-nl {
  font-family: var(--font-serif) !important;
  font-style: italic !important;
  font-size: 0.78rem !important;
  color: var(--text-muted) !important;
  white-space: nowrap !important;
}

.dbq-formula-label {
  font-family: var(--font-mono) !important;
  font-size: 8px !important;
  letter-spacing: 0.26em !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
  margin-bottom: 16px !important;
  display: block !important;
}

.dbq-formula-eq {
  font-family: var(--font-mono) !important;
  font-size: 0.88rem !important;
  color: rgba(110,168,254,0.7) !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 24px !important;
  padding-bottom: 18px !important;
  border-bottom: 1px solid var(--border) !important;
  display: block !important;
}

.dbq-formula-rows {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  gap: 9px !important;
}

.dbq-formula-row {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 11px !important;
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.dbq-fsym {
  font-family: var(--font-mono) !important;
  font-size: 0.78rem !important;
  color: var(--blue) !important;
  width: 26px !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  opacity: 0.75 !important;
  padding-top: 1px !important;
}

.dbq-fdef {
  font-family: var(--font-serif) !important;
  font-style: italic !important;
  font-size: 0.78rem !important;
  color: var(--text-muted) !important;
  line-height: 1.45 !important;
}

/* Scroll hint */
#dbq-scroll-hint {
  position: absolute !important;
  bottom: 32px !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  gap: 8px !important;
}
#dbq-scroll-hint span {
  font-family: var(--font-mono) !important;
  font-size: 8px !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: var(--text-faint) !important;
}
.dbq-scroll-line {
  width: 1px !important;
  height: 36px !important;
  background: linear-gradient(to bottom, var(--blue-dim), transparent) !important;
  -webkit-animation: dbq-pulse 2.2s infinite !important;
  animation: dbq-pulse 2.2s infinite !important;
  display: block !important;
}
@-webkit-keyframes dbq-pulse { 0%,100%{opacity:.25} 50%{opacity:1} }
@keyframes dbq-pulse { 0%,100%{opacity:.25} 50%{opacity:1} }

/* =====================================================
   BUTTONS
===================================================== */
.dbq-btn {
  font-family: var(--font-sans) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--bg) !important;
  background: var(--blue) !important;
  padding: 12px 28px !important;
  border-radius: 2px !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: background 0.22s, -webkit-transform 0.18s !important;
  transition: background 0.22s, transform 0.18s !important;
  border: 1px solid transparent !important;
  cursor: pointer !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}
.dbq-btn:hover { background: var(--gold) !important; color: var(--bg) !important; -webkit-transform: translateY(-1px) !important; transform: translateY(-1px) !important; }

.dbq-btn-outline {
  background: transparent !important;
  color: var(--blue) !important;
  border: 1px solid var(--blue-dim) !important;
}
.dbq-btn-outline:hover { background: var(--blue-dim) !important; color: var(--blue) !important; -webkit-transform: none !important; transform: none !important; }

.dbq-btn-ghost {
  background: transparent !important;
  color: var(--text-muted) !important;
  border: 1px solid var(--border) !important;
}
.dbq-btn-ghost:hover { color: var(--blue) !important; border-color: var(--blue-dim) !important; background: transparent !important; -webkit-transform: none !important; transform: none !important; }

/* =====================================================
   MARQUEE
===================================================== */
#dbq-marquee {
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
  border-top: 1px solid var(--border) !important;
  border-bottom: 1px solid var(--border) !important;
  background: rgba(7, 16, 30, 0.65) !important;
  display: block !important;
  padding: 0 !important;
}

.dbq-marquee-track {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow: hidden !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  width: 100% !important;
}

.dbq-marquee-inner {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  white-space: nowrap !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  -webkit-animation: dbq-marquee 30s linear infinite !important;
  animation: dbq-marquee 30s linear infinite !important;
  will-change: transform !important;
}

.dbq-marquee-track:hover .dbq-marquee-inner {
  -webkit-animation-play-state: paused !important;
  animation-play-state: paused !important;
}

@-webkit-keyframes dbq-marquee {
  0%   { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); }
}
@keyframes dbq-marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.dbq-mi {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  gap: 16px !important;
  padding-left: 36px !important;
  padding-right: 36px !important;
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--text-faint) !important;
  white-space: nowrap !important;
}
.dbq-mi.hl { color: rgba(110,168,254,0.5) !important; }
.dbq-mi.fm {
  font-size: 11px !important;
  color: rgba(110,168,254,0.28) !important;
  letter-spacing: 0.06em !important;
  text-transform: none !important;
}
.dbq-dot {
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  background: var(--gold) !important;
  opacity: 0.45 !important;
  display: inline-block !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
}

/* =====================================================
   SECTION HEADER UTILITIES
===================================================== */
.dbq-section-label {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
  color: var(--text-faint) !important;
  margin-bottom: 40px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  gap: 14px !important;
}
.dbq-section-label::after {
  content: '' !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
  height: 1px !important;
  background: var(--border) !important;
  display: block !important;
}

.dbq-section-eyebrow {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
  margin-bottom: 12px !important;
  display: block !important;
}

/* =====================================================
   CATEGORIES STRIP
===================================================== */
#dbq-cats {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.dbq-cats-grid {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  border: 1px solid var(--border) !important;
  overflow: hidden !important;
}

.dbq-cat-card {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
  background: var(--bg) !important;
  padding: 28px 20px !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  text-align: center !important;
  gap: 10px !important;
  border-right: 1px solid var(--border) !important;
  -webkit-transition: background 0.25s !important;
  transition: background 0.25s !important;
  position: relative !important;
  overflow: hidden !important;
}
.dbq-cat-card:last-child { border-right: none !important; }
.dbq-cat-card:hover { background: var(--bg2) !important; }
.dbq-cat-card::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: var(--blue) !important;
  -webkit-transform: scaleX(0) !important;
  transform: scaleX(0) !important;
  -webkit-transition: -webkit-transform 0.3s !important;
  transition: transform 0.3s !important;
}
.dbq-cat-card:hover::after { -webkit-transform: scaleX(1) !important; transform: scaleX(1) !important; }

.dbq-cat-icon {
  font-family: var(--font-mono) !important;
  font-size: 20px !important;
  color: var(--blue) !important;
  opacity: 0.5 !important;
  line-height: 1 !important;
  display: block !important;
}
.dbq-cat-name {
  font-family: var(--font-sans) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--text) !important;
  display: block !important;
}
.dbq-cat-count {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  color: var(--text-faint) !important;
  display: block !important;
}

/* =====================================================
   WHAT DEBANTUM IS NOT
===================================================== */
#dbq-not {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

#dbq-not-header {
  margin-bottom: 40px !important;
}
#dbq-not-header h2 {
  font-family: var(--font-serif) !important;
  font-weight: 300 !important;
  font-size: clamp(1.7rem, 3.2vw, 2.6rem) !important;
  color: #e8eef8 !important;
  line-height: 1.2 !important;
  margin-bottom: 0 !important;
}

.dbq-not-grid {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  border: 1px solid var(--border) !important;
  overflow: hidden !important;
}

.dbq-not-card {
  width: 50% !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  background: var(--bg) !important;
  padding: 36px 32px !important;
  border-bottom: 1px solid var(--border) !important;
  border-right: 1px solid var(--border) !important;
  -webkit-transition: background 0.25s !important;
  transition: background 0.25s !important;
  position: relative !important;
  overflow: hidden !important;
}
.dbq-not-card:nth-child(even) { border-right: none !important; }
.dbq-not-card:nth-child(3),
.dbq-not-card:nth-child(4) { border-bottom: none !important; }
.dbq-not-card:hover { background: var(--bg2) !important; }
.dbq-not-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 3px !important;
  height: 0 !important;
  background: var(--gold) !important;
  -webkit-transition: height 0.4s ease !important;
  transition: height 0.4s ease !important;
}
.dbq-not-card:hover::before { height: 100% !important; }

.dbq-not-marker {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
  margin-bottom: 10px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  gap: 8px !important;
}
.dbq-not-marker::before {
  content: '✕' !important;
  font-size: 9px !important;
  opacity: 0.6 !important;
}

.dbq-not-card h3 {
  font-family: var(--font-serif) !important;
  font-size: 1.18rem !important;
  font-weight: 400 !important;
  color: #e0eaf8 !important;
  margin-bottom: 8px !important;
  line-height: 1.3 !important;
}

.dbq-not-card p {
  font-family: var(--font-serif) !important;
  font-style: italic !important;
  font-size: 0.88rem !important;
  color: var(--text-muted) !important;
  line-height: 1.65 !important;
}

/* =====================================================
   FEATURED POST
===================================================== */
#dbq-featured {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.dbq-featured-post {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  border: 1px solid var(--border) !important;
  overflow: hidden !important;
  min-height: 360px !important;
}

.dbq-featured-img {
  width: 50% !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  position: relative !important;
  overflow: hidden !important;
  background: var(--bg2) !important;
  min-height: 320px !important;
}
.dbq-featured-img img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover !important;
  object-fit: cover !important;
  -o-object-position: center !important;
  object-position: center !important;
  filter: brightness(0.75) saturate(0.6) !important;
  -webkit-transition: filter 0.5s, -webkit-transform 0.55s !important;
  transition: filter 0.5s, transform 0.55s !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important;
}
.dbq-featured-img:hover img { filter: brightness(0.85) saturate(0.75) !important; -webkit-transform: scale(1.03) !important; transform: scale(1.03) !important; }

.dbq-featured-placeholder {
  width: 100% !important;
  height: 100% !important;
  min-height: 320px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, var(--bg2) 0%, var(--surface) 100%) !important;
  font-family: var(--font-mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.2em !important;
  color: var(--text-faint) !important;
  text-transform: uppercase !important;
}

.dbq-featured-body {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
  background: var(--bg) !important;
  padding: 48px 44px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.dbq-cat-tag {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
  border: 1px solid var(--border-gold) !important;
  padding: 4px 11px !important;
  display: inline-block !important;
  margin-bottom: 18px !important;
}
.dbq-featured-body h2 {
  font-family: var(--font-serif) !important;
  font-weight: 300 !important;
  font-size: clamp(1.4rem, 2.8vw, 2.1rem) !important;
  line-height: 1.22 !important;
  color: #e8eef8 !important;
  margin-bottom: 14px !important;
}
.dbq-featured-body h2 a { color: inherit !important; text-decoration: none !important; }
.dbq-featured-body h2 a:hover { color: var(--blue) !important; }
.dbq-featured-excerpt {
  font-family: var(--font-serif) !important;
  font-style: italic !important;
  font-size: 0.92rem !important;
  color: var(--text-muted) !important;
  line-height: 1.72 !important;
  margin-bottom: 24px !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
}
.dbq-featured-meta {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 24px !important;
}
.dbq-featured-meta span {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  color: var(--text-faint) !important;
}

/* =====================================================
   RESEARCH CARDS (3-col)
===================================================== */
#dbq-research {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.dbq-research-grid {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  border: 1px solid var(--border) !important;
  overflow: hidden !important;
}

.dbq-research-card {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
  background: var(--bg) !important;
  padding: 32px 28px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  border-right: 1px solid var(--border) !important;
  text-decoration: none !important;
  color: inherit !important;
  -webkit-transition: background 0.25s !important;
  transition: background 0.25s !important;
}
.dbq-research-card:last-child { border-right: none !important; }
.dbq-research-card:hover { background: var(--bg2) !important; }

.dbq-r-num {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  color: var(--text-faint) !important;
  letter-spacing: 0.16em !important;
  margin-bottom: 18px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  gap: 10px !important;
}
.dbq-r-num::after { content: '' !important; -webkit-box-flex: 1 !important; -ms-flex: 1 !important; flex: 1 !important; height: 1px !important; background: var(--border) !important; display: block !important; }

.dbq-r-cat {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
  margin-bottom: 10px !important;
  display: block !important;
}
.dbq-research-card h3 {
  font-family: var(--font-serif) !important;
  font-size: 1.1rem !important;
  font-weight: 300 !important;
  color: #e0eaf8 !important;
  line-height: 1.35 !important;
  margin-bottom: 10px !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
}
.dbq-r-excerpt {
  font-family: var(--font-serif) !important;
  font-style: italic !important;
  font-size: 0.84rem !important;
  color: var(--text-muted) !important;
  line-height: 1.6 !important;
  margin-bottom: 18px !important;
}
.dbq-r-link {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--blue) !important;
  opacity: 0.65 !important;
  -webkit-transition: opacity 0.2s !important;
  transition: opacity 0.2s !important;
}
.dbq-research-card:hover .dbq-r-link { opacity: 1 !important; }

/* =====================================================
   QUOTE BANNER
===================================================== */
#dbq-quote {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
  text-align: center !important;
  position: relative !important;
  z-index: 1 !important;
}
#dbq-quote::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(ellipse 65% 100% at 50% 50%, rgba(14,33,61,0.4) 0%, transparent 70%) !important;
  pointer-events: none !important;
}
.dbq-quote-inner {
  position: relative !important;
  max-width: 700px !important;
  margin: 0 auto !important;
}
.dbq-qmark {
  font-family: var(--font-serif) !important;
  font-size: 7rem !important;
  color: rgba(110,168,254,0.06) !important;
  line-height: 0.6 !important;
  margin-bottom: 10px !important;
  display: block !important;
}
.dbq-quote-text {
  font-family: var(--font-serif) !important;
  font-style: italic !important;
  font-size: clamp(1.2rem, 2.4vw, 1.8rem) !important;
  font-weight: 300 !important;
  color: #c8d8ee !important;
  line-height: 1.55 !important;
  margin-bottom: 24px !important;
}
.dbq-quote-attr {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: var(--text-faint) !important;
}

/* =====================================================
   HYPOTHESIS SECTION
===================================================== */
#dbq-hypothesis {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.dbq-hyp-grid {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  border: 1px solid var(--border) !important;
  overflow: hidden !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.dbq-hyp-content {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
  background: var(--bg) !important;
  padding: 52px 44px !important;
}
.dbq-hyp-content h2 {
  font-family: var(--font-serif) !important;
  font-weight: 300 !important;
  font-size: clamp(1.5rem, 2.8vw, 2.3rem) !important;
  color: #e8eef8 !important;
  line-height: 1.2 !important;
  margin-bottom: 14px !important;
}
.dbq-hyp-content h2 em { font-style: italic !important; color: var(--blue) !important; }
.dbq-hyp-content p {
  font-family: var(--font-serif) !important;
  font-style: italic !important;
  font-size: 0.93rem !important;
  color: var(--text-muted) !important;
  line-height: 1.75 !important;
  margin-bottom: 26px !important;
}

.dbq-hyp-meta {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 24px !important;
  margin-bottom: 28px !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.dbq-hm-item {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  gap: 3px !important;
}
.dbq-hm-label {
  font-family: var(--font-mono) !important;
  font-size: 8px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--text-faint) !important;
}
.dbq-hm-value {
  font-family: var(--font-mono) !important;
  font-size: 0.8rem !important;
  color: var(--text-muted) !important;
}

.dbq-hyp-panel {
  width: 46% !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  background: var(--bg2) !important;
  padding: 52px 40px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  gap: 18px !important;
  border-left: 1px solid var(--border) !important;
}
.dbq-h-eq {
  font-family: var(--font-mono) !important;
  font-size: 0.88rem !important;
  color: rgba(110,168,254,0.6) !important;
  letter-spacing: 0.05em !important;
  padding: 16px 18px !important;
  background: rgba(110,168,254,0.05) !important;
  border: 1px solid var(--border) !important;
  border-left: 2px solid var(--gold) !important;
  display: block !important;
}
.dbq-h-note {
  font-family: var(--font-serif) !important;
  font-style: italic !important;
  font-size: 0.82rem !important;
  color: var(--text-muted) !important;
  line-height: 1.65 !important;
  padding-left: 14px !important;
  border-left: 1px solid var(--border) !important;
}

/* =====================================================
   TOPICS GRID
===================================================== */
#dbq-topics {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.dbq-topics-grid {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  border: 1px solid var(--border) !important;
  overflow: hidden !important;
}

.dbq-topic-card {
  width: 33.333% !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  background: var(--bg) !important;
  padding: 30px 26px !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  gap: 7px !important;
  border-right: 1px solid var(--border) !important;
  border-bottom: 1px solid var(--border) !important;
  -webkit-transition: background 0.25s !important;
  transition: background 0.25s !important;
  color: inherit !important;
}
.dbq-topic-card:nth-child(3n) { border-right: none !important; }
.dbq-topic-card:nth-child(4),
.dbq-topic-card:nth-child(5),
.dbq-topic-card:nth-child(6) { border-bottom: none !important; }
.dbq-topic-card:hover { background: var(--bg2) !important; }

.dbq-topic-num {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  color: var(--text-faint) !important;
  letter-spacing: 0.1em !important;
}
.dbq-topic-name {
  font-family: var(--font-serif) !important;
  font-size: 1.08rem !important;
  font-weight: 300 !important;
  color: #e0eaf8 !important;
  line-height: 1.3 !important;
}
.dbq-topic-desc {
  font-family: var(--font-serif) !important;
  font-style: italic !important;
  font-size: 0.8rem !important;
  color: var(--text-muted) !important;
  line-height: 1.55 !important;
}

/* =====================================================
   NEWSLETTER
===================================================== */
#dbq-newsletter {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
  text-align: center !important;
  position: relative !important;
  z-index: 1 !important;
}
#dbq-newsletter::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(ellipse 55% 80% at 50% 60%, rgba(110,168,254,0.04) 0%, transparent 70%) !important;
  pointer-events: none !important;
}
.dbq-nl-inner {
  max-width: 520px !important;
  margin: 0 auto !important;
  position: relative !important;
  z-index: 1 !important;
}
.dbq-nl-icon {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  color: var(--blue) !important;
  opacity: 0.45 !important;
  letter-spacing: 0.14em !important;
  margin-bottom: 20px !important;
  display: block !important;
}
#dbq-newsletter h2 {
  font-family: var(--font-serif) !important;
  font-weight: 300 !important;
  font-size: clamp(1.7rem, 3.2vw, 2.4rem) !important;
  color: #e8eef8 !important;
  line-height: 1.2 !important;
  margin-bottom: 12px !important;
}
#dbq-newsletter h2 em { font-style: italic !important; color: var(--blue) !important; }
#dbq-newsletter p {
  font-family: var(--font-serif) !important;
  font-style: italic !important;
  color: var(--text-muted) !important;
  font-size: 0.93rem !important;
  line-height: 1.65 !important;
  margin-bottom: 32px !important;
}
.dbq-nl-form {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  border: 1px solid var(--border) !important;
  overflow: hidden !important;
}
.dbq-nl-form input[type="email"] {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
  background: var(--surface) !important;
  border: none !important;
  color: var(--text) !important;
  font-family: var(--font-serif) !important;
  font-size: 0.95rem !important;
  padding: 13px 16px !important;
  outline: none !important;
  min-width: 0 !important;
}
.dbq-nl-form input::-webkit-input-placeholder { color: var(--text-faint) !important; font-style: italic !important; }
.dbq-nl-form input::-moz-placeholder { color: var(--text-faint) !important; font-style: italic !important; }
.dbq-nl-form input:-ms-input-placeholder { color: var(--text-faint) !important; font-style: italic !important; }
.dbq-nl-form button {
  font-family: var(--font-sans) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  background: var(--blue) !important;
  color: var(--bg) !important;
  border: none !important;
  padding: 13px 24px !important;
  cursor: pointer !important;
  -webkit-transition: background 0.22s !important;
  transition: background 0.22s !important;
  white-space: nowrap !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
}
.dbq-nl-form button:hover { background: var(--gold) !important; }
.dbq-nl-note {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  color: var(--text-faint) !important;
  letter-spacing: 0.1em !important;
  margin-top: 12px !important;
  display: block !important;
}

/* =====================================================
   SITE FOOTER
===================================================== */
#dbq-footer {
  position: relative !important;
  z-index: 1 !important;
  border-top: 1px solid var(--border) !important;
  padding-top: 44px !important;
  padding-bottom: 32px !important;
  padding-left: 5% !important;
  padding-right: 5% !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
  gap: 24px !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.dbq-footer-col {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  gap: 10px !important;
}
.dbq-footer-col a,
.dbq-footer-links a {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--text-faint) !important;
  text-decoration: none !important;
  -webkit-transition: color 0.2s !important;
  transition: color 0.2s !important;
  display: block !important;
}
.dbq-footer-col a:hover, .dbq-footer-links a:hover { color: var(--blue) !important; }

.dbq-footer-logo {
  font-family: var(--font-mono) !important;
  font-size: 12px !important;
  letter-spacing: 0.22em !important;
  color: var(--blue) !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  display: block !important;
}
.dbq-footer-logo span { color: var(--gold) !important; }
.dbq-footer-tagline {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  color: var(--text-faint) !important;
  letter-spacing: 0.08em !important;
}
.dbq-footer-formula {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  color: rgba(110,168,254,0.2) !important;
  letter-spacing: 0.04em !important;
}
.dbq-footer-copy {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  color: var(--text-faint) !important;
  letter-spacing: 0.06em !important;
}

/* =====================================================
   SINGLE POST
===================================================== */
.dbq-article-wrap {
  position: relative !important;
  z-index: 1 !important;
  max-width: 1060px !important;
  margin: 0 auto !important;
  padding: 130px 48px 80px !important;
}

.dbq-post-meta {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-bottom: 36px !important;
}
.dbq-cat-pill {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
  border: 1px solid var(--border-gold) !important;
  padding: 4px 11px !important;
  display: inline-block !important;
}
.dbq-meta-dot { color: var(--text-faint) !important; font-size: 0.6rem !important; }
.dbq-meta-date,
.dbq-meta-time {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  color: var(--text-muted) !important;
  letter-spacing: 0.05em !important;
}

.dbq-post-title {
  font-family: var(--font-serif) !important;
  font-weight: 300 !important;
  font-size: clamp(1.9rem, 4.5vw, 3.2rem) !important;
  line-height: 1.14 !important;
  color: #e8eef8 !important;
  margin-bottom: 48px !important;
}
.dbq-post-title em { font-style: italic !important; color: var(--blue) !important; }

.dbq-post-subtitle {
  font-family: var(--font-serif) !important;
  font-style: italic !important;
  font-size: 1.08rem !important;
  color: var(--text-muted) !important;
  line-height: 1.65 !important;
  padding-bottom: 44px !important;
  margin-bottom: 44px !important;
  border-bottom: 1px solid var(--border) !important;
}
.dbq-post-thumb { margin-top: 8px !important; margin-bottom: 56px !important; overflow: hidden !important; border-radius: 2px !important; }
.dbq-post-thumb img { width: 100% !important; height: auto !important; max-height: none !important; display: block !important; -o-object-fit: cover !important; object-fit: cover !important; filter: brightness(0.82) saturate(0.68) !important; }

/* Entry content */
.dbq-entry { font-size: 1.02rem !important; font-weight: 300 !important; color: #b8c8de !important; }
.dbq-entry p { margin-bottom: 1.65em !important; }
.dbq-entry h2 {
  font-family: var(--font-sans) !important;
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--blue) !important;
  margin-top: 3em !important;
  margin-bottom: 1em !important;
  padding-left: 14px !important;
  border-left: 2px solid var(--gold) !important;
}
.dbq-entry h3 { font-family: var(--font-serif) !important; font-size: 1.28rem !important; font-weight: 400 !important; color: #cfddef !important; margin-top: 2.5em !important; margin-bottom: 0.8em !important; }
.dbq-entry a { color: var(--blue) !important; border-bottom: 1px solid var(--blue-dim) !important; }
.dbq-entry a:hover { color: var(--gold) !important; }
.dbq-entry ul, .dbq-entry ol { padding-left: 1.4em !important; margin-bottom: 1.65em !important; }
.dbq-entry li { margin-bottom: 0.5em !important; }
.dbq-entry strong { color: #cfddef !important; font-weight: 600 !important; }
.dbq-entry blockquote {
  margin-top: 2.5em !important;
  margin-bottom: 2.5em !important;
  margin-left: -28px !important;
  margin-right: -28px !important;
  padding: 28px 36px !important;
  border-top: 1px solid var(--border) !important;
  border-bottom: 1px solid var(--border) !important;
}
.dbq-entry blockquote p { font-size: 1.28rem !important; font-style: italic !important; color: #c8d8ee !important; line-height: 1.55 !important; margin: 0 !important; }
.dbq-entry pre { background: var(--surface) !important; border: 1px solid var(--border) !important; border-left: 3px solid var(--gold) !important; padding: 20px 24px !important; margin: 2em 0 !important; overflow-x: auto !important; font-family: var(--font-mono) !important; font-size: 0.83rem !important; color: #a8d4ff !important; line-height: 1.8 !important; }
.dbq-entry code { font-family: var(--font-mono) !important; font-size: 0.86em !important; color: #a8d4ff !important; background: rgba(110,168,254,0.07) !important; padding: 2px 5px !important; }
.dbq-entry pre code { background: none !important; padding: 0 !important; }
.dbq-entry hr { border: none !important; border-top: 1px solid var(--border) !important; margin: 3em 0 !important; }

/* Author */
.dbq-author-bar {
  margin-top: 60px !important;
  padding-top: 32px !important;
  border-top: 1px solid var(--border) !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  gap: 16px !important;
}
.dbq-author-avatar {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #14213d, #1a3050) !important;
  border: 1px solid var(--border) !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  font-family: var(--font-mono) !important;
  font-size: 13px !important;
  color: var(--blue) !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  overflow: hidden !important;
}
.dbq-author-avatar img { width: 100% !important; height: 100% !important; -o-object-fit: cover !important; object-fit: cover !important; filter: none !important; }
.dbq-author-name { font-family: var(--font-sans) !important; font-size: 0.77rem !important; font-weight: 600 !important; letter-spacing: 0.11em !important; text-transform: uppercase !important; color: var(--text) !important; margin-bottom: 2px !important; }
.dbq-author-role { font-family: var(--font-mono) !important; font-size: 0.71rem !important; color: var(--text-muted) !important; }

/* Post nav */
.dbq-post-nav {
  position: relative !important;
  z-index: 1 !important;
  max-width: 1060px !important;
  margin: 0 auto !important;
  padding: 0 48px 56px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  border: 1px solid var(--border) !important;
  overflow: hidden !important;
}
.dbq-post-nav a {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
  background: var(--bg) !important;
  padding: 22px 26px !important;
  display: block !important;
  text-decoration: none !important;
  -webkit-transition: background 0.25s !important;
  transition: background 0.25s !important;
  border-right: 1px solid var(--border) !important;
}
.dbq-post-nav a:last-child { border-right: none !important; }
.dbq-post-nav a:hover { background: var(--bg2) !important; }
.dbq-nav-dir { font-family: var(--font-mono) !important; font-size: 9px !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; color: var(--text-faint) !important; margin-bottom: 6px !important; }
.dbq-nav-t { font-family: var(--font-serif) !important; font-size: 0.95rem !important; font-weight: 300 !important; color: var(--text-muted) !important; line-height: 1.38 !important; }

/* Related */
.dbq-related {
  position: relative !important;
  z-index: 1 !important;
  max-width: 1060px !important;
  margin: 0 auto !important;
  padding: 0 24px 90px !important;
}
.dbq-related-label {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: var(--text-faint) !important;
  margin-bottom: 28px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  gap: 12px !important;
}
.dbq-related-label::after { content: '' !important; -webkit-box-flex: 1 !important; -ms-flex: 1 !important; flex: 1 !important; height: 1px !important; background: var(--border) !important; display: block !important; }
.dbq-related-grid {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  border: 1px solid var(--border) !important;
  overflow: hidden !important;
}
.dbq-related-card {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
  background: var(--bg) !important;
  padding: 26px 24px !important;
  text-decoration: none !important;
  display: block !important;
  -webkit-transition: background 0.25s !important;
  transition: background 0.25s !important;
  border-right: 1px solid var(--border) !important;
}
.dbq-related-card:last-child { border-right: none !important; }
.dbq-related-card:hover { background: var(--bg2) !important; }
.dbq-rc-cat { font-family: var(--font-mono) !important; font-size: 9px !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; color: var(--gold) !important; margin-bottom: 8px !important; display: block !important; }
.dbq-related-card h3 { font-family: var(--font-serif) !important; font-size: 0.98rem !important; font-weight: 300 !important; color: var(--text) !important; line-height: 1.38 !important; margin-bottom: 7px !important; }
.dbq-rc-date { font-family: var(--font-mono) !important; font-size: 10px !important; color: var(--text-faint) !important; }

/* =====================================================
   ARCHIVE
===================================================== */
.dbq-archive {
  position: relative !important;
  z-index: 1 !important;
  padding-top: 110px !important;
  padding-bottom: 80px !important;
}
.dbq-archive-hdr { text-align: center !important; padding: 50px 24px 70px !important; }
.dbq-archive-title { font-family: var(--font-serif) !important; font-weight: 300 !important; font-size: clamp(1.7rem, 4vw, 2.8rem) !important; color: #e8eef8 !important; margin-bottom: 10px !important; }
.dbq-archive-desc { font-family: var(--font-serif) !important; font-style: italic !important; color: var(--text-muted) !important; font-size: 0.97rem !important; max-width: 460px !important; margin: 0 auto !important; }

.dbq-archive-list {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  border: 1px solid var(--border) !important;
  overflow: hidden !important;
}
.dbq-archive-item {
  background: var(--bg) !important;
  padding: 28px 32px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
  gap: 20px !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--border) !important;
  -webkit-transition: background 0.25s !important;
  transition: background 0.25s !important;
}
.dbq-archive-item:last-child { border-bottom: none !important; }
.dbq-archive-item:hover { background: var(--bg2) !important; }
.dbq-ai-cat { font-family: var(--font-mono) !important; font-size: 9px !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; color: var(--gold) !important; margin-bottom: 7px !important; display: block !important; }
.dbq-archive-item h2 { font-family: var(--font-serif) !important; font-size: 1.22rem !important; font-weight: 300 !important; color: #e0eaf8 !important; line-height: 1.33 !important; margin-bottom: 5px !important; }
.dbq-ai-excerpt { font-family: var(--font-serif) !important; font-style: italic !important; font-size: 0.87rem !important; color: var(--text-muted) !important; line-height: 1.58 !important; }
.dbq-ai-date { font-family: var(--font-mono) !important; font-size: 10px !important; color: var(--text-faint) !important; text-align: right !important; white-space: nowrap !important; margin-top: 3px !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }

/* Pagination */
.dbq-pagination {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin-top: 52px !important;
}
.dbq-pagination a,
.dbq-pagination span {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  letter-spacing: 0.08em !important;
  padding: 8px 14px !important;
  border: 1px solid var(--border) !important;
  color: var(--text-muted) !important;
  background: var(--bg) !important;
  text-decoration: none !important;
  -webkit-transition: all 0.2s !important;
  transition: all 0.2s !important;
}
.dbq-pagination a:hover,
.dbq-pagination .current { background: var(--blue-dim) !important; color: var(--blue) !important; border-color: var(--blue-dim) !important; }

/* =====================================================
   PAGE / 404
===================================================== */
.dbq-page-wrap { position: relative !important; z-index: 1 !important; max-width: 1060px !important; margin: 0 auto !important; padding: 130px 48px 90px !important; }
.dbq-page-title { font-family: var(--font-serif) !important; font-weight: 300 !important; font-size: clamp(1.9rem, 4vw, 2.8rem) !important; color: #e8eef8 !important; margin-bottom: 44px !important; padding-bottom: 44px !important; border-bottom: 1px solid var(--border) !important; }

.dbq-404 { position: relative !important; z-index: 1 !important; min-height: 100vh !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; text-align: center !important; padding: 110px 24px !important; }
.dbq-404-code { font-family: var(--font-mono) !important; font-size: clamp(5rem, 13vw, 11rem) !important; font-weight: 300 !important; color: rgba(110,168,254,0.06) !important; line-height: 1 !important; margin-bottom: 20px !important; display: block !important; }
.dbq-404 h1 { font-family: var(--font-serif) !important; font-weight: 300 !important; font-size: 1.7rem !important; color: var(--text) !important; margin-bottom: 12px !important; }
.dbq-404 p { font-family: var(--font-serif) !important; font-style: italic !important; color: var(--text-muted) !important; margin-bottom: 28px !important; }

/* =====================================================
   SEARCH FORM
===================================================== */
.dbq-search-form {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  border: 1px solid var(--border) !important;
  overflow: hidden !important;
}
.dbq-search-form input[type="search"] {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
  background: var(--surface) !important;
  border: none !important;
  color: var(--text) !important;
  font-family: var(--font-serif) !important;
  font-size: 0.95rem !important;
  padding: 11px 14px !important;
  outline: none !important;
  min-width: 0 !important;
}
.dbq-search-form button { background: var(--blue) !important; border: none !important; color: var(--bg) !important; font-family: var(--font-mono) !important; font-size: 10px !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; padding: 11px 18px !important; cursor: pointer !important; -webkit-transition: background 0.2s !important; transition: background 0.2s !important; }
.dbq-search-form button:hover { background: var(--gold) !important; }

/* =====================================================
   FADE-UP ANIMATION
===================================================== */
.fade-up {
  opacity: 0 !important;
  -webkit-transform: translateY(18px) !important;
  transform: translateY(18px) !important;
  -webkit-transition: opacity 0.62s ease, -webkit-transform 0.62s ease !important;
  transition: opacity 0.62s ease, transform 0.62s ease !important;
}
.fade-up.visible {
  opacity: 1 !important;
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

/* =====================================================
   COMMENTS
===================================================== */
.dbq-comments { max-width: 1060px !important; margin: 0 auto !important; padding: 0 48px 80px !important; position: relative !important; z-index: 1 !important; }
.dbq-comments-title { font-family: var(--font-sans) !important; font-size: 0.76rem !important; font-weight: 600 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; color: var(--blue) !important; margin-bottom: 28px !important; padding-left: 12px !important; border-left: 2px solid var(--gold) !important; }
.dbq-comments .comment-list { list-style: none !important; }
.dbq-comments .comment { padding: 20px 0 !important; border-bottom: 1px solid var(--border) !important; }
.dbq-comments .comment-author-name { font-family: var(--font-sans) !important; font-size: 0.77rem !important; font-weight: 600 !important; color: var(--text) !important; letter-spacing: 0.07em !important; }
.dbq-comments .comment-date { font-family: var(--font-mono) !important; font-size: 10px !important; color: var(--text-faint) !important; margin-top: 2px !important; }
.dbq-comments .comment-body { margin-top: 10px !important; font-size: 0.93rem !important; }
.dbq-comments .comment-reply-link { font-family: var(--font-mono) !important; font-size: 10px !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: var(--blue) !important; margin-top: 7px !important; display: inline-block !important; }
.dbq-comments .comment-respond { margin-top: 40px !important; }
.dbq-comments .comment-form label { font-family: var(--font-mono) !important; font-size: 10px !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: var(--text-muted) !important; display: block !important; margin-bottom: 5px !important; }
.dbq-comments .comment-form input[type="text"],
.dbq-comments .comment-form input[type="email"],
.dbq-comments .comment-form textarea { width: 100% !important; background: var(--surface) !important; border: 1px solid var(--border) !important; color: var(--text) !important; font-family: var(--font-serif) !important; font-size: 0.95rem !important; padding: 10px 13px !important; margin-bottom: 16px !important; outline: none !important; }
.dbq-comments .comment-form input:focus,
.dbq-comments .comment-form textarea:focus { border-color: var(--blue-dim) !important; }
.dbq-comments .comment-form textarea { min-height: 120px !important; resize: vertical !important; }
.dbq-comments .comment-form input[type="submit"] { font-family: var(--font-sans) !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; background: var(--blue) !important; color: var(--bg) !important; border: none !important; padding: 12px 26px !important; cursor: pointer !important; -webkit-transition: background 0.2s !important; transition: background 0.2s !important; }
.dbq-comments .comment-form input[type="submit"]:hover { background: var(--gold) !important; }


/* =====================================================
   RESPONSIVE — Full spectrum: 320px → 4K
   Mobile-first base, then progressively enhanced
===================================================== */

/* ─────────────────────────────────────────────────────
   BASE MOBILE (320px–479px) — smallest phones
───────────────────────────────────────────────────── */

/* ╔══════════════════════════════════════════════════════════════╗
   ║  DEBANTUM — COMPLETE RESPONSIVE SYSTEM v3.0                 ║
   ║  320px (small phone) → 4K (2560px+)                        ║
   ║  Mobile-first overrides, no conflicts, no duplication       ║
   ╚══════════════════════════════════════════════════════════════╝ */

/* ── Global safety (all breakpoints) ───────────────────────── */
html, body { overflow-x: hidden !important; }

img, video, canvas, iframe {
  max-width: 100% !important;
  height: auto !important;
}

/* Formula equation: scrollable on small screens, no wrap */
.dbq-formula-eq,
.dbq-hf-eq,
.dbq-h-eq,
.dbq-fw-eq-hero,
.dbq-ri-intro-eq,
.dbq-ri-cta-eq {
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
}
.dbq-formula-eq::-webkit-scrollbar,
.dbq-hf-eq::-webkit-scrollbar,
.dbq-h-eq::-webkit-scrollbar { display: none !important; }

/* Touch target minimum */
button, [role="button"] {
  -ms-touch-action: manipulation !important;
  touch-action: manipulation !important;
  min-height: 44px !important;
}


/* ═══════════════════════════════════════════════════════════════
   ≤ 479px — Small phones (iPhone SE, Galaxy A series, 320px+)
═══════════════════════════════════════════════════════════════ */
@media (max-width: 479px) {

  html { font-size: 14px !important; }
  body { font-size: 15px !important; line-height: 1.68 !important; }

  /* Header */
  #dbq-header { height: 52px !important; }
  #dbq-header-inner {
    height: 52px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 14px !important;
  }
  .dbq-nav-left,
  .dbq-nav-right { display: none !important; }
  #dbq-menu-toggle {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    font-size: 9px !important;
    padding: 7px 11px !important;
    min-height: 36px !important;
  }
  .dbq-logo { font-size: 10px !important; padding: 0 !important; letter-spacing: 0.14em !important; }
  #dbq-mobile-menu { top: 52px !important; }
  #dbq-progress { top: 52px !important; }

  /* Hero */
  #dbq-hero {
    padding: 68px 14px 48px !important;
    min-height: auto !important;
  }
  #dbq-hero-inner {
    width: 100% !important;
    max-width: 100% !important;
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    gap: 28px !important;
  }
  #dbq-hero-content { width: 100% !important; text-align: center !important; }
  #dbq-hero-content h1,
  #dbq-hero-inner h1 {
    font-size: clamp(1.9rem, 9vw, 2.5rem) !important;
    margin-top: 10px !important;
    margin-bottom: 12px !important;
    line-height: 1.1 !important;
  }
  .dbq-eyebrow {
    font-size: 7px !important;
    margin-bottom: 12px !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .dbq-hero-subtitle {
    font-size: 0.86rem !important;
    max-width: 100% !important;
    margin-bottom: 22px !important;
    text-align: center !important;
  }
  .dbq-hero-actions {
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 10px !important;
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .dbq-hero-actions .dbq-btn { width: 100% !important; text-align: center !important; font-size: 9.5px !important; padding: 13px !important; }

  /* Formula panel (front-page sidebar) */
  #dbq-formula-panel {
    width: 100% !important;
    padding: 22px 16px !important;
  }
  .dbq-formula-label { font-size: 7.5px !important; }
  .dbq-formula-eq {
    font-size: 0.7rem !important;
    white-space: nowrap !important;
    overflow-x: auto !important;
    display: block !important;
    letter-spacing: 0.02em !important;
  }
  .dbq-formula-row { gap: 8px !important; padding: 7px 0 !important; }
  .dbq-fsym { font-size: 0.7rem !important; width: 20px !important; }
  .dbq-fdef { font-size: 0.7rem !important; }

  /* Hero formula centerpiece (#dbq-hero-formula) */
  #dbq-hero-formula {
    padding: 18px 12px 16px !important;
    max-width: 100% !important;
    border-radius: 3px !important;
  }
  .dbq-hf-label { font-size: 7px !important; margin-bottom: 10px !important; letter-spacing: 0.24em !important; }
  .dbq-hf-eq {
    font-size: clamp(0.58rem, 3.1vw, 0.78rem) !important;
    margin-bottom: 16px !important;
    padding-bottom: 14px !important;
    white-space: nowrap !important;
    overflow-x: auto !important;
    display: block !important;
    letter-spacing: 0.015em !important;
  }
  .dbq-hf-nodes { gap: 5px !important; }
  .dbq-hf-node { padding: 4px 7px !important; gap: 4px !important; }
  .dbq-hf-sym { font-size: 0.63rem !important; }
  .dbq-hf-nl { font-size: 0.6rem !important; }

  #dbq-scroll-hint { display: none !important; }

  /* Container */
  .dbq-container {
    width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* Section spacing */
  #dbq-cats, #dbq-not, #dbq-featured, #dbq-research,
  #dbq-hypothesis, #dbq-topics {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  #dbq-quote, #dbq-newsletter { padding-top: 52px !important; padding-bottom: 52px !important; }

  /* Categories: 2-col grid */
  .dbq-cats-grid {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .dbq-cat-card {
    width: 50% !important;
    -webkit-box-flex: none !important;
    -ms-flex: none !important;
    flex: none !important;
    border-bottom: 1px solid var(--border) !important;
    padding: 18px 10px !important;
    min-height: 0 !important;
  }
  .dbq-cat-card:nth-child(even) { border-right: none !important; }
  .dbq-cat-card:nth-child(5),
  .dbq-cat-card:nth-child(6) { border-bottom: none !important; }
  .dbq-cat-icon { font-size: 16px !important; }
  .dbq-cat-name { font-size: 7.5px !important; }
  .dbq-cat-count { font-size: 8px !important; }

  /* What Debantum is Not: full width stacked */
  .dbq-not-grid {
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .dbq-not-card {
    width: 100% !important;
    border-right: none !important;
    border-bottom: 1px solid var(--border) !important;
    padding: 22px 14px !important;
  }
  .dbq-not-card:nth-child(3),
  .dbq-not-card:nth-child(4) { border-bottom: 1px solid var(--border) !important; }
  .dbq-not-card:last-child { border-bottom: none !important; }
  #dbq-not-header h2 { font-size: clamp(1.4rem, 6vw, 1.9rem) !important; }

  /* Featured post: stacked */
  .dbq-featured-post {
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .dbq-featured-img {
    width: 100% !important;
    -webkit-box-flex: none !important;
    -ms-flex: none !important;
    flex: none !important;
    min-height: 180px !important;
    position: relative !important;
    overflow: hidden !important;
  }
  .dbq-featured-img img {
    position: static !important;
    height: 180px !important;
    width: 100% !important;
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .dbq-featured-placeholder { min-height: 180px !important; }
  .dbq-featured-body { padding: 22px 14px !important; }
  .dbq-featured-body h2 { font-size: clamp(1.1rem, 5.5vw, 1.5rem) !important; }
  .dbq-featured-excerpt { font-size: 0.82rem !important; }

  /* Research cards: full width */
  .dbq-research-grid {
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .dbq-research-card {
    width: 100% !important;
    border-right: none !important;
    border-bottom: 1px solid var(--border) !important;
    padding: 22px 14px !important;
  }
  .dbq-research-card:last-child { border-bottom: none !important; }

  /* Quote */
  .dbq-quote-inner { padding: 0 14px !important; }
  .dbq-quote-text { font-size: clamp(1rem, 4.5vw, 1.3rem) !important; }
  .dbq-qmark { font-size: 4rem !important; }

  /* Hypothesis: stacked */
  .dbq-hyp-grid {
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .dbq-hyp-content { padding: 22px 14px !important; }
  .dbq-hyp-content h2 { font-size: clamp(1.3rem, 5.5vw, 1.8rem) !important; }
  .dbq-hyp-panel {
    width: 100% !important;
    border-left: none !important;
    border-top: 1px solid var(--border) !important;
    padding: 22px 14px !important;
  }
  .dbq-h-eq {
    font-size: 0.72rem !important;
    white-space: nowrap !important;
    overflow-x: auto !important;
    display: block !important;
    letter-spacing: 0.02em !important;
  }
  .dbq-hyp-meta { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; gap: 12px !important; }

  /* Topics: full width */
  .dbq-topics-grid {
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .dbq-topic-card {
    width: 100% !important;
    border-right: none !important;
    border-bottom: 1px solid var(--border) !important;
    padding: 18px 14px !important;
  }
  .dbq-topic-card:nth-child(4),
  .dbq-topic-card:nth-child(5),
  .dbq-topic-card:nth-child(6) { border-bottom: 1px solid var(--border) !important; }
  .dbq-topic-card:last-child { border-bottom: none !important; }

  /* Newsletter */
  #dbq-newsletter { padding-left: 14px !important; padding-right: 14px !important; }
  .dbq-nl-inner { padding: 0 !important; }
  #dbq-newsletter h2 { font-size: clamp(1.4rem, 6vw, 1.9rem) !important; }
  .dbq-nl-form {
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    gap: 0 !important;
  }
  .dbq-nl-form input[type="email"] { font-size: 16px !important; width: 100% !important; border-radius: 0 !important; }
  .dbq-nl-form button { width: 100% !important; padding: 14px !important; font-size: 10.5px !important; }

  /* Footer */
  #dbq-footer {
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    text-align: center !important;
    padding: 36px 14px 22px !important;
    gap: 26px !important;
  }
  .dbq-footer-col {
    text-align: center !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    gap: 8px !important;
  }
  .dbq-footer-formula { font-size: 8px !important; letter-spacing: 0.02em !important; }

  /* ── Single post ── */
  .dbq-article-wrap { padding: 68px 14px 52px !important; max-width: 100% !important; }
  .dbq-post-title { font-size: clamp(1.4rem, 6.5vw, 1.9rem) !important; margin-bottom: 24px !important; }
  .dbq-post-subtitle { font-size: 0.88rem !important; padding-bottom: 24px !important; margin-bottom: 24px !important; }
  .dbq-entry { font-size: 0.93rem !important; }
  .dbq-entry h2 { font-size: 0.72rem !important; }
  .dbq-entry h3 { font-size: 1.1rem !important; }
  .dbq-entry blockquote { margin-left: 0 !important; margin-right: 0 !important; padding: 16px 14px !important; }
  .dbq-entry blockquote p { font-size: 1rem !important; }
  .dbq-entry pre { padding: 12px 10px !important; font-size: 0.74rem !important; }
  .dbq-post-nav { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; padding: 0 14px 36px !important; max-width: 100% !important; }
  .dbq-post-nav a { border-right: none !important; border-bottom: 1px solid var(--border) !important; }
  .dbq-post-nav span { display: none !important; }
  .dbq-related { padding: 0 14px 52px !important; max-width: 100% !important; }
  .dbq-related-grid { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .dbq-related-card { width: 100% !important; border-right: none !important; border-bottom: 1px solid var(--border) !important; }
  .dbq-related-card:last-child { border-bottom: none !important; }
  .dbq-comments { padding: 0 14px 52px !important; max-width: 100% !important; }
  .dbq-author-bar { gap: 12px !important; }

  /* ── Page templates ── */
  .dbq-page-wrap { padding: 68px 14px 52px !important; max-width: 100% !important; }
  .dbq-page-title { font-size: clamp(1.4rem, 6.5vw, 2rem) !important; margin-bottom: 24px !important; padding-bottom: 24px !important; }

  /* Archive pages */
  .dbq-archive { padding-top: 68px !important; padding-bottom: 52px !important; }
  .dbq-archive-hero { padding-top: 68px !important; padding-bottom: 40px !important; }
  .dbq-archive-body { padding-top: 36px !important; padding-bottom: 52px !important; }
  .dbq-archive-title { font-size: clamp(1.5rem, 7vw, 2.2rem) !important; }
  .dbq-archive-item {
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 18px 12px !important;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .dbq-ai-meta {
    -webkit-box-orient: horizontal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: auto !important;
  }
  .dbq-ai-read { opacity: 1 !important; margin-left: auto !important; }

  /* Research index */
  .dbq-ri-hero { padding-top: 68px !important; padding-bottom: 44px !important; }
  .dbq-ri-title { font-size: clamp(1.8rem, 8.5vw, 2.4rem) !important; }
  .dbq-ri-hero-inner { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 24px !important; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
  .dbq-ri-hero-stat-col { width: 100% !important; }
  .dbq-ri-stat { padding: 14px 12px !important; }
  .dbq-ri-stat-num { font-size: 1.2rem !important; }
  .dbq-ri-intro { padding-top: 36px !important; padding-bottom: 36px !important; }
  .dbq-ri-intro-inner { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 14px !important; }
  .dbq-ri-intro-eq { writing-mode: horizontal-tb !important; -webkit-transform: none !important; transform: none !important; font-size: 0.65rem !important; white-space: nowrap !important; overflow-x: auto !important; display: block !important; }
  .dbq-ri-papers { padding-top: 44px !important; padding-bottom: 44px !important; }
  .dbq-ri-paper { padding: 18px 12px !important; gap: 8px !important; }
  .dbq-ri-paper-index { width: 18px !important; }
  .dbq-ri-paper-meta-top { gap: 5px !important; }
  .dbq-ri-date { margin-left: 0 !important; width: 100% !important; }
  .dbq-ri-paper-title { font-size: 0.95rem !important; }
  .dbq-ri-abstract { font-size: 0.8rem !important; }
  .dbq-ri-paper-footer { gap: 7px !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .dbq-ri-read-btn { margin-left: 0 !important; }
  .dbq-ri-domains { padding-top: 44px !important; padding-bottom: 44px !important; }
  .dbq-ri-domains-grid { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .dbq-ri-domain { width: 100% !important; border-right: none !important; }
  .dbq-ri-domain:nth-child(3n) { border-right: none !important; }
  .dbq-ri-status-section { padding-top: 44px !important; padding-bottom: 44px !important; }
  .dbq-ri-status-grid { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 22px !important; }
  .dbq-ri-status-left { width: 100% !important; }
  .dbq-ri-status-row { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; gap: 6px !important; padding: 12px 12px !important; }
  .dbq-ri-status-label { width: auto !important; min-width: 0 !important; }
  .dbq-ri-status-note-text { margin-left: 0 !important; width: 100% !important; }
  .dbq-ri-versions { padding-top: 44px !important; padding-bottom: 44px !important; }
  .dbq-ri-ver-row { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 5px !important; padding: 14px 12px !important; }
  .dbq-ri-ver-left { width: auto !important; }
  .dbq-ri-cta { padding-top: 52px !important; padding-bottom: 52px !important; }
  .dbq-ri-cta-btns { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; width: 100% !important; }
  .dbq-ri-cta-btns .dbq-btn { width: 100% !important; text-align: center !important; }

  /* Framework page */
  .dbq-fw-hero { padding-top: 68px !important; padding-bottom: 40px !important; }
  .dbq-fw-title { font-size: clamp(1.8rem, 8vw, 2.4rem) !important; }
  .dbq-fw-eq-hero { font-size: 0.7rem !important; white-space: nowrap !important; overflow-x: auto !important; display: block !important; letter-spacing: 0.02em !important; }
  .dbq-fw-phases { padding-top: 44px !important; padding-bottom: 44px !important; }
  .dbq-fw-phase { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 8px !important; padding: 18px 12px !important; }
  .dbq-fw-phase-sym { width: auto !important; font-size: 1rem !important; }

  /* About page */
  .dbq-about-hero { padding-top: 68px !important; padding-bottom: 40px !important; }
  .dbq-about-title { font-size: clamp(1.8rem, 8vw, 2.4rem) !important; }
  .dbq-about-author { padding-top: 36px !important; padding-bottom: 36px !important; }
  .dbq-about-author-inner { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 16px !important; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
  .dbq-about-quote { padding-left: 12px !important; font-size: 1rem !important; }

  /* Contact page */
  .dbq-ct-hero { padding-top: 68px !important; padding-bottom: 40px !important; }
  .dbq-ct-title { font-size: clamp(1.8rem, 8vw, 2.4rem) !important; }
  .dbq-ct-main { padding-top: 36px !important; padding-bottom: 52px !important; }
  .dbq-ct-grid { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 28px !important; }
  .dbq-ct-info { width: 100% !important; }
  .dbq-ct-form-inner { padding: 20px 12px !important; }
  .dbq-ct-row { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 14px !important; }
  .dbq-ct-social-grid { gap: 5px !important; }
  .dbq-ct-social { padding: 4px 8px !important; }
  .dbq-ct-social-name { font-size: 7px !important; }
  .dbq-ct-faq { padding-top: 44px !important; padding-bottom: 52px !important; }
  .dbq-ct-faq-q { padding: 15px 12px !important; }
  .dbq-ct-faq-a { padding: 12px 12px 16px !important; }

  /* Research/single templates */
  .dbq-research-meta { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .dbq-rm-item { border-right: none !important; border-bottom: 1px solid var(--border) !important; }
  .dbq-rm-item:last-child { border-bottom: none !important; }
  .dbq-abstract-box { padding: 16px 12px !important; }
  .dbq-abstract-text { font-size: 0.88rem !important; }
  .dbq-citation-box { padding: 14px 12px !important; }
  .dbq-citation-text { font-size: 0.72rem !important; }
}


/* ═══════════════════════════════════════════════════════════════
   480px–639px — Large phones (landscape phones, small tablets)
═══════════════════════════════════════════════════════════════ */
@media (min-width: 480px) and (max-width: 639px) {

  html { font-size: 15px !important; }

  #dbq-header { height: 56px !important; }
  #dbq-header-inner { height: 56px !important; width: 100% !important; max-width: 100% !important; padding: 0 18px !important; }
  .dbq-nav-left, .dbq-nav-right { display: none !important; }
  #dbq-menu-toggle { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }
  .dbq-logo { padding: 0 !important; font-size: 11px !important; }
  #dbq-mobile-menu { top: 56px !important; }
  #dbq-progress { top: 56px !important; }

  #dbq-hero { padding: 76px 18px 52px !important; min-height: auto !important; }
  #dbq-hero-inner { width: 100% !important; -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 28px !important; }
  #dbq-hero-content { text-align: center !important; }
  #dbq-hero-content h1, #dbq-hero-inner h1 { font-size: clamp(2.1rem, 8.5vw, 2.8rem) !important; }
  .dbq-eyebrow { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
  .dbq-hero-subtitle { max-width: 100% !important; text-align: center !important; }
  .dbq-hero-actions { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
  #dbq-formula-panel { width: 100% !important; padding: 24px 18px !important; }
  .dbq-formula-eq { font-size: 0.76rem !important; white-space: nowrap !important; overflow-x: auto !important; display: block !important; }

  .dbq-container { width: 100% !important; padding-left: 18px !important; padding-right: 18px !important; }

  /* Categories: 3-col */
  .dbq-cats-grid { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .dbq-cat-card { width: 33.333% !important; -webkit-box-flex: none !important; -ms-flex: none !important; flex: none !important; border-bottom: 1px solid var(--border) !important; padding: 18px 10px !important; }
  .dbq-cat-card:nth-child(3n) { border-right: none !important; }
  .dbq-cat-card:nth-child(4), .dbq-cat-card:nth-child(5), .dbq-cat-card:nth-child(6) { border-bottom: none !important; }

  /* Not-cards: full stacked */
  .dbq-not-grid { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .dbq-not-card { width: 100% !important; border-right: none !important; border-bottom: 1px solid var(--border) !important; }
  .dbq-not-card:nth-child(3), .dbq-not-card:nth-child(4) { border-bottom: 1px solid var(--border) !important; }
  .dbq-not-card:last-child { border-bottom: none !important; }

  /* Featured: stacked */
  .dbq-featured-post { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .dbq-featured-img { width: 100% !important; -webkit-box-flex: none !important; -ms-flex: none !important; flex: none !important; min-height: 200px !important; }
  .dbq-featured-img img { position: static !important; height: 200px !important; width: 100% !important; }
  .dbq-featured-placeholder { min-height: 200px !important; }
  .dbq-featured-body { padding: 24px 18px !important; }

  /* Research cards: stacked */
  .dbq-research-grid { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .dbq-research-card { width: 100% !important; border-right: none !important; border-bottom: 1px solid var(--border) !important; }
  .dbq-research-card:last-child { border-bottom: none !important; }

  /* Hypothesis: stacked */
  .dbq-hyp-grid { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .dbq-hyp-panel { width: 100% !important; border-left: none !important; border-top: 1px solid var(--border) !important; }
  .dbq-h-eq { white-space: nowrap !important; overflow-x: auto !important; display: block !important; }

  /* Topics: stacked */
  .dbq-topics-grid { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .dbq-topic-card { width: 100% !important; border-right: none !important; border-bottom: 1px solid var(--border) !important; }
  .dbq-topic-card:nth-child(4), .dbq-topic-card:nth-child(5), .dbq-topic-card:nth-child(6) { border-bottom: 1px solid var(--border) !important; }
  .dbq-topic-card:last-child { border-bottom: none !important; }

  /* Newsletter */
  .dbq-nl-form { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 0 !important; }
  .dbq-nl-form input[type="email"] { font-size: 16px !important; width: 100% !important; }
  .dbq-nl-form button { width: 100% !important; }

  /* Footer */
  #dbq-footer { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; text-align: center !important; padding: 36px 18px 24px !important; gap: 24px !important; }
  .dbq-footer-col { text-align: center !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }

  /* Single post */
  .dbq-article-wrap { padding: 74px 18px 52px !important; max-width: 100% !important; }
  .dbq-post-title { font-size: clamp(1.5rem, 6vw, 2rem) !important; }
  .dbq-entry blockquote { margin-left: 0 !important; margin-right: 0 !important; }
  .dbq-post-nav { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; padding: 0 18px 40px !important; max-width: 100% !important; }
  .dbq-post-nav a { border-right: none !important; border-bottom: 1px solid var(--border) !important; }
  .dbq-related { padding: 0 18px 52px !important; max-width: 100% !important; }
  .dbq-related-grid { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .dbq-related-card { width: 100% !important; border-right: none !important; border-bottom: 1px solid var(--border) !important; }
  .dbq-comments { padding: 0 18px 52px !important; max-width: 100% !important; }

  /* Pages */
  .dbq-page-wrap { padding: 74px 18px 52px !important; }
  .dbq-archive, .dbq-archive-hero, .dbq-ri-hero, .dbq-fw-hero, .dbq-about-hero, .dbq-ct-hero { padding-top: 74px !important; }

  /* Archive list */
  .dbq-archive-item { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 10px !important; padding: 18px 14px !important; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
  .dbq-ai-meta { -webkit-box-orient: horizontal !important; -ms-flex-direction: row !important; flex-direction: row !important; min-width: auto !important; }
  .dbq-ai-read { opacity: 1 !important; }

  /* Research index */
  .dbq-ri-hero-inner { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 24px !important; }
  .dbq-ri-hero-stat-col { width: 100% !important; }
  .dbq-ri-intro-inner { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 12px !important; }
  .dbq-ri-intro-eq { writing-mode: horizontal-tb !important; -webkit-transform: none !important; transform: none !important; font-size: 0.66rem !important; white-space: nowrap !important; overflow-x: auto !important; display: block !important; }
  .dbq-ri-domains-grid { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .dbq-ri-domain { width: 100% !important; border-right: none !important; }
  .dbq-ri-status-grid { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 22px !important; }
  .dbq-ri-status-left { width: 100% !important; }
  .dbq-ri-ver-row { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 5px !important; }
  .dbq-ri-ver-left { width: auto !important; }
  .dbq-ri-cta-btns { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; width: 100% !important; }
  .dbq-ri-cta-btns .dbq-btn { width: 100% !important; text-align: center !important; }

  /* Framework/About/Contact */
  .dbq-fw-phase { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 8px !important; padding: 18px 14px !important; }
  .dbq-fw-phase-sym { width: auto !important; font-size: 1rem !important; }
  .dbq-fw-eq-hero { font-size: 0.72rem !important; white-space: nowrap !important; overflow-x: auto !important; display: block !important; }
  .dbq-about-author-inner { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 16px !important; }
  .dbq-ct-grid { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 28px !important; }
  .dbq-ct-info { width: 100% !important; }
  .dbq-ct-row { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 14px !important; }
  .dbq-research-meta { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .dbq-rm-item { border-right: none !important; border-bottom: 1px solid var(--border) !important; }
  .dbq-rm-item:last-child { border-bottom: none !important; }
}


/* ═══════════════════════════════════════════════════════════════
   640px–767px — Tablet portrait / large phone landscape
═══════════════════════════════════════════════════════════════ */
@media (min-width: 640px) and (max-width: 767px) {

  html { font-size: 15.5px !important; }

  #dbq-header { height: 60px !important; }
  #dbq-header-inner { height: 60px !important; width: 100% !important; max-width: 100% !important; padding: 0 22px !important; }
  .dbq-nav-left, .dbq-nav-right { display: none !important; }
  #dbq-menu-toggle { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }
  #dbq-mobile-menu { top: 60px !important; }
  #dbq-progress { top: 60px !important; }

  #dbq-hero { padding: 82px 22px 56px !important; min-height: auto !important; }
  #dbq-hero-inner { width: 100% !important; -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 32px !important; }
  #dbq-hero-content { text-align: center !important; }
  #dbq-hero-content h1, #dbq-hero-inner h1 { font-size: clamp(2.4rem, 7.5vw, 3rem) !important; }
  .dbq-eyebrow { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
  .dbq-hero-subtitle { max-width: 460px !important; text-align: center !important; }
  .dbq-hero-actions { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
  #dbq-formula-panel { width: 100% !important; padding: 26px 22px !important; }
  .dbq-formula-eq { font-size: 0.8rem !important; white-space: nowrap !important; overflow-x: auto !important; display: block !important; }

  .dbq-container { width: 100% !important; padding-left: 22px !important; padding-right: 22px !important; }

  /* Categories: 3-col */
  .dbq-cats-grid { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .dbq-cat-card { width: 33.333% !important; -webkit-box-flex: none !important; -ms-flex: none !important; flex: none !important; border-bottom: 1px solid var(--border) !important; }
  .dbq-cat-card:nth-child(3n) { border-right: none !important; }
  .dbq-cat-card:nth-child(4), .dbq-cat-card:nth-child(5), .dbq-cat-card:nth-child(6) { border-bottom: none !important; }

  /* Not-cards: 2-col */
  .dbq-not-card { width: 50% !important; }
  .dbq-not-card:nth-child(3), .dbq-not-card:nth-child(4) { border-bottom: none !important; }

  /* Featured: stacked */
  .dbq-featured-post { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .dbq-featured-img { width: 100% !important; -webkit-box-flex: none !important; -ms-flex: none !important; flex: none !important; min-height: 230px !important; }
  .dbq-featured-img img { position: static !important; height: 230px !important; width: 100% !important; }
  .dbq-featured-placeholder { min-height: 230px !important; }
  .dbq-featured-body { padding: 28px 22px !important; }

  /* Research cards: 2-col */
  .dbq-research-grid { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .dbq-research-card { width: 50% !important; border-bottom: 1px solid var(--border) !important; }
  .dbq-research-card:nth-child(even) { border-right: none !important; }
  .dbq-research-card:last-child { border-bottom: none !important; }

  /* Hypothesis: stacked */
  .dbq-hyp-grid { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .dbq-hyp-panel { width: 100% !important; border-left: none !important; border-top: 1px solid var(--border) !important; }
  .dbq-h-eq { white-space: nowrap !important; overflow-x: auto !important; display: block !important; }

  /* Topics: 2-col */
  .dbq-topics-grid { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .dbq-topic-card { width: 50% !important; border-bottom: 1px solid var(--border) !important; }
  .dbq-topic-card:nth-child(odd) { border-right: 1px solid var(--border) !important; }
  .dbq-topic-card:nth-child(even) { border-right: none !important; }
  .dbq-topic-card:nth-child(5), .dbq-topic-card:nth-child(6) { border-bottom: none !important; }

  /* Newsletter */
  .dbq-nl-form { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 0 !important; }
  .dbq-nl-form input[type="email"] { font-size: 16px !important; }
  .dbq-nl-form button { width: 100% !important; }

  /* Footer */
  #dbq-footer { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; text-align: center !important; padding: 40px 22px 28px !important; gap: 28px !important; }
  .dbq-footer-col { text-align: center !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }

  /* Single post */
  .dbq-article-wrap { padding: 80px 22px 56px !important; max-width: 100% !important; }
  .dbq-post-title { font-size: clamp(1.6rem, 5.5vw, 2.2rem) !important; }
  .dbq-entry blockquote { margin-left: 0 !important; margin-right: 0 !important; }
  .dbq-post-nav { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; padding: 0 22px 44px !important; max-width: 100% !important; }
  .dbq-post-nav a { border-right: none !important; border-bottom: 1px solid var(--border) !important; }
  .dbq-related { padding: 0 22px 56px !important; max-width: 100% !important; }
  .dbq-related-grid { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .dbq-related-card { width: 50% !important; border-bottom: 1px solid var(--border) !important; }
  .dbq-comments { padding: 0 22px 56px !important; max-width: 100% !important; }

  /* Pages */
  .dbq-page-wrap { padding: 80px 22px 56px !important; }
  .dbq-archive, .dbq-archive-hero, .dbq-ri-hero, .dbq-fw-hero, .dbq-about-hero, .dbq-ct-hero { padding-top: 80px !important; }

  .dbq-archive-item { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 10px !important; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
  .dbq-ai-meta { -webkit-box-orient: horizontal !important; -ms-flex-direction: row !important; flex-direction: row !important; min-width: auto !important; }
  .dbq-ai-read { opacity: 1 !important; }

  .dbq-ri-hero-inner { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 28px !important; }
  .dbq-ri-hero-stat-col { width: 100% !important; }
  .dbq-ri-intro-inner { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .dbq-ri-intro-eq { writing-mode: horizontal-tb !important; -webkit-transform: none !important; transform: none !important; font-size: 0.68rem !important; white-space: nowrap !important; overflow-x: auto !important; display: block !important; }
  .dbq-ri-domains-grid { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .dbq-ri-domain { width: 100% !important; border-right: none !important; }
  .dbq-ri-status-grid { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 24px !important; }
  .dbq-ri-status-left { width: 100% !important; }
  .dbq-ri-ver-row { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 6px !important; }
  .dbq-ri-ver-left { width: auto !important; }

  .dbq-fw-phase { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 8px !important; }
  .dbq-fw-eq-hero { font-size: 0.76rem !important; white-space: nowrap !important; overflow-x: auto !important; display: block !important; }
  .dbq-about-author-inner { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 18px !important; }
  .dbq-ct-grid { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 28px !important; }
  .dbq-ct-info { width: 100% !important; }
  .dbq-ct-row { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; }
}


/* ═══════════════════════════════════════════════════════════════
   768px–1023px — Tablet landscape / iPad / small laptop
═══════════════════════════════════════════════════════════════ */
@media (min-width: 768px) and (max-width: 1023px) {

  html { font-size: 16px !important; }

  #dbq-header { height: 64px !important; }
  #dbq-header-inner { height: 64px !important; width: 94% !important; max-width: 100% !important; padding: 0 !important; }
  /* Show condensed nav */
  .dbq-nav-left, .dbq-nav-right { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; gap: 18px !important; }
  .dbq-nav-left a, .dbq-nav-right a { font-size: 9px !important; letter-spacing: 0.12em !important; }
  .dbq-logo { font-size: 12px !important; padding: 0 16px !important; }
  #dbq-menu-toggle { display: none !important; }
  #dbq-mobile-menu { top: 64px !important; }
  #dbq-progress { top: 64px !important; }

  #dbq-hero { padding: 98px 28px 60px !important; }
  #dbq-hero-inner { width: 96% !important; max-width: 100% !important; -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 36px !important; }
  #dbq-hero-content { text-align: center !important; }
  #dbq-hero-content h1, #dbq-hero-inner h1 { font-size: clamp(2.8rem, 5.5vw, 3.6rem) !important; }
  .dbq-eyebrow { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
  .dbq-hero-subtitle { max-width: 520px !important; text-align: center !important; }
  .dbq-hero-actions { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
  #dbq-formula-panel { width: 100% !important; max-width: 540px !important; padding: 30px 26px !important; }
  .dbq-hf-eq { font-size: clamp(0.9rem, 2.2vw, 1.25rem) !important; }

  .dbq-container { width: 94% !important; max-width: 920px !important; }

  /* Categories: 3-col */
  .dbq-cats-grid { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .dbq-cat-card { width: 33.333% !important; -webkit-box-flex: none !important; -ms-flex: none !important; flex: none !important; border-bottom: 1px solid var(--border) !important; }
  .dbq-cat-card:nth-child(3n) { border-right: none !important; }
  .dbq-cat-card:nth-child(4), .dbq-cat-card:nth-child(5), .dbq-cat-card:nth-child(6) { border-bottom: none !important; }

  /* Not-cards: 2-col */
  .dbq-not-card { width: 50% !important; }

  /* Featured: stacked */
  .dbq-featured-post { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .dbq-featured-img { width: 100% !important; -webkit-box-flex: none !important; -ms-flex: none !important; flex: none !important; min-height: 260px !important; }
  .dbq-featured-img img { position: static !important; height: 260px !important; width: 100% !important; }
  .dbq-featured-placeholder { min-height: 260px !important; }
  .dbq-featured-body { padding: 30px 28px !important; }

  /* Research cards: stacked */
  .dbq-research-grid { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .dbq-research-card { width: 50% !important; border-bottom: 1px solid var(--border) !important; }
  .dbq-research-card:nth-child(even) { border-right: none !important; }

  /* Hypothesis: stacked */
  .dbq-hyp-grid { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .dbq-hyp-content { padding: 32px 28px !important; }
  .dbq-hyp-panel { width: 100% !important; border-left: none !important; border-top: 1px solid var(--border) !important; padding: 30px 28px !important; }
  .dbq-h-eq { white-space: nowrap !important; overflow-x: auto !important; display: block !important; }

  /* Topics: 3-col */
  .dbq-topic-card { width: 33.333% !important; }

  /* Newsletter */
  .dbq-nl-inner { padding: 0 36px !important; }

  /* Footer */
  #dbq-footer { padding: 40px 4% 28px !important; gap: 24px !important; }

  /* Single post */
  .dbq-article-wrap { padding: 96px 28px 64px !important; max-width: 840px !important; }
  .dbq-post-title { font-size: clamp(1.7rem, 4.5vw, 2.4rem) !important; }
  .dbq-entry blockquote { margin-left: -14px !important; margin-right: -14px !important; }
  .dbq-post-nav { max-width: 840px !important; padding: 0 28px 44px !important; }
  .dbq-related { max-width: 840px !important; padding: 0 28px 60px !important; }
  .dbq-related-grid { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .dbq-related-card { width: 50% !important; border-bottom: 1px solid var(--border) !important; }
  .dbq-comments { max-width: 840px !important; padding: 0 28px 60px !important; }

  /* Pages */
  .dbq-page-wrap { padding: 96px 28px 64px !important; }
  .dbq-archive, .dbq-archive-hero { padding-top: 96px !important; }
  .dbq-ri-hero { padding-top: 96px !important; }
  .dbq-fw-hero, .dbq-about-hero, .dbq-ct-hero { padding-top: 96px !important; }

  /* Archive list */
  .dbq-archive-item { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 10px !important; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
  .dbq-ai-meta { -webkit-box-orient: horizontal !important; -ms-flex-direction: row !important; flex-direction: row !important; min-width: auto !important; }
  .dbq-ai-read { opacity: 1 !important; }

  /* Research index */
  .dbq-ri-hero-inner { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 32px !important; }
  .dbq-ri-hero-stat-col { width: 100% !important; }
  .dbq-ri-intro-inner { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 16px !important; }
  .dbq-ri-intro-eq { writing-mode: horizontal-tb !important; -webkit-transform: none !important; transform: none !important; font-size: 0.7rem !important; white-space: nowrap !important; overflow-x: auto !important; display: block !important; }
  .dbq-ri-domains-grid { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .dbq-ri-domain { width: 50% !important; }
  .dbq-ri-domain:nth-child(odd) { border-right: 1px solid var(--border) !important; }
  .dbq-ri-domain:nth-child(even) { border-right: none !important; }
  .dbq-ri-domain:nth-child(3n) { border-right: 1px solid var(--border) !important; }
  .dbq-ri-status-grid { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 24px !important; }
  .dbq-ri-status-left { width: 100% !important; }
  .dbq-ri-ver-row { gap: 14px !important; }
  .dbq-ri-ver-left { width: 180px !important; }

  /* Framework/About/Contact */
  .dbq-fw-phase { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 8px !important; padding: 22px 20px !important; }
  .dbq-fw-phase-sym { width: auto !important; }
  .dbq-about-author-inner { gap: 22px !important; }
  .dbq-ct-grid { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 32px !important; }
  .dbq-ct-info { width: 100% !important; }
  .dbq-ct-form-inner { padding: 28px 22px !important; }
  .dbq-research-meta { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .dbq-rm-item { min-width: 140px !important; }
}


/* ═══════════════════════════════════════════════════════════════
   1024px–1279px — Small laptop / 768p display
═══════════════════════════════════════════════════════════════ */
@media (min-width: 1024px) and (max-width: 1279px) {

  html { font-size: 16px !important; }
  body { font-size: 17px !important; }

  .dbq-nav-left, .dbq-nav-right { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; gap: 22px !important; }
  .dbq-nav-left a, .dbq-nav-right a { font-size: 9.5px !important; }
  .dbq-logo { font-size: 13px !important; }
  #dbq-menu-toggle { display: none !important; }

  #dbq-hero { padding-top: 108px !important; padding-bottom: 68px !important; }
  #dbq-hero-inner { max-width: 840px !important; }
  #dbq-hero-content h1, #dbq-hero-inner h1 { font-size: clamp(3rem, 5.5vw, 4.2rem) !important; }
  #dbq-hero-formula { max-width: 760px !important; }
  .dbq-hf-eq { font-size: clamp(1.05rem, 2.2vw, 1.7rem) !important; }
  #dbq-formula-panel { width: 340px !important; }

  .dbq-container { width: 92% !important; max-width: 1160px !important; }

  .dbq-article-wrap { max-width: 920px !important; padding: 108px 40px 72px !important; }
  .dbq-post-nav { max-width: 920px !important; padding: 0 40px 44px !important; }
  .dbq-related { max-width: 920px !important; padding: 0 40px 64px !important; }
  .dbq-comments { max-width: 920px !important; padding: 0 40px 72px !important; }
}


/* ═══════════════════════════════════════════════════════════════
   1280px–1535px — Standard desktop 1080p / 1440p
═══════════════════════════════════════════════════════════════ */
@media (min-width: 1280px) and (max-width: 1535px) {

  html { font-size: 17px !important; }

  #dbq-header { height: 70px !important; }
  #dbq-header-inner { height: 70px !important; max-width: 1260px !important; width: 90% !important; }
  .dbq-nav-left a, .dbq-nav-right a { font-size: 10px !important; }
  .dbq-nav-left, .dbq-nav-right { gap: 28px !important; }
  .dbq-logo { font-size: 13.5px !important; }
  #dbq-menu-toggle { display: none !important; }
  #dbq-progress { top: 70px !important; }

  #dbq-hero-content h1, #dbq-hero-inner h1 { font-size: clamp(3.8rem, 5vw, 5.5rem) !important; }
  .dbq-hero-subtitle { max-width: 500px !important; }
  #dbq-hero-formula { max-width: 820px !important; }
  .dbq-hf-eq { font-size: clamp(1.2rem, 2vw, 2rem) !important; }

  .dbq-container { width: 90% !important; max-width: 1340px !important; }

  .dbq-article-wrap { max-width: 980px !important; padding: 120px 48px 80px !important; }
  .dbq-post-nav { max-width: 980px !important; }
  .dbq-related { max-width: 980px !important; }
  .dbq-comments { max-width: 980px !important; }
}


/* ═══════════════════════════════════════════════════════════════
   1536px–2559px — Large desktop / 2K QHD
═══════════════════════════════════════════════════════════════ */
@media (min-width: 1536px) and (max-width: 2559px) {

  html { font-size: 18px !important; }
  body { font-size: 19px !important; }

  #dbq-header { height: 76px !important; }
  #dbq-header-inner { height: 76px !important; max-width: 1560px !important; width: 88% !important; }
  .dbq-nav-left, .dbq-nav-right { gap: 36px !important; }
  .dbq-nav-left a, .dbq-nav-right a { font-size: 11px !important; }
  .dbq-logo { font-size: 15px !important; }
  #dbq-menu-toggle { display: none !important; }
  #dbq-progress { top: 76px !important; }

  #dbq-hero { padding-top: 136px !important; padding-bottom: 96px !important; }
  #dbq-hero-inner { max-width: 1060px !important; }
  #dbq-hero-content h1, #dbq-hero-inner h1 { font-size: clamp(5rem, 5.5vw, 7rem) !important; }
  .dbq-hero-subtitle { max-width: 600px !important; font-size: 1.12rem !important; }
  #dbq-hero-formula { max-width: 920px !important; padding: 46px 52px 42px !important; }
  .dbq-hf-eq { font-size: clamp(1.55rem, 2vw, 2.35rem) !important; margin-bottom: 42px !important; padding-bottom: 36px !important; }
  .dbq-hf-node { padding: 8px 18px !important; }
  .dbq-hf-sym { font-size: 0.94rem !important; }
  .dbq-hf-nl { font-size: 0.88rem !important; }
  .dbq-hero-actions { gap: 16px !important; }
  #dbq-formula-panel { width: 420px !important; }

  .dbq-container { width: 88% !important; max-width: 1640px !important; }

  .dbq-article-wrap { max-width: 1080px !important; padding: 136px 56px 88px !important; }
  .dbq-post-title { font-size: clamp(2rem, 3.8vw, 3.6rem) !important; }
  .dbq-post-nav { max-width: 1080px !important; padding: 0 56px 52px !important; }
  .dbq-related { max-width: 1080px !important; }
  .dbq-comments { max-width: 1080px !important; padding: 0 56px 88px !important; }
  .dbq-entry { font-size: 1.12rem !important; line-height: 1.88 !important; }
  .dbq-entry h3 { font-size: 1.45rem !important; }

  #dbq-quote { padding-top: 100px !important; padding-bottom: 100px !important; }
  .dbq-quote-text { font-size: clamp(1.5rem, 2vw, 2.1rem) !important; }
  #dbq-newsletter { padding-top: 100px !important; padding-bottom: 100px !important; }
  #dbq-newsletter h2 { font-size: clamp(1.9rem, 2.8vw, 2.7rem) !important; }

  #dbq-footer { padding: 52px 6% 36px !important; }
}


/* ═══════════════════════════════════════════════════════════════
   2560px+ — 4K / Ultra-wide
═══════════════════════════════════════════════════════════════ */
@media (min-width: 2560px) {

  html { font-size: 22px !important; }
  body { font-size: 23px !important; }

  #dbq-header { height: 90px !important; }
  #dbq-header-inner { height: 90px !important; max-width: 2400px !important; width: 86% !important; }
  .dbq-nav-left, .dbq-nav-right { gap: 52px !important; }
  .dbq-nav-left a, .dbq-nav-right a { font-size: 13px !important; }
  .dbq-logo { font-size: 18px !important; padding: 0 36px !important; }
  #dbq-menu-toggle { display: none !important; }
  #dbq-progress { top: 90px !important; }

  #dbq-hero { padding-top: 160px !important; padding-bottom: 120px !important; }
  #dbq-hero-inner { max-width: 1600px !important; }
  #dbq-hero-content h1, #dbq-hero-inner h1 { font-size: clamp(6.5rem, 5vw, 9.5rem) !important; }
  .dbq-hero-subtitle { max-width: 800px !important; font-size: 1.25rem !important; }
  #dbq-hero-formula { max-width: 1300px !important; padding: 60px 72px 56px !important; }
  .dbq-hf-eq { font-size: clamp(2rem, 2.2vw, 3rem) !important; margin-bottom: 52px !important; }
  .dbq-hf-node { padding: 10px 24px !important; }
  .dbq-hf-sym { font-size: 1.1rem !important; }
  .dbq-hf-nl { font-size: 1rem !important; }
  .dbq-hero-actions { gap: 22px !important; }
  #dbq-formula-panel { width: 500px !important; padding: 44px 40px !important; }

  .dbq-container { width: 82% !important; max-width: 2600px !important; }
  #dbq-header-inner { max-width: 2400px !important; }

  .dbq-btn { font-size: 14px !important; padding: 18px 40px !important; letter-spacing: 0.22em !important; }
  .dbq-cat-icon { font-size: 30px !important; }
  .dbq-cat-name { font-size: 12px !important; }
  .dbq-section-label { font-size: 10px !important; }

  .dbq-article-wrap { max-width: 1460px !important; padding: 160px 80px 110px !important; }
  .dbq-post-title { font-size: clamp(3rem, 4.5vw, 5.2rem) !important; }
  .dbq-post-nav { max-width: 1460px !important; padding: 0 80px 72px !important; }
  .dbq-related { max-width: 1460px !important; padding: 0 80px 80px !important; }
  .dbq-comments { max-width: 1460px !important; padding: 0 80px 110px !important; }
  .dbq-entry { font-size: 1.28rem !important; line-height: 2 !important; }
  .dbq-entry h2 { font-size: 1rem !important; }
  .dbq-entry h3 { font-size: 1.7rem !important; }

  .dbq-page-wrap { max-width: 1460px !important; padding: 160px 80px 110px !important; }

  #dbq-quote { padding-top: 140px !important; padding-bottom: 140px !important; }
  .dbq-qmark { font-size: 10rem !important; }
  .dbq-quote-text { font-size: clamp(1.8rem, 2vw, 2.6rem) !important; }
  .dbq-quote-inner { max-width: 1100px !important; }

  #dbq-newsletter { padding-top: 140px !important; padding-bottom: 140px !important; }
  .dbq-nl-inner { max-width: 800px !important; }
  #dbq-newsletter h2 { font-size: clamp(2.4rem, 3vw, 3.5rem) !important; }
  .dbq-nl-form input[type="email"] { font-size: 1.1rem !important; padding: 18px 22px !important; }
  .dbq-nl-form button { font-size: 13px !important; padding: 18px 34px !important; }

  #dbq-footer { padding: 64px 9% 48px !important; }
  .dbq-footer-col a, .dbq-footer-links a { font-size: 13px !important; }
  .dbq-footer-logo { font-size: 16px !important; }
  .dbq-footer-formula { font-size: 13px !important; }
  .dbq-footer-copy { font-size: 12px !important; }

  .dbq-ri-title { font-size: clamp(3rem, 4vw, 5.5rem) !important; }
  .dbq-ri-stat-num { font-size: 2.2rem !important; }
  .dbq-fw-title, .dbq-about-title, .dbq-ct-title, .dbq-archive-title { font-size: clamp(2.5rem, 4vw, 5rem) !important; }
}


/* ═══════════════════════════════════════════════════════════════
   Touch devices — disable sticky :hover states
═══════════════════════════════════════════════════════════════ */
@media (hover: none) {
  .dbq-cat-card:hover,
  .dbq-not-card:hover,
  .dbq-research-card:hover,
  .dbq-topic-card:hover,
  .dbq-related-card:hover,
  .dbq-archive-item:hover,
  .dbq-ri-paper:hover,
  .dbq-ri-domain:hover,
  .dbq-fw-phase:hover,
  .dbq-ct-card:hover,
  .dbq-ct-faq-q:hover,
  .dbq-hf-node:hover { background: var(--bg) !important; }

  .dbq-cat-card:hover::after { -webkit-transform: scaleX(0) !important; transform: scaleX(0) !important; }
  .dbq-ri-paper:hover::before { -webkit-transform: scaleY(0) !important; transform: scaleY(0) !important; }
  .dbq-featured-img:hover img { -webkit-transform: none !important; transform: none !important; filter: brightness(0.75) saturate(0.6) !important; }
  .dbq-btn:hover { -webkit-transform: none !important; transform: none !important; }
}


/* ═══════════════════════════════════════════════════════════════
   Print
═══════════════════════════════════════════════════════════════ */
@media print {
  #dbq-header, #dbq-footer, #star-canvas, #dbq-scroll-hint,
  #dbq-progress, #dbq-marquee, #dbq-newsletter,
  .dbq-hero-actions, .dbq-post-nav, .dbq-related,
  .dbq-author-bar, .dbq-ct-faq, .dbq-ri-cta { display: none !important; }

  body { background: #fff !important; color: #111 !important; font-size: 11pt !important; }
  .dbq-article-wrap { max-width: 100% !important; padding: 0 !important; }
  .dbq-post-title { color: #111 !important; font-size: 22pt !important; }
  .dbq-entry { color: #222 !important; font-size: 10.5pt !important; }
  .dbq-entry a { color: #111 !important; border: none !important; }
  .dbq-entry blockquote { border-top: 1px solid #ccc !important; border-bottom: 1px solid #ccc !important; margin-left: 0 !important; margin-right: 0 !important; }
  #dbq-hero { min-height: auto !important; padding: 20pt 0 !important; }
}

/* =====================================================
   FRAMEWORK PAGE — v2.0 (6-section academic layout)
===================================================== */

/* ── Hero additions ── */
.dbq-fw-equation-note {
  max-width: 680px !important;
  margin: 0 auto !important;
  margin-top: 32px !important;
  padding: 24px 32px !important;
  border: 1px solid var(--border) !important;
  border-left: 3px solid var(--blue-dim) !important;
  background: var(--blue-faint) !important;
  text-align: left !important;
}
.dbq-fw-equation-note p {
  font-family: var(--font-serif) !important;
  font-style: italic !important;
  font-size: 0.96rem !important;
  color: var(--text-muted) !important;
  line-height: 1.75 !important;
  margin: 0 !important;
}
.dbq-fw-equation-note strong { color: var(--blue) !important; font-style: normal !important; }

.dbq-fw-hero-meta {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  border: 1px solid var(--border) !important;
  margin-top: 36px !important;
  max-width: 680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: hidden !important;
}
.dbq-fw-meta-item {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
  min-width: 140px !important;
  padding: 16px 22px !important;
  border-right: 1px solid var(--border) !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  gap: 5px !important;
}
.dbq-fw-meta-item:last-child { border-right: none !important; }
.dbq-fw-meta-label {
  font-family: var(--font-mono) !important;
  font-size: 7.5px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--text-faint) !important;
  display: block !important;
}
.dbq-fw-meta-value {
  font-family: var(--font-sans) !important;
  font-size: 10px !important;
  letter-spacing: 0.08em !important;
  color: var(--text) !important;
  display: block !important;
}

/* ── Section head (shared) ── */
.dbq-fw-section-head {
  margin-bottom: 48px !important;
  max-width: 600px !important;
}
.dbq-fw-section-head h2 {
  font-family: var(--font-serif) !important;
  font-weight: 300 !important;
  font-size: clamp(1.5rem, 2.8vw, 2.2rem) !important;
  color: #e8eef8 !important;
  line-height: 1.2 !important;
  margin-top: 10px !important;
  margin-bottom: 14px !important;
}
.dbq-fw-section-head p {
  font-family: var(--font-serif) !important;
  font-style: italic !important;
  font-size: 0.92rem !important;
  color: var(--text-muted) !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

/* ── Sections spacing ── */
.dbq-fw-defs, .dbq-fw-props, .dbq-fw-diagram,
.dbq-fw-bounds, .dbq-fw-fields, .dbq-fw-content {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
  border-top: 1px solid var(--border) !important;
}

/* ── Formal Definitions Grid ── */
.dbq-fw-defs-grid {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  border: 1px solid var(--border) !important;
  overflow: hidden !important;
}
.dbq-fw-def-card {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 0 !important;
  border-bottom: 1px solid var(--border) !important;
  background: var(--bg) !important;
  -webkit-transition: background 0.22s !important;
  transition: background 0.22s !important;
}
.dbq-fw-def-card:last-child { border-bottom: none !important; }
.dbq-fw-def-card:hover { background: var(--bg2) !important; }
.dbq-fw-def-left {
  width: 120px !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  border-right: 1px solid var(--border) !important;
  padding: 28px 20px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: rgba(110,168,254,0.03) !important;
}
.dbq-fw-def-sym {
  font-family: var(--font-mono) !important;
  font-size: 1.5rem !important;
  color: var(--blue) !important;
  line-height: 1 !important;
  display: block !important;
  text-shadow: 0 0 20px rgba(110,168,254,0.3) !important;
}
.dbq-fw-def-type {
  font-family: var(--font-mono) !important;
  font-size: 7px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--text-faint) !important;
  text-align: center !important;
  line-height: 1.4 !important;
}
.dbq-fw-def-right {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
  padding: 26px 28px !important;
}
.dbq-fw-def-name {
  font-family: var(--font-sans) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--text) !important;
  margin-bottom: 10px !important;
}
.dbq-fw-def-text {
  font-family: var(--font-serif) !important;
  font-size: 0.92rem !important;
  color: #8fa8c4 !important;
  line-height: 1.72 !important;
  margin-bottom: 12px !important;
}
.dbq-fw-def-cond {
  font-family: var(--font-mono) !important;
  font-size: 0.75rem !important;
  color: var(--text-faint) !important;
  border-top: 1px solid var(--border) !important;
  padding-top: 10px !important;
  margin: 0 !important;
}
.dbq-fw-def-cond span {
  color: var(--gold) !important;
  font-size: 7.5px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin-right: 4px !important;
}

/* ── Structural Properties ── */
.dbq-fw-props-grid {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 64px !important;
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.dbq-fw-props-left {
  width: 260px !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 90px !important;
}
.dbq-fw-props-left h2 {
  font-family: var(--font-serif) !important;
  font-weight: 300 !important;
  font-size: clamp(1.3rem, 2.5vw, 1.9rem) !important;
  color: #e8eef8 !important;
  margin-top: 10px !important;
  margin-bottom: 14px !important;
  line-height: 1.2 !important;
}
.dbq-fw-props-left p {
  font-family: var(--font-serif) !important;
  font-style: italic !important;
  font-size: 0.88rem !important;
  color: var(--text-muted) !important;
  line-height: 1.7 !important;
}
.dbq-fw-props-right {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
  border: 1px solid var(--border) !important;
  overflow: hidden !important;
}
.dbq-fw-prop {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 0 !important;
  border-bottom: 1px solid var(--border) !important;
  -webkit-transition: background 0.22s !important;
  transition: background 0.22s !important;
}
.dbq-fw-prop:last-child { border-bottom: none !important; }
.dbq-fw-prop:hover { background: var(--bg2) !important; }
.dbq-fw-prop-num {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  letter-spacing: 0.1em !important;
  color: var(--gold) !important;
  width: 60px !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  border-right: 1px solid var(--border) !important;
  padding: 22px 16px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  background: rgba(201,168,76,0.03) !important;
}
.dbq-fw-prop-body { padding: 20px 24px !important; }
.dbq-fw-prop-name {
  font-family: var(--font-sans) !important;
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--text) !important;
  margin-bottom: 8px !important;
}
.dbq-fw-prop-desc {
  font-family: var(--font-serif) !important;
  font-size: 0.9rem !important;
  color: #8fa8c4 !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

/* ── Recursion Diagram ── */
.dbq-fw-diagram-wrap {
  border: 1px solid var(--border) !important;
  overflow: hidden !important;
  background: rgba(7,16,30,0.5) !important;
}
.dbq-fw-svg {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
}
.dbq-fw-diagram-caption {
  font-family: var(--font-mono) !important;
  font-size: 0.72rem !important;
  color: var(--text-faint) !important;
  line-height: 1.65 !important;
  padding: 18px 24px !important;
  border-top: 1px solid var(--border) !important;
  margin: 0 !important;
  letter-spacing: 0.02em !important;
}

/* ── Boundary Conditions ── */
.dbq-fw-bounds-grid {
  border: 1px solid var(--border) !important;
  overflow: hidden !important;
}
.dbq-fw-bound {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 0 !important;
  border-bottom: 1px solid var(--border) !important;
  -webkit-transition: background 0.22s !important;
  transition: background 0.22s !important;
}
.dbq-fw-bound:last-child { border-bottom: none !important; }
.dbq-fw-bound:hover { background: var(--bg2) !important; }
.dbq-fw-bound-id {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  letter-spacing: 0.12em !important;
  color: var(--blue) !important;
  width: 72px !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  border-right: 1px solid var(--border) !important;
  padding: 22px 16px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  background: rgba(110,168,254,0.03) !important;
}
.dbq-fw-bound-body { padding: 22px 28px !important; }
.dbq-fw-bound-cond {
  font-family: var(--font-mono) !important;
  font-size: 0.8rem !important;
  color: #c8d8ee !important;
  margin-bottom: 10px !important;
  letter-spacing: 0.02em !important;
}
.dbq-fw-bound-exp {
  font-family: var(--font-serif) !important;
  font-style: italic !important;
  font-size: 0.88rem !important;
  color: var(--text-muted) !important;
  line-height: 1.72 !important;
  margin: 0 !important;
}

/* ── Related Fields Grid ── */
.dbq-fw-fields-grid {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  border: 1px solid var(--border) !important;
  overflow: hidden !important;
}
.dbq-fw-field-card {
  width: 33.333% !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  padding: 28px 26px !important;
  border-right: 1px solid var(--border) !important;
  border-bottom: 1px solid var(--border) !important;
  background: var(--bg) !important;
  -webkit-transition: background 0.22s !important;
  transition: background 0.22s !important;
}
.dbq-fw-field-card:nth-child(3n) { border-right: none !important; }
.dbq-fw-field-card:nth-child(4),
.dbq-fw-field-card:nth-child(5),
.dbq-fw-field-card:nth-child(6) { border-bottom: none !important; }
.dbq-fw-field-card:hover { background: var(--bg2) !important; }
.dbq-fw-field-head {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  gap: 5px !important;
  margin-bottom: 14px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid var(--border) !important;
}
.dbq-fw-field-name {
  font-family: var(--font-sans) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--text) !important;
}
.dbq-fw-field-fig {
  font-family: var(--font-mono) !important;
  font-size: 0.7rem !important;
  color: var(--gold) !important;
  opacity: 0.7 !important;
  letter-spacing: 0.04em !important;
}
.dbq-fw-field-rel {
  font-family: var(--font-serif) !important;
  font-style: italic !important;
  font-size: 0.86rem !important;
  color: var(--text-muted) !important;
  line-height: 1.72 !important;
  margin: 0 !important;
}

/* ── CTA ── */
.dbq-fw-cta {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
  border-top: 1px solid var(--border) !important;
}
.dbq-fw-cta-inner {
  text-align: center !important;
  max-width: 640px !important;
  margin: 0 auto !important;
}
.dbq-fw-cta-eq {
  font-family: var(--font-mono) !important;
  font-size: 0.75rem !important;
  color: rgba(110,168,254,0.2) !important;
  letter-spacing: 0.04em !important;
  display: block !important;
  margin-bottom: 28px !important;
}
.dbq-fw-cta-inner h2 {
  font-family: var(--font-serif) !important;
  font-weight: 300 !important;
  font-size: clamp(1.5rem, 2.8vw, 2.2rem) !important;
  color: #e8eef8 !important;
  margin-bottom: 14px !important;
}
.dbq-fw-cta-inner p {
  font-family: var(--font-serif) !important;
  font-style: italic !important;
  font-size: 0.92rem !important;
  color: var(--text-muted) !important;
  margin-bottom: 32px !important;
  line-height: 1.7 !important;
}
.dbq-fw-cta-btns {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 14px !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

/* ── Framework Responsive ── */
@media (max-width: 1023px) {
  .dbq-fw-props-grid { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 36px !important; }
  .dbq-fw-props-left { width: 100% !important; position: static !important; }
  .dbq-fw-fields-grid .dbq-fw-field-card { width: 50% !important; }
  .dbq-fw-fields-grid .dbq-fw-field-card:nth-child(3n) { border-right: 1px solid var(--border) !important; }
  .dbq-fw-fields-grid .dbq-fw-field-card:nth-child(even) { border-right: none !important; }
  .dbq-fw-fields-grid .dbq-fw-field-card:nth-child(4),
  .dbq-fw-fields-grid .dbq-fw-field-card:nth-child(5) { border-bottom: 1px solid var(--border) !important; }
  .dbq-fw-fields-grid .dbq-fw-field-card:nth-child(5),
  .dbq-fw-fields-grid .dbq-fw-field-card:nth-child(6) { border-bottom: none !important; }
}
@media (max-width: 767px) {
  .dbq-fw-defs, .dbq-fw-props, .dbq-fw-diagram,
  .dbq-fw-bounds, .dbq-fw-fields, .dbq-fw-content { padding-top: 48px !important; padding-bottom: 48px !important; }
  .dbq-fw-section-head { margin-bottom: 32px !important; }
  .dbq-fw-def-left { width: 72px !important; padding: 18px 10px !important; }
  .dbq-fw-def-sym { font-size: 1.1rem !important; }
  .dbq-fw-def-type { font-size: 6px !important; }
  .dbq-fw-def-right { padding: 18px 16px !important; }
  .dbq-fw-def-name { font-size: 0.7rem !important; }
  .dbq-fw-def-text { font-size: 0.85rem !important; }
  .dbq-fw-fields-grid .dbq-fw-field-card { width: 100% !important; border-right: none !important; }
  .dbq-fw-fields-grid .dbq-fw-field-card:nth-child(n) { border-bottom: 1px solid var(--border) !important; border-right: none !important; }
  .dbq-fw-fields-grid .dbq-fw-field-card:last-child { border-bottom: none !important; }
  .dbq-fw-equation-note { padding: 18px 16px !important; }
  .dbq-fw-hero-meta .dbq-fw-meta-item { min-width: 120px !important; padding: 14px 14px !important; }
  .dbq-fw-bound-body { padding: 16px 16px !important; }
  .dbq-fw-bound-id { width: 56px !important; font-size: 8px !important; }
  .dbq-fw-prop-num { width: 48px !important; font-size: 8px !important; }
  .dbq-fw-prop-body { padding: 16px 16px !important; }
  .dbq-fw-cta-btns { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }
  .dbq-fw-cta-btns .dbq-btn { width: 100% !important; text-align: center !important; }
}