/* Shared component styles for FIRST Robotics 2027 pages. */

/* ── COLOR TOKENS ── */
   :root {
     --frc:        #009CD7;   /* FIRST Process Blue */
     --frc-light:  #e6f6fc;
     --ftc:        #e07000;   /* FTC orange */
     --ftc-light:  #fff3e0;
     --shared:     #2e7d32;   /* shared green */
     --shared-light: #f1f8f1;
     --sw-warning-background: #fff8e1;
     --sw-error-background: #fff5f5;
     --sw-deprecated-background: #ffebee;
     --sw-deprecated-text: #c62828;
   }

   /* Use the same tinted surfaces for manual and system dark mode. */
   body[data-theme="dark"] {
     --frc-light: rgba(0,156,215,0.12);
     --ftc-light: rgba(224,112,0,0.12);
     --shared-light: rgba(46,125,50,0.12);
     --sw-warning-background: rgba(255,160,0,0.12);
     --sw-error-background: rgba(211,47,47,0.12);
     --sw-deprecated-background: rgba(211,47,47,0.16);
     --sw-deprecated-text: #ef9a9a;
   }
   @media (prefers-color-scheme: dark) {
     body:not([data-theme="light"]):not([data-theme="dark"]) {
       --frc-light: rgba(0,156,215,0.12);
       --ftc-light: rgba(224,112,0,0.12);
       --shared-light: rgba(46,125,50,0.12);
       --sw-warning-background: rgba(255,160,0,0.12);
       --sw-error-background: rgba(211,47,47,0.12);
       --sw-deprecated-background: rgba(211,47,47,0.16);
       --sw-deprecated-text: #ef9a9a;
     }
   }

   /* ── TAB SELECTOR ── */
   #landing-tab-root { max-width: 900px; }
   .wl-hero { text-align:center; padding:36px 0 8px; }
   .wl-hero-title { font-size:2rem; font-weight:800; margin:0 0 12px; color:var(--color-foreground-primary,#1a1a1a); }
   .wl-hero-copy { font-size:1rem; color:var(--color-foreground-secondary,#555); max-width:560px; margin:0 auto 20px; line-height:1.6; }
   .wl-hero-frc { color:var(--frc); }
   .wl-hero-ftc { color:var(--ftc); }
   .wl-tab-selector { text-align:center; padding:12px 0 28px; }
   .wl-tab-prompt { font-size:1.1rem; font-weight:600; margin-bottom:16px; }
   .wl-tab-buttons { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }
   .wl-tab-btn {
     padding:11px 26px; font-size:0.95rem; font-weight:600;
     border-radius:6px; border:2px solid #ccc;
     background:var(--color-background-secondary,#f8f8f8);
     cursor:pointer; transition:all 0.2s;
     color:var(--color-foreground-primary,#1a1a1a);
   }
   .wl-tab-btn:hover { border-color:var(--shared); color:var(--shared); }
   .wl-tab-btn.active { background:var(--shared); border-color:var(--shared); color:#fff; }
   .wl-tab-btn:visited { color: inherit; }
   .wl-tab-btn:focus-visible { outline:3px solid var(--frc); outline-offset:3px; }
   .wl-tab-link { display:inline-flex; align-items:center; text-decoration:none; }
   .wl-tab-link:hover { text-decoration:none; }

   @media (prefers-reduced-motion:reduce) {
     .wl-tab-btn { transition:none; }
   }

   /* ── PANELS ── */
   .wl-panel { display:none; padding-bottom:40px; }
   .wl-panel.active { display:block; }

   /* ── WELCOME BLOCK ── */
   .wl-welcome {
     background:var(--color-background-secondary,#f8f8f8);
     border-left:4px solid var(--frc);
     border-radius:6px; padding:20px 24px; margin-bottom:28px;
   }
   .wl-welcome-frc { border-left-color:var(--frc); }
   .wl-welcome-ftc { border-left-color:var(--ftc); }
   .wl-welcome-h { font-size:1.35rem; font-weight:700; margin:0 0 8px; border:none; }
   .wl-welcome-p { font-size:0.95rem; margin:0; line-height:1.6; color:var(--color-foreground-secondary,#444); }

   /* ── SECTION HEADING ── */
   .wl-sh {
     font-size:0.9rem; font-weight:700; text-transform:uppercase;
     letter-spacing:0.06em; color:var(--color-foreground-secondary,#555);
     border-bottom:1px solid var(--color-background-border,#ddd);
     padding-bottom:7px; margin:24px 0 14px;
   }

   /* ── LEGEND ── */
   .wl-legend {
     display:flex; flex-wrap:wrap; align-items:center; gap:14px;
     margin-bottom:12px; font-size:0.82rem;
     color:var(--color-foreground-secondary,#555);
   }
   .wl-legend-item { display:inline-flex; align-items:center; gap:6px; font-weight:600; }
   .wl-legend-dot { width:9px; height:9px; border-radius:50%; display:inline-block; }
   .wl-legend-dot-frc    { background:var(--frc); }
   .wl-legend-dot-ftc    { background:var(--ftc); }
   .wl-legend-dot-shared { background:var(--shared); }
   .wl-legend-note { font-style:italic; }

   /* ── SIDEBAR LEGEND (every page) ── */
   .sidebar-legend {
     display:flex; flex-wrap:wrap; gap:10px;
     padding:0.6rem var(--sidebar-item-spacing-horizontal,1rem);
     font-size:0.72rem; color:#fff;
   }
   .sidebar-legend + .sidebar-tree { margin-top:0; }
   .sidebar-legend + .sidebar-tree > .caption:first-child {
     margin-top:0; padding-top:0;
   }
   .sidebar-legend-item { display:inline-flex; align-items:center; gap:5px; font-weight:600; }
   .sidebar-legend-dot { width:7px; height:7px; border-radius:50%; display:inline-block; }
   .sidebar-legend-dot-frc    { background:var(--frc); }
   .sidebar-legend-dot-ftc    { background:var(--ftc); }
   .sidebar-legend-dot-shared { background:var(--shared); }

   /* Keep Start Here focused on the five-step journey. Step article pages
      remain available from each step landing page and in non-HTML builds. */
   .sidebar-tree > .caption:first-child + ul > .toctree-l1 > ul > .toctree-l2 > input,
   .sidebar-tree > .caption:first-child + ul > .toctree-l1 > ul > .toctree-l2 > label,
   .sidebar-tree > .caption:first-child + ul > .toctree-l1 > ul > .toctree-l2 > ul {
     display:none;
   }

   /* ── CARDS GRID ── */
   .wl-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-bottom:24px; width:100%; }

   .wl-card {
     display:flex; align-items:flex-start; gap:14px;
     padding:18px 20px; border-radius:8px;
     border:2px solid var(--color-background-border,#ddd);
     text-decoration:none; color:inherit;
     background:var(--color-background-primary,#fff);
     box-sizing:border-box;
     transition:border-color 0.2s, box-shadow 0.2s;
   }
   .wl-btn { cursor:pointer; text-align:left; width:100%; }
   .wl-feature-card { box-sizing:border-box; margin-bottom:24px; }
   .wl-card:hover { box-shadow:0 2px 8px rgba(0,0,0,0.08); text-decoration:none; color:inherit; }
   .wl-card:visited,
   .wl-prog-card:visited,
   .wl-core-card:visited,
   .wl-xrp-blurb:visited,
   .wl-ql:visited { color: inherit; text-decoration: none; }




   .wl-card-frc  { border-color:rgba(0,48,135,0.25); }
   .wl-card-frc:hover  { border-color:var(--frc);  box-shadow:0 2px 10px rgba(0,48,135,0.12); }
   .wl-card-ftc  { border-color:rgba(224,112,0,0.3); background:var(--ftc-light); }
   .wl-card-ftc:hover  { border-color:var(--ftc);  box-shadow:0 2px 10px rgba(224,112,0,0.15); }
   .wl-card-shared { border-color:rgba(46,125,50,0.25); }
   .wl-card-shared:hover { border-color:var(--shared); box-shadow:0 2px 10px rgba(46,125,50,0.12); }

   .wl-num { font-size:1.4rem; font-weight:800; line-height:1; flex-shrink:0; font-family:monospace; }
   .wl-frc-text    { color:var(--frc); }
   .wl-ftc-text    { color:var(--ftc); }
   .wl-shared-text { color:var(--shared); }

   .wl-card-title { font-weight:700; font-size:0.95rem; margin-bottom:4px; }
   .wl-card-desc  { font-size:0.85rem; color:var(--color-foreground-secondary,#555); line-height:1.5; }
   .wl-card-link  { font-size:0.82rem; font-weight:600; text-decoration:none; }
   .wl-card-link:hover { text-decoration:underline; }

   /* ── QUICK LINKS ── */
   .wl-quicklinks { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }
   .wl-ql {
     padding:7px 14px; border-radius:20px; font-size:0.85rem; font-weight:500;
     text-decoration:none; border:1px solid; transition:all 0.2s;
     background:var(--color-background-primary,#fff);
   }
   .wl-ql-frc    { color:var(--frc);    border-color:rgba(0,48,135,0.3); }
   .wl-ql-frc:hover    { background:var(--frc);    color:#fff; border-color:var(--frc); text-decoration:none; }
   .wl-ql-shared { color:var(--shared); border-color:rgba(46,125,50,0.3); }
   .wl-ql-shared:hover { background:var(--shared); color:#fff; border-color:var(--shared); text-decoration:none; }

   /* ── TIP BLOCK ── */
   .wl-tip { border-radius:6px; padding:13px 17px; font-size:0.875rem; line-height:1.6; }
   .wl-tip-shared { background:var(--shared-light); border:1px solid rgba(46,125,50,0.3); }
   .wl-tip-shared a { color:var(--shared); }

   /* ── BACK BUTTON ── */
   .wl-back {
     background:none; border:none; cursor:pointer;
     font-size:0.85rem; margin-top:12px; padding:0;
     color:var(--color-foreground-secondary,#666);
     text-decoration:underline;
   }
   .wl-back:hover { color:var(--frc); }

   /* ── RETURNING GRID ── */
   .wl-ret-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
   .wl-ret-column { display:flex; flex-direction:column; gap:14px; }

   .wl-ret-card {
     border-radius:8px; padding:18px 20px;
     border:2px solid var(--color-background-border,#ddd);
     background:var(--color-background-primary,#fff);
     position:relative;
   }
   .wl-ret-card ul { font-size:0.875rem; line-height:1.7; margin:0; padding-left:18px; }
   .wl-ret-card li { margin-bottom:2px; }

   .wl-ret-frc   { border-color:var(--frc);    background:var(--frc-light); }
   .wl-ret-ftc   { border-color:var(--ftc);    background:var(--ftc-light); }
   .wl-ret-shared { border-color:var(--shared); background:var(--shared-light); }

   .wl-ret-label {
     display:inline-block; font-size:0.7rem; font-weight:700;
     text-transform:uppercase; letter-spacing:0.06em;
     padding:2px 8px; border-radius:4px; margin-bottom:8px;
   }
   .wl-frc-label    { background:var(--frc);    color:#fff; }
   .wl-ftc-label    { background:var(--ftc);    color:#fff; }
   .wl-shared-label { background:var(--shared); color:#fff; }

   .wl-ret-h { font-size:0.95rem; font-weight:700; margin:0 0 10px; border:none; }
   .wl-ret-copy, .wl-ret-link { font-size:0.875rem; }
   .wl-ret-copy { margin-bottom:8px; }
   .wl-ret-copy-spacious { margin-bottom:10px; }
   .wl-ret-subhead { display:block; font-size:0.875rem; }
   .wl-ret-subhead-spaced { margin-top:12px; }
   .wl-ret-compact-list { font-size:0.82rem !important; margin-top:6px !important; }

   /* ── PROGRAM + CORE GRIDS (below tabs) ── */
   .wl-program-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-bottom:14px; }
   .wl-prog-card {
     display:block; border-radius:8px; padding:20px 22px;
     text-decoration:none; color:inherit;
     border:2px solid var(--color-background-border,#ddd);
     background:var(--color-background-primary,#fff);
     transition:border-color 0.2s, box-shadow 0.2s;
   }
   .wl-prog-card:hover { text-decoration:none; color:inherit; box-shadow:0 2px 8px rgba(0,0,0,0.08); }
   .wl-prog-frc { border-color:rgba(0,48,135,0.25); }
   .wl-prog-frc:hover { border-color:var(--frc); }
   .wl-prog-ftc { border-color:rgba(224,112,0,0.3); background:var(--ftc-light); }
   .wl-prog-ftc:hover { border-color:var(--ftc); }
   .wl-prog-tag {
     display:inline-block; font-size:0.72rem; font-weight:700;
     text-transform:uppercase; letter-spacing:0.05em;
     padding:2px 8px; border-radius:4px; margin-bottom:9px;
   }
   .wl-prog-title { font-size:1rem; font-weight:700; margin-bottom:5px; }
   .wl-prog-desc  { font-size:0.875rem; color:var(--color-foreground-secondary,#555); line-height:1.5; }

   .wl-core-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:11px; margin-bottom:32px; }
   .wl-core-card {
     display:block; border-radius:8px; padding:15px 17px;
     text-decoration:none; color:inherit;
     border:1px solid var(--color-background-border,#ddd);
     background:var(--color-background-primary,#fff);
     transition:border-color 0.2s;
   }
   .wl-core-card:hover { border-color:var(--frc); text-decoration:none; color:inherit; }
   .wl-core-title { font-size:0.88rem; font-weight:700; margin-bottom:4px; }
   .wl-core-desc  { font-size:0.78rem; color:var(--color-foreground-secondary,#555); line-height:1.5; }
   .wl-core-intro { margin:28px 0; }
   .wl-core-heading { font-size:1rem; margin:0 0 6px; }
   .wl-core-copy { font-size:0.85rem; color:var(--color-foreground-secondary,#555); margin-bottom:14px; }
   .wl-legacy-note { margin-top:8px; padding:14px 18px; background:var(--color-background-secondary,#f8f8f8); border:1px solid var(--color-background-border,#ddd); border-radius:6px; font-size:0.85rem; line-height:1.6; color:var(--color-foreground-secondary,#555); }
   .wl-legacy-note a { font-weight:600; }

   .wl-xrp-blurb {
     display:flex; align-items:center; gap:16px;
     padding:13px 18px; border-radius:8px; margin-bottom:14px;
     border:1px solid rgba(46,125,50,0.3); background:var(--shared-light);
     text-decoration:none; color:inherit; transition:border-color 0.2s;
   }
   .wl-xrp-blurb:hover { border-color:var(--shared); text-decoration:none; color:inherit; }
   .wl-xrp-tag {
     font-size:0.72rem; font-weight:700; text-transform:uppercase;
     letter-spacing:0.05em; padding:2px 8px; border-radius:4px;
     background:var(--shared); color:#fff; flex-shrink:0;
   }
   .wl-xrp-text { font-size:0.875rem; line-height:1.5; }
   .wl-xrp-link { margin-left:auto; font-size:0.85rem; font-weight:600; color:var(--shared); flex-shrink:0; }

   /* ── RESPONSIVE ── */
   @media (max-width:700px) {
     .wl-grid         { grid-template-columns:1fr; }
     .wl-ret-grid     { grid-template-columns:1fr; }
     .wl-program-grid { grid-template-columns:1fr; }
     .wl-core-grid    { grid-template-columns:repeat(2,1fr); }
   }
   @media (max-width:460px) {
     .wl-core-grid { grid-template-columns:1fr; }
   }

   /* ── LABELS ── */
   .sw-label { display:inline-block; font-size:0.7rem; font-weight:700; text-transform:uppercase; letter-spacing:0.06em; padding:2px 8px; border-radius:4px; margin-bottom:10px; }
   .sw-label-frc    { background:var(--frc);    color:#fff; }
   .sw-label-ftc    { background:var(--ftc);    color:#fff; }
   .sw-label-shared { background:var(--shared); color:#fff; }
   .sw-label-rec    { background:#1a1a1a;       color:#fff; }
   .sw-label-win    { background:#0078d4;       color:#fff; }
   .sw-label-any    { background:#555;          color:#fff; }

   .sw-section-h {
     font-size:0.85rem; font-weight:700; text-transform:uppercase; letter-spacing:0.06em;
     color:var(--color-foreground-secondary,#555);
     border-bottom:1px solid var(--color-background-border,#ddd);
     padding-bottom:7px; margin:32px 0 14px;
   }

   /* ── GRID ── */
   .sw-grid   { display:grid; gap:12px; margin-bottom:24px; }
   .sw-grid-2 { grid-template-columns:repeat(2,1fr); }
   .sw-grid-3 { grid-template-columns:repeat(3,1fr); }
   .sw-grid-4 { grid-template-columns:repeat(4,1fr); }
   .sw-grid-6 { grid-template-columns:repeat(3,1fr); }

   /* ── CARDS ── */
   .sw-card {
     padding:18px 20px; border-radius:8px;
     border:2px solid var(--color-background-border,#ddd);
     background:var(--color-background-primary,#fff);
     text-decoration:none; color:inherit; display:block;
     transition:border-color 0.2s, box-shadow 0.2s;
   }
   a.sw-card:hover        { box-shadow:0 2px 8px rgba(0,0,0,0.08); text-decoration:none; color:inherit; }
   a.sw-card:visited      { color:inherit; text-decoration:none; }
   .sw-card-frc           { border-color:rgba(0,156,215,0.3); }
   a.sw-card-frc:hover    { border-color:var(--frc); }
   .sw-card-ftc           { border-color:rgba(224,112,0,0.3); background:var(--ftc-light); }
   a.sw-card-ftc:hover    { border-color:var(--ftc); }
   .sw-card-rec           { border-color:var(--frc); background:var(--frc-light); }
   .sw-card-shared        { border-color:rgba(46,125,50,0.3); background:var(--shared-light); }
   a.sw-card-shared:hover { border-color:var(--shared); }
   .sw-card-err           { border-color:rgba(211,47,47,0.3); background:var(--sw-error-background); }

   /* sphinx-design's own .sd-card rule has equal specificity to .sw-card-frc/ftc/shared/rec
      and loads after this stylesheet, so it silently wins the cascade on grid-item-card
      without this higher-specificity override. */
   .sd-card.sw-card-frc    { border-color:rgba(0,156,215,0.3); background:var(--frc-light); }
   .sd-card.sw-card-ftc    { border-color:rgba(224,112,0,0.3); background:var(--ftc-light); }
   .sd-card.sw-card-rec    { border-color:var(--frc); background:var(--frc-light); }
   .sd-card.sw-card-shared { border-color:rgba(46,125,50,0.3); background:var(--shared-light); }

   /* sphinx-design leaves .sd-card-title uncolored, and .sd-card-header sets
      its own separate background-color (covering the tint set on .sd-card
      above) plus uncolored text — so both the label and its background read
      grey without these overrides. The header gets a stronger tint than the
      body/title so it still reads as a distinct label bar, not one flat box. */
   .sd-card.sw-card-frc    .sd-card-title { color:var(--frc); background:transparent; }
   .sd-card.sw-card-ftc    .sd-card-title { color:var(--ftc); background:transparent; }
   .sd-card.sw-card-rec    .sd-card-title { color:var(--frc); background:transparent; }
   .sd-card.sw-card-shared .sd-card-title { color:var(--shared); background:transparent; }

   .sd-card.sw-card-frc    .sd-card-header { color:var(--frc); background:rgba(0,156,215,0.12); border-bottom-color:rgba(0,156,215,0.3); }
   .sd-card.sw-card-ftc    .sd-card-header { color:var(--ftc); background:rgba(224,112,0,0.12); border-bottom-color:rgba(224,112,0,0.3); }
   .sd-card.sw-card-rec    .sd-card-header { color:var(--frc); background:rgba(0,156,215,0.12); border-bottom-color:rgba(0,156,215,0.3); }
   .sd-card.sw-card-shared .sd-card-header { color:var(--shared); background:rgba(46,125,50,0.12); border-bottom-color:rgba(46,125,50,0.3); }

   .sw-card-title { font-weight:700; font-size:0.97rem; margin-bottom:4px; }
   .sw-card-desc  { font-size:0.85rem; color:var(--color-foreground-secondary,#555); line-height:1.55; }
   .sw-card-time  { font-size:0.78rem; color:var(--frc); font-weight:600; margin-bottom:6px; }
   .sw-step-num   { font-size:1.6rem; font-weight:800; color:var(--shared); font-family:monospace; line-height:1; margin-bottom:8px; display:block; }
   .sw-part-num {
     display:inline-block; font-size:0.7rem; font-weight:700;
     text-transform:uppercase; letter-spacing:0.04em;
     padding:2px 9px; border-radius:4px; margin-bottom:8px;
     background:var(--frc); color:#fff;
   }

   /* ── ORDERED WIRING STEPS ── */
   .sw-order { counter-reset:wiring-step; list-style:none; padding:0; margin:0 0 24px; }
   .sw-order li {
     counter-increment:wiring-step; display:flex;
     align-items:flex-start; gap:14px; margin-bottom:10px;
     padding:12px 16px; border-radius:6px;
     border:1px solid var(--color-background-border,#ddd);
     background:var(--color-background-primary,#fff);
     font-size:0.875rem; line-height:1.55;
   }
   .sw-order li::before {
     content:counter(wiring-step);
     font-size:0.8rem; font-weight:800; color:#fff;
     background:var(--frc); border-radius:50%;
     width:22px; height:22px; display:flex; align-items:center;
     justify-content:center; flex-shrink:0; font-family:monospace;
   }

   /* ── CHECKLIST ── */
   .sw-checklist { list-style:none; padding:0; margin:0 0 20px; }
   .sw-checklist li {
     display:flex; align-items:baseline; gap:10px;
     font-size:0.875rem; line-height:1.6; padding:7px 0;
     border-bottom:1px solid var(--color-background-border,#eee);
   }
   .sw-checklist li::before { content:"\2610"; font-size:1rem; flex-shrink:0; color:var(--frc); }

   /* ── TIP / WARN / NOTE ── */
   .sw-tip  { background:var(--shared-light); border:1px solid rgba(46,125,50,0.3); border-radius:6px; padding:14px 18px; font-size:0.875rem; line-height:1.6; margin-bottom:20px; }
   .sw-warn { background:var(--sw-warning-background); border:1px solid rgba(255,160,0,0.4); border-radius:6px; padding:14px 18px; font-size:0.875rem; line-height:1.6; margin-bottom:20px; }
   .sw-note { background:var(--frc-light); border:1px solid rgba(0,156,215,0.3); border-radius:6px; padding:14px 18px; font-size:0.875rem; line-height:1.6; margin-bottom:20px; }
   .sw-tip a, .sw-warn a { font-weight:600; }

   ul.sw-list { font-size:0.875rem; line-height:1.8; margin:8px 0 0; padding-left:20px; }

   /* ── STEP BADGE ── */
   .sw-step-badge { display:flex; align-items:center; gap:14px; background:var(--frc-light); border:2px solid var(--frc); border-radius:8px; padding:14px 20px; margin-bottom:28px; }
   .sw-step-n { font-size:2.2rem; font-weight:800; color:var(--frc); font-family:monospace; line-height:1; flex-shrink:0; }
   .sw-step-info-title { font-size:1rem; font-weight:700; margin-bottom:2px; }
   .sw-step-info-sub { font-size:0.85rem; color:var(--color-foreground-secondary,#555); }

   /* ── SUCCESS / COMING SOON ── */
   .sw-success { background:var(--shared-light); border:2px solid var(--shared); border-radius:8px; padding:20px 24px; margin-top:28px; }
   .sw-success-h { font-size:1.1rem; font-weight:700; color:var(--shared); margin:0 0 8px; }
   .sw-success-p { font-size:0.875rem; line-height:1.6; margin:0; }

   .sw-coming { text-align:center; padding:48px 32px; border:2px dashed rgba(224,112,0,0.4); border-radius:12px; background:var(--ftc-light); margin-bottom:28px; }
   .sw-coming-icon { font-size:2.5rem; margin-bottom:12px; }
   .sw-coming-h { font-size:1.3rem; font-weight:700; color:var(--ftc); margin:0 0 10px; }
   .sw-coming-p { font-size:0.9rem; color:var(--color-foreground-secondary,#666); line-height:1.6; max-width:540px; margin:0 auto 20px; }

   /* ── NAV ── */
   .sw-nav { display:flex; justify-content:space-between; margin-top:32px; padding-top:16px; border-top:1px solid var(--color-background-border,#ddd); }
   .sw-nav-btn { padding:9px 20px; border-radius:6px; font-size:0.875rem; font-weight:600; text-decoration:none; border:2px solid var(--frc); color:var(--frc); background:var(--color-background-primary,#fff); transition:all 0.2s; }
   .sw-nav-btn:hover { background:var(--frc); color:#fff; text-decoration:none; }
   .sw-nav-btn:visited { color:var(--frc); }
   .sw-nav-btn.sw-next { background:var(--frc); color:#fff; }
   .sw-nav-btn.sw-next:hover { background:#007ab0; border-color:#007ab0; }
   .sw-nav-btn.sw-next:visited { color:#fff; }

   /* ── TABLE ── */
   .sw-tbl { width:100%; border-collapse:collapse; font-size:0.85rem; margin-bottom:24px; }
   .sw-tbl th { background:var(--frc); color:#fff; padding:8px 12px; text-align:left; font-weight:700; }
   .sw-tbl td { padding:8px 12px; border-bottom:1px solid var(--color-background-border,#ddd); vertical-align:top; }
   .sw-tbl tr:nth-child(even) td { background:var(--color-background-secondary,#f8f8f8); }

   .sw-dep { display:inline-block; font-size:0.75rem; font-weight:700; color:var(--sw-deprecated-text); background:var(--sw-deprecated-background); padding:1px 6px; border-radius:3px; margin-left:6px; }

   @media(max-width:700px) {
     .sw-grid-2, .sw-grid-3, .sw-grid-4, .sw-grid-6 { grid-template-columns:1fr; }
   }
   @media(max-width:900px) {
     .sw-grid-4 { grid-template-columns:repeat(2,1fr); }
   }


/* ── RST CONTAINER COMPAT: step badge — remove <p> margins from nested containers ── */
.sw-step-n p, .sw-step-info-title p, .sw-step-info-sub p { margin:0; }
.sw-success-h p { margin:0; }
.sw-success p { font-size:0.875rem; line-height:1.6; margin:0; }

/* ── RST CONTAINER COMPAT: nav bar — style <p><a> links like .sw-nav-btn ── */
.sw-nav p { margin:0; }
.sw-nav p a {
  padding:9px 20px; border-radius:6px; font-size:0.875rem;
  font-weight:600; text-decoration:none; border:2px solid var(--frc);
  color:var(--frc); background:var(--color-background-primary,#fff);
  transition:all 0.2s; display:inline-block; }
.sw-nav p a:hover { background:var(--frc); color:#fff; text-decoration:none; }
.sw-nav p a:visited { color:var(--frc); }
.sw-nav .sw-next p a { background:var(--frc); color:#fff; }
.sw-nav .sw-next p a:hover { background:#007ab0; border-color:#007ab0; }
.sw-nav .sw-next p a:visited { color:#fff; }

/* ── DARK MODE: replace light solid backgrounds with dark tinted versions ── */
body[data-theme="dark"] .sw-card-ftc    { background: rgba(224, 112,   0, 0.12); }
body[data-theme="dark"] .sw-card-shared { background: rgba( 46, 125,  50, 0.12); }
body[data-theme="dark"] .sw-card-rec    { background: rgba(  0, 156, 215, 0.12); }
body[data-theme="dark"] .sw-card-frc    { background: rgba(  0, 156, 215, 0.12); }
body[data-theme="dark"] .sw-step-badge  { background: rgba(  0, 156, 215, 0.12); }
body[data-theme="dark"] .sw-success     { background: rgba( 46, 125,  50, 0.12); }
body[data-theme="dark"] .sw-tip         { background: rgba( 46, 125,  50, 0.12); border-color: rgba(46, 125, 50, 0.3); }
body[data-theme="dark"] .sw-warn        { background: rgba(255, 160,   0, 0.12); border-color: rgba(255, 160, 0, 0.3); }
body[data-theme="dark"] .sw-nav p a     { background: var(--color-background-primary, #1a1a1a); }

/* ── DARK MODE: landing page components ── */
body[data-theme="dark"] .wl-tip-shared {
  background: rgba(46,125,50,0.12);
  border-color: rgba(129,199,132,0.35);
  color: var(--color-foreground-primary, #e8e8e8);
}
body[data-theme="dark"] .wl-tip-shared a { color: #81c784; }
@media (prefers-color-scheme: dark) {
  body:not([data-theme="light"]):not([data-theme="dark"]) .wl-tip-shared {
    background: rgba(46,125,50,0.12);
    border-color: rgba(129,199,132,0.35);
    color: var(--color-foreground-primary, #e8e8e8);
  }
  body:not([data-theme="light"]):not([data-theme="dark"]) .wl-tip-shared a { color: #81c784; }
}
body[data-theme="dark"] .wl-card        { background: var(--color-background-secondary, #1e1e1e); border-color: rgba(255,255,255,0.08); }
body[data-theme="dark"] .wl-card-frc   { border-color: rgba(0,156,215,0.35); }
body[data-theme="dark"] .wl-card-ftc   { border-color: rgba(224,112,0,0.35); }
body[data-theme="dark"] .wl-card-shared { border-color: rgba(46,125,50,0.35); }
body[data-theme="dark"] .wl-tab-btn    { background: var(--color-background-secondary, #1e1e1e); border-color: rgba(255,255,255,0.15); color: var(--color-foreground-primary, #e8e8e8); }
body[data-theme="dark"] .wl-tab-btn:hover { border-color: var(--shared); color: var(--shared); }
body[data-theme="dark"] .wl-tab-btn.active { background: var(--shared); border-color: var(--shared); color: #fff; }
body[data-theme="dark"] .wl-ret-card   { background: var(--color-background-secondary, #1e1e1e); border-color: rgba(255,255,255,0.08); }
body[data-theme="dark"] .wl-ret-frc    { border-color: rgba(0,156,215,0.35); }
body[data-theme="dark"] .wl-ret-ftc    { border-color: rgba(224,112,0,0.35); }
body[data-theme="dark"] .wl-core-card  { background: var(--color-background-secondary, #1e1e1e); border-color: rgba(255,255,255,0.08); color: var(--color-foreground-primary, #e8e8e8); }