/* OverroundHQ — light "data sheet" theme. Numbers are the interface. */

a{color:#20438f}
a:hover{color:#a5530f}
h2{font-size:1.35rem;margin:2rem 0 .6rem;line-height:1.25}
h3{font-size:1.08rem;margin:1.4rem 0 .4rem}
p{margin:.55rem 0}
ul,ol{padding-left:1.3rem}
code,.qexp6-mono{font-family:ui-monospace,"Cascadia Mono",Consolas,Menlo,monospace;font-size:.95em;font-variant-numeric:tabular-nums}
section.qexp6-wrap{padding-block:.8rem}
main{padding-bottom:2.5rem}

.qexp6-byline{font-size:.86rem;margin:-.1rem 0 1rem}
.qexp6-byline,.qexp6-muted{color:#565f6e}
.qexp6-small{font-size:.86rem}

/* tables — the core surface */
.qexp6-table-wrap{overflow-x:auto;margin:.9rem 0;border:1.5px solid #1c2430;border-radius:10px;background:#fffdf8}
table{border-collapse:collapse;width:100%;font-size:.94rem}
th,td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid #e5ded0;vertical-align:top}
thead th{background:#1c2430;color:#fffdf8;font-weight:600;white-space:nowrap;position:sticky;top:56px;z-index:1}
tbody tr:last-child td{border-bottom:none}
td.qexp6-num,th.qexp6-num{text-align:right;font-family:ui-monospace,"Cascadia Mono",Consolas,Menlo,monospace;font-variant-numeric:tabular-nums;white-space:nowrap}
.qexp6-row-best{background:#eef6ea}

/* badges */
.qexp6-badge{display:inline-block;border-radius:6px;padding:.06rem .45rem;font-size:.78rem;font-weight:700;white-space:nowrap;border:1.5px solid transparent}
.qexp6-b-green{background:#e2f2dc;color:#1e5c2e;border-color:#1e5c2e}
.qexp6-b-amber{background:#fdf0d7;color:#8a5a00;border-color:#b98a2e}
.qexp6-b-red{background:#fbe3dc;color:#93321b;border-color:#93321b}
.qexp6-b-gray{background:#eceae4;color:#4a5261;border-color:#8b93a1}
.qexp6-b-live{background:#1c2430;color:#ffd9b0;border-color:#1c2430}
.qexp6-n-badge{font-size:.75rem;color:#565f6e;white-space:nowrap}

/* cards / callouts */
.qexp6-card{border:1.5px solid #1c2430;border-radius:10px;background:#fffdf8;padding:1rem 1.1rem;margin:.9rem 0;box-shadow:4px 4px 0 rgba(28,36,48,.08)}
.qexp6-callout{border-left:4px solid #a5530f;background:#fdf6ec;padding:.7rem 1rem;border-radius:0 8px 8px 0;margin:.9rem 0}
.qexp6-callout-red{border-left-color:#93321b;background:#fbeeea}
.qexp6-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1rem 0}

/* answer-first box (AI-citation) */
.qexp6-answer-box{border:2px solid #1c2430;border-radius:10px;background:#fffdf8;padding:.9rem 1.1rem;margin:.9rem 0 1.2rem;font-size:1.02rem}
.qexp6-answer-box strong{color:#1c2430}

/* buttons */
.qexp6-btn-row{display:flex;gap:.6rem;flex-wrap:wrap}
.qexp6-btn{display:inline-block;border-radius:8px;padding:.55rem 1rem;text-decoration:none;font-weight:600;border:1.5px solid #1c2430}
.qexp6-btn-primary{background:#1c2430;color:#fffdf8}
.qexp6-btn-primary:hover{background:#a5530f;border-color:#a5530f;color:#fffdf8}
.qexp6-btn-ghost{background:transparent;color:#1c2430}
.qexp6-btn-ghost:hover{background:#efe9dd;color:#1c2430}

/* CTA card (affiliate) — cta-disclosure / cta-ad names are compliance-pinned (diverge ignore-list) */
.qexp6-cta-card{border:2px solid #1c2430;border-radius:12px;background:#fffdf8;margin:1.4rem 0;padding:0;overflow:hidden}
.cta-disclosure{margin:0;padding:.5rem 1rem;background:#efe9dd;font-size:.82rem;color:#3a4454}
.cta-ad{display:inline-block;background:#1c2430;color:#fffdf8;border-radius:4px;padding:0 .4rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;margin-right:.4rem}
.qexp6-cta-body{padding:.9rem 1rem 1.1rem}
.qexp6-cta-heading{font-weight:700;font-size:1.06rem;margin:.1rem 0}
.qexp6-cta-angle{color:#3a4454;margin:.2rem 0 .8rem}
.qexp6-cta-btn{display:inline-block;background:#a5530f;color:#fffdf8;text-decoration:none;font-weight:700;border-radius:8px;padding:.6rem 1.1rem}
.qexp6-cta-btn:hover{background:#1c2430}

/* FAQ */
.qexp6-faq-section{margin-top:1.6rem}
.qexp6-faq-list{display:grid;gap:.5rem}
.qexp6-faq-item{border:1.5px solid #1c2430;border-radius:8px;background:#fffdf8;padding:.15rem .8rem}
.qexp6-faq-item summary{cursor:pointer;font-weight:600;padding:.5rem 0}
.qexp6-faq-item p{margin:.2rem 0 .7rem}

/* de-vig tool */
.qexp6-tool-shell{border:2px solid #1c2430;border-radius:12px;background:#fffdf8;padding:1rem 1.1rem;margin:1rem 0;box-shadow:5px 5px 0 rgba(28,36,48,.1)}
.qexp6-tool-tabs{display:flex;gap:.4rem;margin-bottom:.9rem;flex-wrap:wrap}
.qexp6-tool-tab{appearance:none;font:inherit;border:1.5px solid #1c2430;background:transparent;color:#1c2430;border-radius:8px;padding:.4rem .8rem;cursor:pointer;font-weight:600}
.qexp6-tool-tab[aria-selected="true"]{background:#1c2430;color:#fffdf8}
.qexp6-tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin:.7rem 0}
.qexp6-tool-field{display:flex;flex-direction:column;gap:.25rem}
.qexp6-tool-field label{font-size:.82rem;font-weight:600;color:#3a4454}
.qexp6-tool-field input,.qexp6-tool-field select{font:inherit;padding:.45rem .55rem;border:1.5px solid #1c2430;border-radius:8px;background:#fff;color:#1c2430;font-variant-numeric:tabular-nums}
.qexp6-tool-actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin:.6rem 0}
.qexp6-tool-run{appearance:none;font:inherit;font-weight:700;background:#1c2430;color:#fffdf8;border:none;border-radius:8px;padding:.55rem 1.1rem;cursor:pointer}
.qexp6-tool-run:hover{background:#a5530f}
.qexp6-tool-note{font-size:.82rem;color:#565f6e}
.qexp6-tool-out{margin-top:.9rem}
.qexp6-result-strip{display:flex;gap:1.2rem;flex-wrap:wrap;border:1.5px solid #1c2430;border-radius:10px;background:#f3efe6;padding:.7rem 1rem;margin:.7rem 0}
.qexp6-result-kpi{display:flex;flex-direction:column}
.qexp6-result-kpi .qexp6-k{font-size:.78rem;color:#565f6e;text-transform:uppercase;letter-spacing:.06em}
.qexp6-result-kpi .qexp6-v{font-family:ui-monospace,"Cascadia Mono",Consolas,Menlo,monospace;font-size:1.2rem;font-weight:700}
.qexp6-err{color:#93321b;font-weight:600}

/* sparkline-ish history bars */
.qexp6-bar-row{display:flex;align-items:center;gap:.6rem;margin:.25rem 0}
.qexp6-bar-label{min-width:130px;font-size:.88rem}
.qexp6-bar-track{flex:1;background:#eceae4;border-radius:4px;height:14px;position:relative}
.qexp6-bar-fill{position:absolute;inset:0 auto 0 0;background:#20438f;border-radius:4px}
.qexp6-bar-val{font-family:ui-monospace,Consolas,monospace;font-size:.85rem;min-width:56px;text-align:right}

/* page banner */
.qexp6-page-banner{margin:1rem 0}
.qexp6-page-banner img{border:1.5px solid #1c2430;border-radius:10px}

/* RG + footer */
.rg-block{background:#1c2430;color:#e8e4da;margin-top:2.5rem}
.rg-inner{padding-block:1.1rem}
.rg-title{font-weight:700;color:#ffd9b0;margin:.2rem 0}
.rg-block a{color:#ffd9b0}
.qexp6-site-footer{background:#12161d;color:#c8ccd4;padding-top:1.6rem}
.qexp6-site-footer .qexp6-brand{color:#fffdf8}
.qexp6-footer-grid{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:1.5rem;padding-block:1rem}
.qexp6-footer-tagline{color:#8b93a1;font-size:.9rem}
.qexp6-footer-nav{display:flex;flex-wrap:wrap;gap:1.5rem}
.qexp6-footer-col-h{font-weight:700;color:#fffdf8;margin:.2rem 0 .4rem;font-size:.9rem}
.qexp6-footer-col ul{list-style:none;padding:0;margin:0}
.qexp6-footer-col a{color:#c8ccd4;text-decoration:none;font-size:.88rem;line-height:1.9}
.qexp6-footer-col a:hover{color:#ffd9b0}
.qexp6-footer-legal{border-top:1px solid #2a3140;padding-block:1rem 1.6rem;font-size:.8rem;color:#8b93a1}
.qexp6-footer-copy{margin-top:.6rem}

@media (max-width:700px){
  .qexp6-footer-grid{grid-template-columns:1fr}
  thead th{position:static}
}