/* =============================================================================
   KriptoKasaGüvenli — site.qct5s-css  (hand-written, no framework)
   Theme: "AĞ ŞEMASI / BLUEPRINT" — a technical network-schematic look.
   Deep blueprint-navy base + faint drafting grid (pure CSS, zero weight),
   monospace schematic headings/labels, squared panels with corner tick-marks,
   node-and-edge motifs. Signal/identity accent = crimson #e11d48 (kept, unique
   to #16 — NOT cyan #01 / indigo #02 / amber #06 / magenta #08 / emerald #09 /
   steel-blue #11); cyan is used ONLY as thin drafting line/annotation, amber for
   warnings, green/red for verdicts. Footprint §8 — structurally distinct chassis.
   ============================================================================= */

:root {
  /* blueprint navy scale */
  --ink-950:#06172c; --ink-900:#0a1f39; --ink-850:#0d2645; --ink-800:#123152;
  --ink-700:#1b4068; --ink-600:#255079; --ink-500:#33608c;
  --ink-400:#5c7ea3; --ink-300:#8ba7c3; --ink-200:#b8cde1; --ink-100:#dbe8f6; --ink-50:#f0f6fd;
  /* crimson signal/identity accent (kept — unique hue for #16) */
  --em-700:#9f1239; --em-600:#e11d48; --em-500:#fb2c5a; --em-400:#fda4b7;
  /* drafting line / annotation (thin cyan — texture only, not brand) */
  --line:#3f6f9e; --line-soft:#274f79;
  --grid:rgba(99,163,214,.055);            /* blueprint grid ink */
  --flag:#f5a524;
  --pos:#34d399;  --pos-bg:#082418;        /* ✅ zaten gelmiş / doğru ağ */
  --neg:#f87171;  --neg-bg:#2a1216;        /* ⛔ kurtarılamaz */
  --warn-bg:#241d0e;                       /* ⚠️ kurtarılabilir */
  --border:#1d4068; --border-soft:#14304d;
  --radius:5px; --radius-sm:3px;
  --shadow:0 0 0 1px rgba(63,111,158,.10) inset, 0 18px 40px -24px rgba(0,0,0,.85);
  --maxw:1120px;
  --font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-mono:ui-monospace,"Cascadia Code","SFMono-Regular","JetBrains Mono",Consolas,"Liberation Mono",monospace;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--ink-950);color:var(--ink-100);color-scheme:dark}
