/* Exam Change Watch guides (Security+ V7 to V8, AI risks quick ref, Network+ V10 draft).
   Scoped to .xg-*. Every color has a hard fallback so the page reads correctly even if tokens fail to load. */
.xg-header,.xg-shell,.xg-foot-note{
  --xg-page:var(--theme-page,#05080a);
  --xg-surface:var(--theme-surface,#0f161b);
  --xg-inset:var(--theme-inset,#05080a);
  --xg-ink:var(--theme-ink,#eceff1);
  --xg-muted:var(--theme-muted,#90a4ae);
  --xg-accent:var(--theme-primary,#00c853);
  --xg-warn:var(--theme-warning,#ffd600);
  --xg-info:var(--theme-info,#00b0ff);
  --xg-error:var(--theme-error,#ff5252);
  --xg-line:var(--theme-border-decorative,#546e7a);
  color:var(--xg-ink);
}
html,body{max-width:100%;overflow-x:hidden}
body{margin:0;background:var(--theme-page,#05080a);color:var(--theme-ink,#eceff1)}

/* Standard page header: BB logo + Return to Arsenal */
.xg-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px clamp(16px,5vw,64px);border-bottom:1px solid var(--xg-line);background:var(--theme-header,#0f161b);position:sticky;top:0;z-index:50}
.xg-header .bb-return-pair{display:flex;align-items:center;gap:16px;min-width:0}
.xg-header .bb-return-logo img{display:block;width:44px;height:44px;object-fit:contain}
.xg-header .bb-return-link{color:var(--theme-on-header,#eceff1);text-decoration:none;font-weight:700}
.xg-header .bb-return-link:hover,.xg-header .bb-return-link:focus-visible{color:var(--xg-accent)}
.xg-header-code{font:500 14px/1.4 var(--font-code,'JetBrains Mono',monospace);letter-spacing:2px;color:var(--xg-muted)}

.xg-shell{box-sizing:border-box;max-width:1120px;margin:0 auto;padding:28px 16px 72px}
.xg-shell *,.xg-shell *::before,.xg-shell *::after{box-sizing:border-box}
.xg-eyebrow{margin:0;font:500 14px/1.5 var(--font-code,'JetBrains Mono',monospace);letter-spacing:2px;text-transform:uppercase;color:var(--xg-accent)}
.xg-shell h1{font-family:'Ultra',Georgia,serif;font-weight:400;font-size:clamp(32px,6vw,58px);line-height:1.12;margin:14px 0 16px;overflow-wrap:anywhere}
.xg-shell h1 span{color:var(--xg-accent)}
.xg-shell h2{font-family:'Ultra',Georgia,serif;font-weight:400;font-size:clamp(23px,3.4vw,32px);line-height:1.25;margin:0 0 14px}
.xg-shell h3{font-family:'Ultra',Georgia,serif;font-weight:400;font-size:20px;line-height:1.3;margin:0 0 8px}
.xg-shell p,.xg-shell li,.xg-shell td,.xg-shell th{font-family:'Geist',sans-serif;font-weight:500;line-height:1.65;font-size:17px}
.xg-shell a{color:var(--xg-accent)}
.xg-lead{font-size:20px!important;max-width:720px}
.xg-muted{color:var(--xg-muted)}
.xg-shell code{font-family:'JetBrains Mono',monospace;font-size:.92em}

.xg-hero{padding:8px 0 28px;border-bottom:1px solid var(--xg-line);margin-bottom:32px}
.xg-draft-flag{display:inline-block;margin:0 0 6px;padding:6px 12px;border:2px solid var(--xg-warn);border-radius:6px;color:var(--xg-warn);font:700 15px/1.3 var(--font-code,'JetBrains Mono',monospace);letter-spacing:2px}

.xg-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:22px 0 0}
.xg-fact{background:var(--xg-surface);border:1px solid var(--xg-line);border-top:3px solid var(--xg-accent);border-radius:12px;padding:16px 18px}
.xg-fact b{display:block;font:400 22px/1.3 'Ultra',Georgia,serif;color:var(--xg-ink);margin:6px 0}
.xg-fact p{margin:0;font-size:15px!important;color:var(--xg-muted)}
.xg-fact.is-warn{border-top-color:var(--xg-warn)}

.xg-section{margin:0 0 40px}
.xg-section > p{max-width:780px}
.xg-toc{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}
.xg-toc a{display:inline-block;padding:8px 12px;border:1px solid var(--xg-line);border-radius:999px;text-decoration:none;color:var(--xg-ink);font:600 15px/1.3 'Geist',sans-serif}
.xg-toc a:hover,.xg-toc a:focus-visible{border-color:var(--xg-accent);color:var(--xg-accent)}

/* Tables: real tables on desktop, stacked cards under 700px so nothing scrolls sideways. */
.xg-table{width:100%;border-collapse:collapse;background:var(--xg-surface);border:1px solid var(--xg-line);border-radius:12px;overflow:hidden}
.xg-table th,.xg-table td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid color-mix(in srgb,var(--xg-line) 60%,transparent)}
.xg-table th{font:700 14px/1.4 var(--font-code,'JetBrains Mono',monospace)!important;letter-spacing:1px;text-transform:uppercase;color:var(--xg-muted);background:var(--xg-inset)}
.xg-table td{font-size:16px!important}
.xg-table tr:last-child td{border-bottom:0}
.xg-num{font-family:'JetBrains Mono',monospace;font-weight:700;white-space:nowrap}
.xg-up{color:var(--xg-accent);font-weight:700}
.xg-down{color:var(--xg-warn);font-weight:700}
.xg-flat{color:var(--xg-muted);font-weight:700}
@media (max-width:700px){
  .xg-table,.xg-table tbody,.xg-table tr,.xg-table td{display:block;width:100%}
  .xg-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .xg-table{border:0;background:transparent}
  .xg-table tr{background:var(--xg-surface);border:1px solid var(--xg-line);border-radius:12px;margin:0 0 12px;padding:6px 0}
  .xg-table td{border:0;padding:6px 14px}
  .xg-table td[data-label]::before{content:attr(data-label);display:block;font:700 13px/1.4 var(--font-code,'JetBrains Mono',monospace);letter-spacing:1px;text-transform:uppercase;color:var(--xg-muted)}
}

.xg-badge{display:inline-block;padding:3px 9px;border-radius:999px;border:1px solid currentColor;font:700 13px/1.4 var(--font-code,'JetBrains Mono',monospace);letter-spacing:1px;text-transform:uppercase;white-space:nowrap}
.xg-badge.new{color:var(--xg-accent)}
.xg-badge.expanded{color:var(--xg-info)}
.xg-badge.merged{color:var(--xg-warn)}
.xg-badge.renumbered{color:var(--xg-ink)}
.xg-badge.same{color:var(--xg-muted)}
.xg-badge.removed{color:var(--xg-error)}
.xg-legend{display:flex;flex-wrap:wrap;gap:10px 16px;margin:0 0 16px;padding:0;list-style:none}
.xg-legend li{font-size:15px!important;color:var(--xg-muted)}

.xg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.xg-card{background:var(--xg-surface);border:1px solid var(--xg-line);border-radius:12px;padding:18px 20px;min-width:0}
.xg-card p{margin:0 0 8px}
.xg-card p:last-child{margin-bottom:0}
.xg-card .xg-tag{display:inline-block;margin:0 0 8px;font:700 13px/1.4 var(--font-code,'JetBrains Mono',monospace);letter-spacing:1px;color:var(--xg-accent)}
.xg-card dl{margin:0}
.xg-card dt{font:700 13px/1.4 var(--font-code,'JetBrains Mono',monospace);letter-spacing:1px;text-transform:uppercase;color:var(--xg-muted);margin:10px 0 2px}
.xg-card dd{margin:0;font:500 16px/1.6 'Geist',sans-serif}
.xg-card dd.xg-defense{color:var(--xg-accent)}

.xg-list{margin:0;padding-left:22px}
.xg-list li{margin:0 0 8px}
.xg-cols{columns:2 300px;column-gap:28px}
.xg-cols li{break-inside:avoid}

.xg-callout{border-left:4px solid var(--xg-accent);background:var(--xg-surface);border-radius:0 12px 12px 0;padding:16px 20px;margin:18px 0}
.xg-callout.is-warn{border-left-color:var(--xg-warn)}
.xg-callout p{margin:0 0 8px}
.xg-callout p:last-child{margin:0}

.xg-choice{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.xg-choice .xg-card{border-top:3px solid var(--xg-accent)}
.xg-choice .xg-card.alt{border-top-color:var(--xg-info)}

.xg-sources{font-size:15px!important;color:var(--xg-muted)}
.xg-sources li{font-size:15px!important}

:focus-visible{outline:3px solid var(--theme-focus,#ffd600);outline-offset:2px}

/* Reticle: visible on mouse devices at every width; hidden only on touch-first (coarse) pointers. */
@media (pointer:coarse){
  .cursor,.cursor-dot{display:none!important}
  body{cursor:auto!important}
}
@media print{
  .cursor,.cursor-dot,.xg-header,.bb-site-footer,.xg-toc{display:none!important}
  body,.xg-shell{background:#fff!important;color:#000!important}
}