:root {
  --dark:    #0b0d18;
  --dark-2:  #111520;
  --dark-3:  #181e35;
  --dark-4:  #1e2540;
  --purple:  #7c3aed;
  --purple-h:#6d28d9;
  --purple-d:rgba(124,58,237,.12);
  --purple-b:rgba(124,58,237,.30);
  --purple-l:#a78bfa;
  --green:   #22c55e;
  --green-d: #16a34a;
  --green-bg:rgba(34,197,94,.10);
  --green-b: rgba(34,197,94,.28);
  --red:     #ef4444;
  --red-bg:  rgba(239,68,68,.09);
  --g50:     #f9fafb;
  --g100:    #f3f4f6;
  --g200:    #e5e7eb;
  --g300:    #d1d5db;
  --g400:    #9ca3af;
  --g500:    #6b7280;
  --g700:    #374151;
  --g900:    #111827;
  --ld:  rgba(255,255,255,.08);
  --td:  rgba(255,255,255,.55);
  --ts:  rgba(255,255,255,.80);
  --sh: 0 4px 20px rgba(0,0,0,.12);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html, body { max-width: 100%; overflow-x: hidden; }
body {
  margin: 0; background: var(--dark);
  color: var(--g900); letter-spacing: 0;
}
body.rtl { direction: rtl; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }

.shell { width: min(1200px, calc(100% - 40px)); margin: 0 auto; }

/* ━━ NAV ━━ */
.nav {
  min-height: 66px;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  border-bottom: 1px solid var(--ld);
}
.brand { display: inline-flex; align-items: center; gap: 9px; font-size: 17px; font-weight: 900; color: #fff; }
.mark {
  width: 34px; height: 34px; border-radius: 8px;
  display: inline-flex; flex: 0 0 auto;
  background: url('assets/usagequote-mark-64.png') center / contain no-repeat;
  color: transparent; font-size: 0; line-height: 0;
}
.mark::before { content: none; }
.nav-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pill {
  min-height: 32px; border: 1px solid rgba(255,255,255,.15); border-radius: 999px;
  background: transparent; color: var(--ts); padding: 5px 13px;
  display: inline-flex; align-items: center; font-size: 13px; font-weight: 650;
  white-space: nowrap; cursor: pointer; transition: border-color .15s, color .15s;
}
.pill:hover { border-color: var(--purple-b); color: var(--purple-l); }

/* ━━ TOOL HERO ━━ */
.tool-hero {
  padding: 30px 0 22px;
  border-bottom: 1px solid var(--ld);
}
.tool-badge {
  display: inline-flex; align-items: center; height: 24px;
  border: 1px solid var(--purple-b); border-radius: 999px;
  background: var(--purple-d); color: var(--purple-l);
  padding: 0 11px; font-size: 11px; font-weight: 800;
  margin-bottom: 10px;
}
.tool-headline {
  margin: 0 0 8px;
  font-size: clamp(24px, 3.5vw, 40px); line-height: 1.05; font-weight: 900; color: #fff;
}
.tool-sub {
  margin: 0 0 10px;
  color: var(--td); font-size: 15px; line-height: 1.5; max-width: 660px;
}
.tool-notice {
  margin: 0; font-size: 12px; color: rgba(255,255,255,.30); line-height: 1.4; max-width: 680px;
}

/* ━━ WORKBENCH ━━ */
.workbench {
  display: grid;
  grid-template-columns: 380px 1fr;
  gap: 16px;
  padding: 18px 0 44px;
  align-items: start;
}

/* ━━ INPUT PANEL ━━ */
.input-panel {
  background: #fff;
  border-radius: 18px;
  border: 1px solid var(--g200);
  box-shadow: var(--sh);
  overflow: hidden;
  display: block; /* form element */
}
.panel-hd {
  padding: 14px 18px;
  border-bottom: 1px solid var(--g100);
  display: flex; align-items: center; gap: 9px;
  background: var(--g50);
}
.panel-hd-icon {
  width: 30px; height: 30px; border-radius: 8px;
  background: var(--purple-d); display: grid; place-items: center; font-size: 15px;
}
.panel-hd h2 { margin: 0; font-size: 15px; font-weight: 800; color: var(--g900); }

/* Base fields: currency + fee */
.base-row {
  display: grid; grid-template-columns: .9fr 1.35fr; gap: 10px;
  padding: 14px 18px; border-bottom: 1px solid var(--g100); background: var(--g50);
}
.base-field:nth-child(3) { grid-column: 1 / -1; }
.base-field label { display: grid; gap: 5px; font-size: 11px; font-weight: 750; color: var(--g500); text-transform: uppercase; letter-spacing: .05em; }
.base-field select,
.base-field input {
  width: 100%;
  min-height: 40px; border: 1px solid var(--g200); border-radius: 9px;
  padding: 8px 11px; background: #fff; color: var(--g900);
  font-size: 14px; font-weight: 700;
}
.base-field select:focus,
.base-field input:focus { outline: 2px solid var(--purple); outline-offset: -1px; border-color: transparent; }

/* Field sections */
.f-section { padding: 12px 18px; }
.f-section + .f-section { border-top: 1px solid var(--g100); }
.f-section-label {
  font-size: 10px; font-weight: 850; text-transform: uppercase;
  letter-spacing: .08em; color: var(--g400); margin-bottom: 8px;
}

/* Individual field rows */
.f-row {
  display: flex; align-items: flex-start; gap: 10px;
  padding: 9px 0;
  transition: opacity .2s;
}
.f-row + .f-row { border-top: 1px solid var(--g100); }
.f-row.row-off { opacity: .45; }
.f-row.row-locked { opacity: .5; }
.f-row.row-locked .tgl,
.f-row.row-locked select,
.f-row.row-locked input {
  pointer-events: none;
}

.f-icon {
  width: 30px; height: 30px; border-radius: 8px;
  display: grid; place-items: center; font-size: 14px;
  flex-shrink: 0; margin-top: 1px;
}
.f-icon.purple { background: var(--purple-d); }
.f-icon.green  { background: var(--green-bg); }
.f-icon.orange { background: rgba(249,115,22,.10); }

.f-body { flex: 1; min-width: 0; display: grid; gap: 6px; }
.f-hd { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.f-name { font-size: 13px; font-weight: 800; color: var(--g900); }
.f-hint { font-size: 11px; color: var(--g400); line-height: 1.3; }

/* Duration select shown inside toggle-enabled rows */
.dur-sel {
  width: 100%; min-height: 34px;
  border: 1px solid var(--g200); border-radius: 8px;
  padding: 6px 10px; background: var(--g50); color: var(--g900);
  font-size: 13px; font-weight: 700;
}
.dur-sel:focus { outline: 2px solid var(--purple); outline-offset: -1px; border-color: transparent; }

/* Scope selects (territory, platforms) — full width */
.scope-sel {
  width: 100%; min-height: 34px;
  border: 1px solid var(--g200); border-radius: 8px;
  padding: 6px 10px; background: var(--g50); color: var(--g900);
  font-size: 13px; font-weight: 700;
}
.scope-sel:focus { outline: 2px solid var(--purple); outline-offset: -1px; border-color: transparent; }

/* Hidden selects (yes/no controlled by toggle) */
.sr-only {
  position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0,0,0,0); border: 0;
}

/* ━━ TOGGLE SWITCH ━━ */
.tgl {
  position: relative; display: inline-block;
  width: 40px; height: 22px; flex-shrink: 0; cursor: pointer;
}
.tgl input { opacity: 0; width: 0; height: 0; position: absolute; }
.tgl-track {
  position: absolute; inset: 0; border-radius: 11px;
  background: var(--g300); transition: background .2s;
}
.tgl-track::before {
  content: ''; position: absolute;
  left: 3px; top: 3px; width: 16px; height: 16px;
  border-radius: 50%; background: #fff;
  box-shadow: 0 1px 4px rgba(0,0,0,.25); transition: transform .2s;
}
.tgl input:checked + .tgl-track { background: var(--purple); }
.tgl input:checked + .tgl-track::before { transform: translateX(18px); }

/* Notes */
.notes-wrap { padding: 12px 18px; border-top: 1px solid var(--g100); }
.notes-wrap label { font-size: 11px; font-weight: 750; color: var(--g500); text-transform: uppercase; letter-spacing: .05em; display: block; margin-bottom: 6px; }
.notes-wrap textarea {
  width: 100%; min-height: 72px; resize: vertical;
  border: 1px solid var(--g200); border-radius: 9px;
  padding: 9px 11px; background: var(--g50); color: var(--g900);
  font-size: 13px; line-height: 1.45;
}
.notes-wrap textarea:focus { outline: 2px solid var(--purple); outline-offset: -1px; border-color: transparent; }
.field-help {
  margin: 7px 0 0; color: var(--g400); font-size: 11px; line-height: 1.4;
  text-transform: none; letter-spacing: 0; font-weight: 650;
}

/* ━━ RESULT COLUMN ━━ */
.result-col { display: grid; gap: 14px; }
#resultContent { display: grid; gap: 14px; }

/* Main result panel */
.result-panel {
  background: #fff; border-radius: 18px;
  border: 1px solid var(--g200); box-shadow: var(--sh); overflow: hidden;
}
.result-panel-hd {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 18px; border-bottom: 1px solid var(--g100); background: var(--g50);
}
.result-title { display: flex; align-items: center; gap: 9px; }
.result-title-icon {
  width: 30px; height: 30px; border-radius: 8px;
  background: var(--green-bg); border: 1px solid var(--green-b);
  display: grid; place-items: center; color: var(--green-d); font-size: 14px; font-weight: 900;
}
.result-title h2 { margin: 0; font-size: 15px; font-weight: 800; color: var(--g900); }
.status-msg { min-height: 18px; font-size: 13px; color: var(--g400); }

/* Total */
.total-section {
  padding: 18px 18px 14px; border-bottom: 1px solid var(--g100);
  border-left: 3px solid var(--green);
}
.total-lbl {
  font-size: 11px; font-weight: 750; color: var(--g500);
  text-transform: uppercase; letter-spacing: .06em; margin-bottom: 4px;
}
.total-num {
  font-size: clamp(44px, 6vw, 70px); font-weight: 950; line-height: 1; color: var(--green-d);
}
.quote-levels {
  margin-top: 14px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px;
}
.quote-level {
  border: 1px solid var(--g200); border-radius: 10px; background: #fff;
  padding: 8px 9px; display: grid; gap: 3px;
}
.quote-level span {
  font-size: 10px; font-weight: 850; color: var(--g400);
  text-transform: uppercase; letter-spacing: .05em;
}
.quote-level strong { font-size: 16px; font-weight: 950; color: var(--g900); }
.quote-level.active {
  border-color: var(--green-b); background: var(--green-bg);
}
.quote-level.active strong { color: var(--green-d); }

/* Breakdown */
.bd-section { padding: 14px 18px; border-bottom: 1px solid var(--g100); }
.bd-section h3 {
  margin: 0 0 8px; font-size: 10px; font-weight: 850;
  text-transform: uppercase; letter-spacing: .07em; color: var(--g400);
}
#breakdownOut .line-item {
  display: flex; justify-content: space-between; align-items: center;
  padding: 7px 0; border-bottom: 1px solid var(--g100); font-size: 13px; gap: 10px;
}
#breakdownOut .line-item:last-child { border-bottom: 0; }
#breakdownOut .line-item span { color: var(--g500); }
#breakdownOut .line-item strong { font-weight: 800; color: var(--g900); }

/* Reply — MAIN OUTPUT */
.reply-section {
  padding: 18px 18px 20px;
  background: linear-gradient(to bottom, var(--g50) 0%, #fff 100%);
  border-top: 2px solid var(--green-b);
}
.reply-section h3 {
  margin: 0 0 10px;
  font-size: 13px; font-weight: 900;
  color: var(--g700); letter-spacing: 0;
  text-transform: none;
}
.reply-text-box {
  background: #fff; border: 1.5px solid var(--green-b); border-radius: 12px;
  padding: 16px 18px; font-size: 14px; line-height: 1.6; color: var(--g900); margin: 0 0 13px;
  box-shadow: 0 2px 12px rgba(34,197,94,.08);
}
.action-row { display: flex; gap: 8px; flex-wrap: wrap; }

/* Buttons */
.btn {
  min-height: 38px; border-radius: 9px; padding: 8px 15px;
  font-size: 13px; font-weight: 800; border: 0; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  transition: opacity .15s; white-space: nowrap;
}
.btn:hover { opacity: .84; }
.btn.primary { background: var(--purple); color: #fff; }
.btn.green   { background: var(--green);  color: #fff; }
.btn.outline {
  background: transparent; color: var(--g700);
  border: 1px solid var(--g200);
}
.btn.outline:hover { background: var(--g50); opacity: 1; }

/* Checklists panel */
.checklists-panel {
  background: #fff; border-radius: 16px; border: 1px solid var(--g200);
  box-shadow: var(--sh); padding: 16px 18px;
  display: grid; grid-template-columns: 1fr 1fr; gap: 14px;
}
.ck-group h3 { margin: 0 0 8px; font-size: 12px; font-weight: 800; color: var(--g700); }
.ck-group ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 5px; }
.ck-group li {
  font-size: 12px; color: var(--g500);
  display: flex; align-items: flex-start; gap: 6px; line-height: 1.35;
}
.ck-group li::before { content: '✓'; color: var(--green); font-weight: 900; flex-shrink: 0; }
.ck-flags li::before { content: '!'; color: var(--red); }

/* ━━ LAST-FREE WARNING BANNER ━━ */
.pw-last-free {
  background: rgba(239,68,68,.10); border-bottom: 1px solid rgba(239,68,68,.22);
  color: #b91c1c; font-size: 13px; font-weight: 800;
  padding: 10px 18px; text-align: center; letter-spacing: .01em;
}
.stale-banner {
  background: rgba(124,58,237,.09); border-bottom: 1px solid rgba(124,58,237,.22);
  color: var(--purple); font-size: 13px; font-weight: 850;
  padding: 10px 18px; text-align: center;
}

/* ━━ PAYWALL ━━ */
.paywall-zone { position: relative; }

/* Blur locked content */
.paywall-zone.pw-locked .total-section,
.paywall-zone.pw-locked .bd-section,
.paywall-zone.pw-locked .reply-section {
  filter: blur(7px);
  user-select: none;
  pointer-events: none;
}

/* Overlay */
.paywall-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to bottom, transparent 0%, rgba(249,250,251,.88) 28%, rgba(249,250,251,.98) 50%);
  display: flex; align-items: center; justify-content: center;
  z-index: 20; border-radius: 0 0 17px 17px; padding: 16px;
}

.pw-card {
  background: #fff; border: 1px solid var(--g200); border-radius: 18px;
  padding: 34px 32px; text-align: center; max-width: 430px; width: min(92%, 430px);
  box-shadow: 0 8px 48px rgba(0,0,0,.13);
}
.pw-icon { font-size: 28px; margin-bottom: 10px; }
.pw-card h3 { margin: 0 0 8px; font-size: 20px; font-weight: 950; color: var(--g900); }
.pw-card p  { margin: 0 0 18px; color: var(--g500); font-size: 14px; line-height: 1.55; }
.pw-price {
  font-size: 40px; font-weight: 950; color: var(--g900); line-height: 1; margin-bottom: 18px;
}
.pw-price span { font-size: 12px; font-weight: 700; color: var(--g400); display: block; margin-top: 5px; }
.pw-btn {
  display: flex; align-items: center; justify-content: center;
  min-height: 48px; border-radius: 12px; background: var(--purple); color: #fff;
  font-size: 15px; font-weight: 900; cursor: pointer; text-decoration: none; width: 100%;
  transition: background .15s;
}
.pw-btn:hover { background: var(--purple-h); }
.pw-headline { margin: 0 0 10px; font-size: 20px; font-weight: 950; color: var(--g900); }
.pw-strong { color: var(--red) !important; font-weight: 900 !important; margin-bottom: 10px !important; }
.pw-features {
  list-style: none; margin: 0 auto 18px; padding: 0; text-align: left;
  display: grid; gap: 4px;
  max-width: 250px;
}
.pw-features li { font-size: 13px; font-weight: 700; color: var(--g700); }
.pw-sub { font-size: 11px !important; color: var(--g400) !important; margin-top: 10px !important; margin-bottom: 0 !important; }

/* Utility: hard-hide — beats all other display rules including .paywall-overlay { display:flex } */
.uq-hidden { display: none !important; }

/* ━━ CALCULATE BUTTON ━━ */
.calc-btn-wrap { padding: 14px 18px 18px; border-top: 1px solid var(--g100); }
.btn-calculate {
  width: 100%; min-height: 48px; border-radius: 12px;
  background: var(--purple); color: #fff; border: 0;
  font-size: 15px; font-weight: 900; cursor: pointer; letter-spacing: -.01em;
  transition: background .15s;
}
.btn-calculate:hover { background: var(--purple-h); }
.calc-help {
  margin: 8px 0 0; color: var(--g400); font-size: 11px; line-height: 1.35;
  text-align: center; font-weight: 650;
}

/* ━━ EMPTY STATE ━━ */
.result-empty-card {
  background: #fff; border-radius: 18px;
  border: 1px solid var(--g200); box-shadow: var(--sh);
  padding: 52px 28px; text-align: center;
}
.result-empty-card .empty-icon { font-size: 32px; margin-bottom: 16px; }
.result-empty-card h3 { margin: 0 0 8px; font-size: 17px; font-weight: 900; color: var(--g900); }
.result-empty-card p { margin: 0; color: var(--g500); font-size: 14px; line-height: 1.55; }
.result-empty-card strong { color: var(--g700); }

/* ━━ RESET DEV BUTTON ━━ */
.btn-reset-link {
  background: none; border: none; cursor: pointer;
  font-size: 11px; color: var(--g400); text-decoration: underline; padding: 4px;
}
.btn-reset-link:hover { color: var(--g700); }

/* FAQ */
.faq-section { padding: 28px 0 56px; }
.faq-section h2 { font-size: clamp(22px, 3.2vw, 36px); color: #fff; margin: 0 0 14px; }
.faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
details {
  background: var(--dark-3); border: 1px solid var(--ld);
  border-radius: 12px; padding: 13px 16px;
}
summary {
  cursor: pointer; font-weight: 850; color: #fff;
  list-style: none; display: flex; justify-content: space-between; align-items: center;
}
summary::-webkit-details-marker { display: none; }
summary::after { content: '+'; font-size: 16px; color: var(--td); font-weight: 300; flex-shrink: 0; }
details[open] summary::after { content: '−'; }
details p { margin: 10px 0 0; color: var(--td); line-height: 1.5; font-size: 13px; }

/* ━━ PLATFORM PILLS ━━ */
.platform-pills {
  display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px;
}
.platform-pill {
  min-height: 28px; border-radius: 999px;
  border: 1.5px solid var(--g200); background: var(--g50);
  color: var(--g700); font-size: 12px; font-weight: 750;
  padding: 4px 11px; cursor: pointer;
  transition: border-color .15s, background .15s, color .15s;
  white-space: nowrap;
}
.platform-pill:hover { border-color: var(--purple-b); color: var(--purple); }
.platform-pill.active {
  border-color: var(--purple); background: var(--purple-d); color: var(--purple);
}

/* ━━ CUSTOM DURATION INPUT ━━ */
.custom-dur-inp {
  width: 100%; min-height: 34px;
  border: 1.5px solid var(--purple-b); border-radius: 8px;
  padding: 6px 10px; background: var(--purple-d); color: var(--g900);
  font-size: 13px; font-weight: 700; margin-top: 4px;
}
.custom-dur-inp:focus { outline: 2px solid var(--purple); outline-offset: -1px; border-color: transparent; }
.custom-dur-inp::placeholder { color: var(--g400); font-weight: 400; }

/* ━━ BUYOUT WARNING ━━ */
.buyout-warning {
  font-size: 12px; font-weight: 700; color: #92400e;
  background: rgba(251,191,36,.12); border: 1px solid rgba(251,191,36,.35);
  border-radius: 8px; padding: 8px 11px; line-height: 1.4; margin-top: 4px;
}

/* ━━ DEAL RISK CHECK ━━ */
.risk-check-section {
  background: #fff; border-radius: 16px;
  border: 1px solid var(--g200); box-shadow: var(--sh);
  overflow: hidden;
}
.risk-check-hd {
  padding: 11px 16px;
  background: var(--g50); border-bottom: 1px solid var(--g100);
  font-size: 10px; font-weight: 850; text-transform: uppercase;
  letter-spacing: .07em; color: var(--g500);
}
.risk-list {
  list-style: none; margin: 0; padding: 10px 16px 14px;
  display: grid; gap: 8px;
}
.risk-list li {
  font-size: 12px; color: var(--g700); line-height: 1.4;
  display: flex; align-items: flex-start; gap: 7px;
}
.risk-list li::before { content: '⚠'; font-size: 11px; flex-shrink: 0; margin-top: 1px; }
.risk-list li.no-risk { color: var(--g400); }
.risk-list li.no-risk::before { content: '✓'; color: var(--green-d); }

/* ━━ PDF BUTTON ━━ */
.btn-pdf {
  width: 100%; min-height: 42px; border-radius: 10px;
  background: var(--g50); border: 1.5px solid var(--g200);
  color: var(--g700); font-size: 13px; font-weight: 800;
  cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 7px;
  transition: background .15s, border-color .15s;
}
.btn-pdf::before { content: '↓'; font-size: 15px; font-weight: 900; }
.btn-pdf:hover { background: #fff; border-color: var(--g300); }

/* ━━ SHARE SECTION ━━ */
.quote-share {
  background: #fff; border-radius: 16px;
  border: 1px solid var(--g200); box-shadow: var(--sh);
  padding: 16px 18px 18px;
}
.quote-share-hd {
  display: flex; flex-direction: column; gap: 3px; margin-bottom: 13px;
}
.quote-share-title {
  font-size: 12px; font-weight: 850; text-transform: uppercase;
  letter-spacing: .07em; color: var(--g500);
}
.quote-share-sub {
  font-size: 12px; color: var(--g400); line-height: 1.4;
}
.quote-share-btns {
  display: flex; flex-wrap: wrap; gap: 8px;
}
.quote-share-status {
  font-size: 12px; color: var(--green-d); font-weight: 700;
  min-height: 18px; margin-top: 9px;
}

/* ━━ FOOTER ━━ */
.site-footer {
  padding: 18px 0 28px;
  color: rgba(255,255,255,.25); font-size: 12px; text-align: center;
}

/* ━━ PRINT-ONLY ELEMENTS (hidden on screen) ━━ */
.uq-print-only { display: none; }

/* ━━ PRINT / PDF ━━ */
@media print {
  /* Hide everything on screen */
  .shell, .site-footer { display: none !important; }

  /* Show PDF document */
  .uq-print-only { display: block !important; }

  /* Reset page */
  body { background: #fff; color: #111; margin: 0; font-family: Georgia, "Times New Roman", serif; }
  #pdfDocument { width: 100%; padding: 0; }

  /* PDF Header */
  .pdf-header { display: flex; flex-direction: column; gap: 4px; margin-bottom: 20px; }
  .pdf-brand { font-size: 11px; font-weight: 700; color: #6b7280; font-family: Arial, sans-serif; letter-spacing: .06em; text-transform: uppercase; }
  .pdf-meta-row { display: flex; justify-content: space-between; align-items: baseline; }
  .pdf-doc-title { font-size: 26px; font-weight: 700; color: #111; font-family: Arial, sans-serif; }
  .pdf-date { font-size: 12px; color: #6b7280; font-family: Arial, sans-serif; }

  /* Divider */
  .pdf-divider { border: none; border-top: 2px solid #111; margin: 16px 0; }

  /* Total block */
  .pdf-total-block { margin-bottom: 20px; }
  .pdf-total-lbl { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #6b7280; font-family: Arial, sans-serif; margin-bottom: 4px; }
  .pdf-total-num { font-size: 48px; font-weight: 900; color: #111; line-height: 1; font-family: Arial, sans-serif; }

  /* Sections */
  .pdfs { margin-bottom: 18px; }
  .pdfs-title { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #6b7280; font-family: Arial, sans-serif; margin-bottom: 7px; border-bottom: 1px solid #e5e7eb; padding-bottom: 4px; }

  /* Summary list */
  .pdfs-list { margin: 0; padding: 0 0 0 14px; }
  .pdfs-list li { font-size: 13px; color: #374151; line-height: 1.6; font-family: Arial, sans-serif; }

  /* Breakdown table */
  .pdfs-table { width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; }
  .pdfs-table td { font-size: 13px; color: #374151; padding: 5px 0; border-bottom: 1px solid #f3f4f6; }
  .pdfs-table td:last-child { text-align: right; font-weight: 700; color: #111; }

  /* Reply box */
  .pdfs-reply { font-size: 13px; color: #374151; line-height: 1.65; border-left: 3px solid #111; padding-left: 12px; font-family: Arial, sans-serif; }

  /* Brand request quote */
  .pdfs-quote { font-size: 12px; color: #6b7280; font-style: italic; line-height: 1.55; font-family: Arial, sans-serif; }

  /* Disclaimer */
  .pdf-disclaimer { font-size: 10px; color: #9ca3af; line-height: 1.5; font-family: Arial, sans-serif; }
}

/* ━━ RESPONSIVE ━━ */
@media (max-width: 880px) {
  .workbench { grid-template-columns: 1fr; }
  .checklists-panel { grid-template-columns: 1fr; }
  .faq-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .shell { width: calc(100% - 28px); }
  .nav { flex-wrap: wrap; min-height: auto; padding: 12px 0; gap: 8px; }
  .nav-actions { width: 100%; }
  .base-row { grid-template-columns: 1fr; }
  .paywall-cols { grid-template-columns: 1fr; }
  .action-row { flex-direction: column; }
  .action-row .btn { width: 100%; }
}