[id]{scroll-margin-top:80px}
/* Drafting-paper grid: two faint line sets over the navy base (no image, no weight). */
body{margin:0;font-family:var(--font-sans);font-size:17px;line-height:1.65;min-height:100vh;color:var(--ink-100);
  background:
    linear-gradient(var(--grid) 1px,transparent 1px) 0 0/100% 34px,
    linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/34px 100%,
    radial-gradient(1200px 620px at 88% -12%,rgba(225,29,72,.09),transparent 62%),
    var(--ink-950);
  text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
svg{display:block}
a{color:var(--em-400);text-decoration:none}
a:hover{text-decoration:underline}
#main a:not(.qct5s-btn):not(.qct5s-cta-btn):not(.qct5s-nav-cta):not(.qct5s-brand),.rg-help a,.qct5s-footer-legal a{text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px}

/* Monospace schematic headings — the signature shift from the network's sans chassis. */
h1,h2,h3,h4{font-family:var(--font-mono);line-height:1.2;font-weight:600;color:var(--ink-50);margin:0 0 .5em;letter-spacing:-.005em}
h1{font-size:clamp(1.75rem,4.3vw,2.55rem);font-weight:700}
h2{font-size:clamp(1.32rem,2.8vw,1.75rem);margin-top:1.5em;position:relative;padding-left:1.1rem}
/* section headings get a schematic node marker */
h2::before{content:"";position:absolute;left:0;top:.34em;width:11px;height:11px;border:1.5px solid var(--line);background:var(--ink-900);
  box-shadow:0 0 0 3px rgba(63,111,158,.12);border-radius:2px;transform:rotate(45deg)}
h3{font-size:1.16rem;margin-top:1.3em;font-weight:600;color:var(--ink-100)}
.qct5s-card-h{font-size:1.08rem;margin-top:0;padding-left:0}
.qct5s-card-h::before{display:none}
p{margin:0 0 1rem}
strong{color:var(--ink-50)}
code,kbd,.qct5s-mono,.qct5s-num{font-family:var(--font-mono);font-size:.9em;font-variant-numeric:tabular-nums}
code{background:var(--ink-900);border:1px solid var(--border-soft);border-radius:3px;padding:.05em .35em;color:var(--ink-100)}
.qct5s-wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(16px,4vw,30px)}
:focus-visible{outline:2px solid var(--em-500);outline-offset:2px;border-radius:2px}
.qct5s-skip-link{position:absolute;left:-9999px;top:0;background:var(--em-500);color:#fff;padding:.6rem 1rem;z-index:100;font-weight:700;font-family:var(--font-mono)}
.qct5s-skip-link:focus{left:0}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ---- header / nav ---- */
.qct5s-site-header{position:sticky;top:0;z-index:50;background:rgba(6,23,44,.9);backdrop-filter:blur(9px);border-bottom:1px solid var(--border)}
.qct5s-site-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:repeating-linear-gradient(90deg,var(--line) 0 10px,transparent 10px 20px);opacity:.5}
.qct5s-header-inner{display:flex;align-items:center;gap:1rem;min-height:64px}
.qct5s-brand{display:flex;align-items:center;gap:.55rem;font-weight:700;color:var(--ink-50);font-family:var(--font-mono);letter-spacing:-.01em}
.qct5s-brand:hover{text-decoration:none}
.qct5s-brand-mark{color:var(--line);font-size:1.15rem;text-shadow:0 0 10px rgba(63,111,158,.6)}
.qct5s-brand-name{font-size:1.06rem}
.badge-18{display:inline-grid;place-items:center;min-width:36px;height:24px;padding:0 .4rem;border:1px solid var(--em-600);color:var(--em-400);
  border-radius:3px;font-size:.72rem;font-weight:800;letter-spacing:.03em;background:#20101a;font-family:var(--font-mono)}
.qct5s-primary-nav{margin-left:auto;display:flex;align-items:center;gap:.2rem}
.qct5s-nav-link,.qct5s-nav-group>summary{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem .6rem;border-radius:4px;color:var(--ink-200);
  font-family:var(--font-mono);font-size:.86rem;font-weight:500;cursor:pointer;white-space:nowrap}
.qct5s-nav-link:hover,.qct5s-nav-group>summary:hover{background:var(--ink-800);color:var(--ink-50);text-decoration:none}
.qct5s-nav-link[aria-current],.qct5s-nav-sub a[aria-current]{color:var(--em-400)}
.qct5s-nav-group{position:relative}
.qct5s-nav-group>summary{list-style:none}
.qct5s-nav-group>summary::-webkit-details-marker{display:none}
.qct5s-nav-group>summary::after{content:"[+]";font-size:.7rem;color:var(--line);font-family:var(--font-mono)}
.qct5s-nav-group[open]>summary::after{content:"[–]"}
.qct5s-nav-sub{list-style:none;margin:0;padding:.35rem;position:absolute;top:calc(100% + 6px);left:0;min-width:220px;
  background:var(--ink-850);border:1px solid var(--border);border-radius:4px;box-shadow:var(--shadow);display:none;z-index:60}
.qct5s-nav-sub li{margin:0}
.qct5s-nav-sub a{display:block;padding:.5rem .6rem;border-radius:3px;color:var(--ink-200);font-size:.9rem;font-family:var(--font-mono)}
.qct5s-nav-sub a:hover{background:var(--ink-800);color:var(--ink-50);text-decoration:none}
.qct5s-nav-cta{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .9rem;border-radius:4px;font-weight:700;font-size:.86rem;font-family:var(--font-mono);
  background:linear-gradient(180deg,var(--em-500),var(--em-700));color:#fff;box-shadow:0 6px 18px -8px rgba(225,29,72,.55)}
.qct5s-nav-cta::before{content:"▸ "}
.qct5s-nav-cta:hover{text-decoration:none;filter:brightness(1.07)}
.qct5s-burger,.qct5s-nav-toggle{display:none}
@media (min-width:901px){.qct5s-nav-group:hover>.qct5s-nav-sub,.qct5s-nav-group:focus-within>.qct5s-nav-sub,.qct5s-nav-group[open]>.qct5s-nav-sub{display:block}}
@media (max-width:900px){
  .qct5s-burger{appearance:none;-webkit-appearance:none;font:inherit;color:inherit;display:inline-flex;flex-direction:column;justify-content:center;gap:5px;margin-left:.5rem;width:44px;height:44px;cursor:pointer;
    border:1px solid var(--border);border-radius:4px;background:var(--ink-850)}
  .qct5s-burger span{height:2px;width:20px;margin-inline:auto;background:var(--ink-100);border-radius:2px}
  .badge-18{margin-left:auto}
  .qct5s-primary-nav{display:none;position:fixed;inset:64px 0 0;z-index:60;flex-direction:column;align-items:stretch;gap:.15rem;
    background:var(--ink-900);border-top:1px solid var(--border);padding:1rem clamp(16px,4vw,28px) 2rem;overflow-y:auto}
  .qct5s-nav-toggle[aria-expanded="true"]~.qct5s-primary-nav{display:flex}
  .qct5s-site-header{backdrop-filter:none;-webkit-backdrop-filter:none}
  .qct5s-nav-link,.qct5s-nav-group>summary{padding:.85rem .6rem;font-size:1rem;border-radius:5px}
  .qct5s-nav-group{border-bottom:1px solid var(--border-soft)}
  .qct5s-nav-sub{position:static;display:block;border:none;box-shadow:none;background:transparent;padding:.1rem 0 .6rem .8rem}
  .qct5s-nav-group:not([open])>.qct5s-nav-sub{display:none}
  .qct5s-nav-cta{margin-top:.8rem;justify-content:center;padding:.85rem}
}

/* ---- sections / content ---- */
section{margin-block:clamp(2.4rem,6vw,4rem)}
.qct5s-lead{font-size:1.15rem;color:var(--ink-200);max-width:64ch}
.qct5s-byline{color:var(--ink-300);font-size:.82rem;margin:.1rem 0 1.1rem;font-family:var(--font-mono)}
.qct5s-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:600;color:var(--em-400);margin:0 0 .6rem}
.qct5s-eyebrow::before{content:"// "}
.qct5s-prose{max-width:72ch}
.qct5s-prose ul,.qct5s-prose ol{padding-left:1.3rem;margin:0 0 1rem}
.qct5s-prose li{margin:.3rem 0}
.qct5s-prose ul li{list-style:none;position:relative}
.qct5s-prose ul li::before{content:"–";position:absolute;left:-1rem;color:var(--line);font-family:var(--font-mono)}
.qct5s-muted{color:var(--ink-300)}
.qct5s-center{text-align:center}

/* Schematic panel primitive: squared, thin line border, corner tick-marks. */
.qct5s-card,.qct5s-checker,.qct5s-fact-box,.qct5s-cta-card,.qct5s-callout,.qct5s-dg-result,.qct5s-prov-card,.qct5s-table-wrap,.qct5s-pros,.qct5s-cons{position:relative}
.qct5s-card::before,.qct5s-checker::before,.qct5s-cta-card::before,.qct5s-dg-result::before{content:"";position:absolute;top:6px;left:6px;width:9px;height:9px;
  border-top:1.5px solid var(--line);border-left:1.5px solid var(--line);opacity:.6;pointer-events:none}
.qct5s-card::after,.qct5s-checker::after,.qct5s-cta-card::after,.qct5s-dg-result::after{content:"";position:absolute;bottom:6px;right:6px;width:9px;height:9px;
  border-bottom:1.5px solid var(--line);border-right:1.5px solid var(--line);opacity:.6;pointer-events:none}

.qct5s-fact-box{margin:.2rem 0 1.7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--ink-900);padding:.3rem 1.1rem}
.qct5s-fact-box::before{content:"DERLEME · BİR BAKIŞTA";position:static;display:block;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;
  color:var(--line);border:none;width:auto;height:auto;opacity:1;padding:.5rem 0 .2rem;border-bottom:1px dashed var(--border-soft);margin-bottom:.2rem}
.qct5s-fact-box>div{display:flex;justify-content:space-between;gap:1.2rem;padding:.55rem 0;border-bottom:1px solid var(--border-soft);font-size:.95rem}
.qct5s-fact-box>div:last-child{border-bottom:none}
.qct5s-fact-box dt{color:var(--ink-300);margin:0;flex:none;font-family:var(--font-mono);font-size:.86rem}
.qct5s-fact-box dd{margin:0;font-weight:600;text-align:right}

/* ---- hero ---- */
.qct5s-hero{padding-top:clamp(2rem,6vw,3.8rem)}
.qct5s-hero-grid{display:grid;gap:2.2rem;grid-template-columns:1.12fr .88fr;align-items:center}
@media (max-width:860px){.qct5s-hero-grid{grid-template-columns:1fr}}
.qct5s-hero .qct5s-answer,.qct5s-answer{background:var(--ink-850);border:1px solid var(--border);border-left:3px solid var(--em-500);
  border-radius:var(--radius-sm);padding:1.05rem 1.15rem;margin:1.2rem 0;font-size:1.01rem}
.qct5s-answer strong:first-child{font-family:var(--font-mono);color:var(--em-400)}
.qct5s-btn-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.3rem}
.qct5s-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.78rem 1.2rem;border-radius:4px;font-weight:700;font-family:var(--font-mono);font-size:.92rem;border:1px solid transparent}
.qct5s-btn-primary{background:linear-gradient(180deg,var(--em-500),var(--em-700));color:#fff;box-shadow:0 8px 22px -10px rgba(225,29,72,.55)}
.qct5s-btn-primary:hover{text-decoration:none;filter:brightness(1.06)}
.qct5s-btn-ghost{border-color:var(--line);color:var(--ink-100);background:transparent}
.qct5s-btn-ghost:hover{text-decoration:none;background:var(--ink-800)}

/* schematic hero diagram wrapper (inline SVG lives in the page) */
.qct5s-schema-fig{border:1px solid var(--border);border-radius:var(--radius-sm);background:
  linear-gradient(var(--grid) 1px,transparent 1px) 0 0/100% 22px,
  linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/22px 100%,var(--ink-900);
  padding:1.1rem;position:relative}
.qct5s-schema-fig figcaption{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:var(--ink-300);margin-top:.7rem;text-align:center}
.qct5s-schema-fig svg{width:100%;height:auto}

/* ---- cards ---- */
.qct5s-card-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.qct5s-card{background:var(--ink-850);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.3rem 1.25rem;box-shadow:var(--shadow)}
.qct5s-card h3{margin-top:0}
.qct5s-card.qct5s-link-card{transition:.16s}
.qct5s-card.qct5s-link-card:hover{border-color:var(--line);transform:translateY(-2px)}
.qct5s-link-card h3 a{color:var(--ink-50);text-decoration:none}
.qct5s-link-card h3 a::after{content:"";position:absolute;inset:0}
.qct5s-link-card:hover h3 a{color:var(--em-400)}
.qct5s-card .qct5s-arrow{color:var(--line);font-weight:700;font-family:var(--font-mono)}
.qct5s-tag{display:inline-block;font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--em-400);
  border:1px solid var(--em-700);border-radius:3px;padding:.12rem .45rem;background:#20101a}

/* ---- tables ---- */
.qct5s-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--ink-850)}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:.93rem}
th,td{text-align:left;padding:.7rem .85rem;border-bottom:1px solid var(--border-soft);white-space:nowrap}
thead th{background:var(--ink-800);color:var(--ink-100);font-family:var(--font-mono);font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0}
tbody tr:hover{background:rgba(225,29,72,.05)}
td .qct5s-num{color:var(--em-400);font-variant-numeric:tabular-nums}
.qct5s-verified{font-size:.78rem;color:var(--ink-300);font-family:var(--font-mono)}
.qct5s-data-pending{color:var(--flag);font-family:var(--font-mono);font-size:.84rem;letter-spacing:.02em}
.qct5s-matrix-visit{padding:.5rem .95rem;font-size:.86rem;white-space:nowrap;font-family:var(--font-mono)}
tr.qct5s-top-pick{background:linear-gradient(90deg,rgba(225,29,72,.12),transparent 70%)}
tr.qct5s-top-pick td:first-child{box-shadow:inset 3px 0 0 var(--em-500)}

/* ---- "Doğru Ağ?" tool ---- */
.qct5s-checker{background:var(--ink-850);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.4rem;box-shadow:var(--shadow)}
.qct5s-checker .qct5s-eyebrow{margin-bottom:.9rem}
.qct5s-checker-controls{display:flex;flex-wrap:wrap;gap:.8rem 1.1rem;align-items:end;margin-bottom:1rem}
.qct5s-field{display:flex;flex-direction:column;gap:.35rem}
.qct5s-field label{font-size:.82rem;font-weight:600;color:var(--ink-200);font-family:var(--font-mono)}
.qct5s-field input,.qct5s-field select{appearance:none;background:var(--ink-900);border:1px solid var(--border);color:var(--ink-100);padding:.65rem .75rem;border-radius:3px;font:inherit;font-size:.95rem;min-width:200px}
.qct5s-field input:focus-visible,.qct5s-field select:focus-visible{border-color:var(--em-500);outline:none;box-shadow:0 0 0 3px rgba(225,29,72,.4)}
.qct5s-field input::placeholder{color:var(--ink-400);opacity:1;font-family:var(--font-mono)}
.qct5s-prov-card{margin-top:1.1rem;border-radius:var(--radius-sm);padding:1.1rem 1.2rem;border:1px solid var(--border);background:var(--ink-900)}
.qct5s-prov-row{display:flex;gap:.6rem;justify-content:space-between;padding:.45rem 0;border-bottom:1px solid var(--border-soft);font-size:.95rem}
.qct5s-prov-row:last-child{border-bottom:none}
.qct5s-prov-row .qct5s-k{color:var(--ink-300);font-family:var(--font-mono)}
.qct5s-prov-row .qct5s-v{font-weight:600;text-align:right}
.qct5s-verdict{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:3px;font-weight:700;font-size:.82rem;border:1px solid;font-family:var(--font-mono)}
.qct5s-verdict-safe{color:var(--pos);background:var(--pos-bg);border-color:#155c46}
.qct5s-verdict-flag{color:var(--flag);background:var(--warn-bg);border-color:#6a5320}
.qct5s-verdict-pending{color:var(--ink-300);background:var(--ink-800);border-color:var(--border)}
.qct5s-noscript-note{background:#20101a;border:1px solid var(--em-700);border-radius:3px;padding:.8rem 1rem;color:var(--ink-100)}
.qct5s-dg-result{margin:.4rem 0 1.2rem;padding:1.05rem 1.2rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--ink-850);max-width:100%;overflow-wrap:anywhere}
.qct5s-dg-result:empty{display:none}
.qct5s-verdict-title{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-family:var(--font-mono);font-size:1rem;margin:.1rem 0 .5rem;padding:.25rem .7rem;border-radius:3px;border:1px solid}
.qct5s-verdict-title.qct5s-verdict-safe{color:var(--pos);background:var(--pos-bg);border-color:#155c46}
.qct5s-verdict-title.qct5s-verdict-flag{color:var(--flag);background:var(--warn-bg);border-color:#6a5320}
.qct5s-verdict-title.qct5s-verdict-pending{color:var(--ink-200);background:var(--ink-800);border-color:var(--border)}
.qct5s-verdict-steps{margin:.2rem 0 .6rem;padding-left:1.15rem;display:flex;flex-direction:column;gap:.35rem}
.qct5s-verdict-cta{margin:.6rem 0 .2rem;font-weight:700}
.qct5s-ymyl{margin-top:.6rem;font-size:.85rem}
.qct5s-dg-result textarea{width:100%;max-width:100%;background:var(--ink-900);border:1px solid var(--border);color:var(--ink-100);border-radius:3px;padding:.6rem .7rem;resize:vertical;font-family:var(--font-mono);font-size:.86rem}
.qct5s-field-wide{flex:1 1 100%}
.qct5s-field-check{flex-direction:row;align-items:center;gap:.5rem}

/* ---- CTA card ---- */
.qct5s-cta-card{background:linear-gradient(180deg,var(--ink-850),var(--ink-800));border:1px solid var(--em-700);border-radius:var(--radius-sm);padding:1.15rem 1.25rem;margin:1.6rem 0;box-shadow:var(--shadow)}
.cta-disclosure{font-size:.82rem;color:var(--ink-300);margin:0 0 .8rem;display:flex;gap:.5rem;align-items:flex-start}
.cta-ad{flex:none;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-200);border:1px solid var(--line);border-radius:3px;padding:.1rem .35rem;font-family:var(--font-mono)}
.qct5s-cta-heading{font-family:var(--font-mono);font-weight:700;font-size:1.06rem;color:var(--ink-50);margin:0 0 .25rem}
.qct5s-cta-angle{margin:0 0 .9rem;color:var(--ink-200);font-size:.95rem}
.qct5s-cta-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.8rem 1.3rem;border-radius:4px;font-weight:800;font-family:var(--font-mono);background:linear-gradient(180deg,var(--em-500),var(--em-700));color:#fff;box-shadow:0 8px 22px -10px rgba(225,29,72,.55)}
.qct5s-cta-btn:hover{text-decoration:none;filter:brightness(1.06)}

/* ---- callouts ---- */
.qct5s-callout{border-radius:var(--radius-sm);padding:1rem 1.15rem;margin:1.4rem 0;border:1px solid var(--border)}
.qct5s-callout-warn{background:var(--warn-bg);border-color:#6a5320}
.qct5s-callout-good{background:var(--pos-bg);border-color:#155c46}
.qct5s-callout-danger{background:var(--neg-bg);border-color:#7a2230}
.qct5s-callout .qct5s-callout-h{font-family:var(--font-mono);font-weight:700;margin:0 0 .4rem;display:flex;gap:.5rem;align-items:center}

/* ---- responsible gambling ---- */
.rg-block{background:var(--ink-900);border-top:1px solid var(--border);margin-top:3rem;position:relative}
.rg-block::before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:repeating-linear-gradient(90deg,var(--em-700) 0 8px,transparent 8px 16px);opacity:.6}
.rg-inner{display:flex;gap:1rem;align-items:flex-start;padding-block:1.5rem}
.rg-icon{flex:none;width:34px;height:34px;border-radius:3px;display:grid;place-items:center;font-weight:900;color:var(--em-400);background:#20101a;border:1px solid var(--em-700);font-family:var(--font-mono)}
.rg-title{font-size:1.02rem;margin:0 0 .3rem}
.rg-block p{margin:0 0 .4rem;color:var(--ink-300);font-size:.92rem;max-width:80ch}
.rg-help a{color:var(--em-400)}

/* ---- footer ---- */
.qct5s-site-footer{background:var(--ink-900);border-top:1px solid var(--border);padding-block:2.4rem}
.qct5s-footer-inner{display:grid;gap:1.8rem;grid-template-columns:1.1fr 2fr}
@media (max-width:760px){.qct5s-footer-inner{grid-template-columns:1fr}}
.qct5s-footer-brand .qct5s-brand-mark{font-size:1rem}
.qct5s-footer-brand .qct5s-brand-name{font-family:var(--font-mono);font-weight:700;color:var(--ink-50);margin-left:.4rem}
.qct5s-footer-tagline{color:var(--ink-300);font-size:.9rem;margin:.6rem 0}
.badge-18--footer{display:inline-block;min-width:0;height:auto;padding:.15rem .5rem}
.qct5s-footer-nav{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.qct5s-footer-col-h{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--line);font-weight:600;margin:0 0 .5rem}
.qct5s-footer-col ul{list-style:none;margin:0;padding:0}
.qct5s-footer-col li{margin:.25rem 0}
.qct5s-footer-col a{color:var(--ink-200);font-size:.9rem}
.qct5s-footer-legal{grid-column:1/-1;border-top:1px solid var(--border-soft);padding-top:1rem}
.qct5s-footer-legal p{color:var(--ink-300);font-size:.84rem;margin:.3rem 0}
.qct5s-footer-copy{color:var(--ink-400)!important}

/* ---- banner / breadcrumb / misc ---- */
.qct5s-page-banner{max-width:var(--maxw);margin:1.4rem auto 0;padding-inline:clamp(16px,4vw,30px)}
.qct5s-page-banner img{width:100%;height:auto;max-height:300px;object-fit:cover;object-position:center;aspect-ratio:1200/630;border-radius:var(--radius-sm);border:1px solid var(--border);display:block;box-shadow:var(--shadow)}
@media (max-width:700px){.qct5s-page-banner img{max-height:190px}}
.qct5s-breadcrumb{font-family:var(--font-mono);font-size:.82rem;color:var(--ink-400);margin:1.4rem 0 .2rem;display:flex;flex-wrap:wrap;gap:.4rem}
.qct5s-breadcrumb a{color:var(--ink-300)}
.qct5s-breadcrumb span{color:var(--ink-400)}
.qct5s-hr{border:none;border-top:1px dashed var(--border);margin:2.5rem 0}
.qct5s-pros-cons{display:grid;gap:1rem;grid-template-columns:1fr 1fr}
@media (max-width:560px){.qct5s-pros-cons{grid-template-columns:1fr}}
.qct5s-pros,.qct5s-cons{border-radius:var(--radius-sm);padding:1rem 1.15rem;border:1px solid var(--border)}
.qct5s-pros{background:var(--pos-bg);border-color:#155c46}
.qct5s-cons{background:var(--neg-bg);border-color:#7a2230}
.qct5s-pros ul,.qct5s-cons ul{margin:.4rem 0 0;padding-left:1.1rem}

/* ---- responsive data tables (matrix) ---- */
.qct5s-matrix-table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;margin:1rem 0;font-size:.93rem}
.qct5s-matrix-table caption{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.05em;color:var(--ink-300);text-align:left;padding:.2rem 0 .6rem;border-bottom:1px dashed var(--border-soft)}
.qct5s-matrix-table th,.qct5s-matrix-table td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--border);vertical-align:top;overflow-wrap:anywhere}
.qct5s-matrix-table th{color:var(--ink-200);font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}
.qct5s-matrix-table .qct5s-mono{font-size:.86em}

@media (max-width:600px){
  .qct5s-field input,.qct5s-field select{min-width:0;width:100%}
  .qct5s-checker-controls .qct5s-field{flex:1 1 100%}
  .qct5s-matrix-table{font-size:.85rem}
  .qct5s-matrix-table th,.qct5s-matrix-table td{padding:.45rem .4rem}
}

/* ---- network glyph legend (inline SVG icons) ---- */
.qct5s-net-legend{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.1rem 0 .4rem;padding:0;list-style:none}
.qct5s-net-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--ink-850);font-family:var(--font-mono);font-size:.8rem;color:var(--ink-100)}
.qct5s-net-chip svg{width:20px;height:20px;flex:none}
.qct5s-net-chip small{color:var(--flag);font-size:.86em}

html.qct5s-nav-open{overflow:hidden}