/* ---------- Password generator (scoped; shared logic with vetsitrep.veteransolutionstx.com/tools/password-generator) ---------- */
  :root{ --green:#1f7d47; }
  @media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ --green:#7bd99a; } }
  :root[data-theme="dark"]{ --green:#7bd99a; }
  .tool{ padding-block:8px 72px; }
  .tool .wrap{ max-width:760px; }
  /* ---------- Tool card ---------- */
  .tool .pw-card{
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:14px;
    padding:22px;
    box-shadow:var(--shadow);
    display:flex;
    flex-direction:column;
    gap:18px;
  }

  .tool .output-row{ display:flex; gap:8px; }
  .tool .output{
    flex:1;
    min-width:0;
    font-family:'JetBrains Mono',monospace;
    font-size:19px;
    font-weight:500;
    letter-spacing:.02em;
    background:var(--surface-2);
    border:1px solid var(--line);
    border-radius:10px;
    padding:14px 16px;
    color:var(--ink);
    white-space:pre-wrap;
    overflow-wrap:anywhere;
    user-select:all;
  }

  .tool button{
    font-family:'Public Sans',sans-serif;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    border-radius:10px;
    border:1px solid transparent;
  }
  .tool button:focus-visible, .tool input:focus-visible{ outline:2px solid var(--focus); outline-offset:2px; }

  .tool .icon-btn{
    display:flex; align-items:center; justify-content:center;
    width:52px; flex:0 0 52px;
    background:var(--surface-2); border-color:var(--line); color:var(--ink);
    transition:background .12s ease, border-color .12s ease;
  }
  .tool .icon-btn:hover{ background:var(--mono-chip); }
  .tool .icon-btn svg{ width:19px; height:19px; }
  .tool .icon-btn svg[hidden]{ display:none; }
  .tool .icon-btn.copied{ background:color-mix(in srgb, var(--green) 16%, var(--surface)); border-color:var(--green); color:var(--green); }

  .tool .generate-btn{
    width:100%; padding:13px;
    background:var(--navy); color:var(--ground); /* --ground: light text in light mode, dark text in dark mode */
    font-size:15px; display:flex; align-items:center; justify-content:center; gap:8px;
    transition:opacity .12s ease;
  }
  .tool .generate-btn:hover{ opacity:.88; }
  .tool .generate-btn svg{ width:16px; height:16px; }

  .tool .strength{ display:flex; flex-direction:column; gap:6px; }
  .tool .strength-row{ display:flex; justify-content:space-between; align-items:baseline; font-size:12px; }
  .tool .strength-label{ font-weight:700; letter-spacing:.02em; }
  .tool .strength-bits{ font-family:'JetBrains Mono',monospace; color:var(--ink-soft); font-variant-numeric:tabular-nums; }
  .tool .meter{ height:6px; border-radius:999px; background:var(--line); overflow:hidden; }
  .tool .meter-fill{ height:100%; border-radius:999px; transition:width .16s ease, background .16s ease; }

  .tool hr.divider{ height:1px; background:var(--line); border:none; margin:0; }

  .tool .field{ display:flex; flex-direction:column; gap:10px; }
  .tool .field-row{ display:flex; justify-content:space-between; align-items:baseline; }
  .tool .field-label{ font-size:13px; font-weight:700; }
  .tool .field-value{ font-family:'JetBrains Mono',monospace; font-size:13px; color:var(--navy); font-variant-numeric:tabular-nums; }

  .tool input[type="range"]{ -webkit-appearance:none; appearance:none; width:100%; height:6px; border-radius:999px; background:var(--line); }
  .tool input[type="range"]::-webkit-slider-thumb{
    -webkit-appearance:none; width:18px; height:18px; border-radius:50%;
    background:var(--navy); border:3px solid var(--surface); box-shadow:0 0 0 1px var(--navy); cursor:pointer;
  }
  .tool input[type="range"]::-moz-range-thumb{
    width:18px; height:18px; border:3px solid var(--surface); border-radius:50%;
    background:var(--navy); box-shadow:0 0 0 1px var(--navy); cursor:pointer;
  }

  .tool .toggles{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  .tool .toggle{
    display:flex; align-items:center; gap:10px; padding:10px 12px;
    border:1px solid var(--line); border-radius:10px; background:var(--surface-2);
    cursor:pointer; transition:border-color .12s ease, background .12s ease;
  }
  .tool .toggle:has(input:checked){ border-color:var(--navy); background:color-mix(in srgb, var(--navy) 8%, var(--surface)); }
  .tool .toggle input{ width:16px; height:16px; accent-color:var(--navy); flex:0 0 auto; }
  .tool .toggle-text{ display:flex; flex-direction:column; line-height:1.25; }
  .tool .toggle-name{ font-size:13px; font-weight:700; }
  .tool .toggle-sample{ font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--ink-soft); }

  .tool .exclude-row{
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    padding:10px 12px; border:1px dashed var(--line); border-radius:10px;
  }
  .tool .exclude-row label{ font-size:13px; color:var(--ink-soft); display:flex; align-items:center; gap:8px; cursor:pointer; }
  .tool .exclude-row input{ width:16px; height:16px; accent-color:var(--navy); }
  .tool .switch-hint{ font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--ink-soft); }

  .tool .privacy-note{
    margin-top:1.6em;
    padding:16px 20px;
    background:var(--surface-2);
    border-left:4px solid var(--old-glory-red);
    border-radius:0 8px 8px 0;
    font-size:.9rem;
    color:var(--ink-soft);
  }

  /* ---------- Mode switch + passphrase ---------- */
  .tool .mode{ display:grid; grid-template-columns:repeat(5,1fr); gap:4px; padding:4px; background:var(--surface-2); border:1px solid var(--line); border-radius:12px; }
  @media (max-width:560px){ .tool .mode{ grid-template-columns:repeat(3,1fr); } }
  .tool .output.list{ font-size:16px; line-height:1.7; }
  .tool .dice-box{ display:flex; flex-direction:column; gap:8px; }
  .tool .dice-in{ width:100%; box-sizing:border-box; resize:vertical; font-weight:400; letter-spacing:.08em; }
  .tool .dice-box[hidden], .tool .field[hidden], .tool .toggle[hidden]{ display:none; }
  .tool .mode label{ position:relative; text-align:center; padding:9px; border-radius:9px; font-weight:700; font-size:14px; cursor:pointer; color:var(--ink-soft); }
  .tool .mode input{ position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer; }
  .tool .mode label:has(input:checked){ background:var(--surface); color:var(--ink); box-shadow:var(--shadow); }
  .tool .mode label:has(input:focus-visible){ outline:2px solid var(--focus); outline-offset:2px; }
  .tool .opts{ display:flex; flex-direction:column; gap:18px; }
  .tool .opts[hidden]{ display:none; }
  .tool .sep-row{ flex-wrap:wrap; justify-content:flex-start; gap:8px 18px; }
  .tool .sep-row .field-label{ width:100%; }
  .tool .credit{ font-size:12px; color:var(--ink-soft); margin:0; }
  .tool .credit a{ color:inherit; }

  /* ---------- Policy presets ---------- */
  .tool .presets{ display:flex; flex-wrap:wrap; gap:8px; }
  .tool .presets label{ position:relative; padding:7px 14px; border:1px solid var(--line); border-radius:999px; background:var(--surface-2); font-size:13px; font-weight:700; color:var(--ink-soft); cursor:pointer; }
  .tool .presets input{ position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer; }
  .tool .presets label:has(input:checked){ border-color:var(--navy); color:var(--navy); background:color-mix(in srgb, var(--navy) 8%, var(--surface)); }
  .tool .presets label:has(input:focus-visible){ outline:2px solid var(--focus); outline-offset:2px; }
  .tool .policy-note{ margin:0; font-size:13px; line-height:1.55; color:var(--ink-soft); }
  .tool .policy-check{ margin:0; font-size:13px; font-weight:700; }
  .tool .policy-check.ok{ color:var(--green); }
  .tool .policy-check.bad{ color:var(--red); }
  .tool .policy-note[hidden], .tool .policy-check[hidden]{ display:none; }
  .tool .lang-switch{ margin-top:14px; font-size:.9rem; }
  .tool .lang-switch a, .page-hero .lang-switch a{ color:var(--navy); font-weight:700; }

  /* ---------- Text inputs, Wi-Fi QR, bulk ---------- */
  .tool .text-in{ font-family:'JetBrains Mono',monospace; font-size:14px; color:var(--ink); background:var(--surface); border:1px solid var(--line); border-radius:8px; padding:8px 10px; min-width:0; }
  .tool .text-in:focus-visible{ outline:2px solid var(--focus); outline-offset:1px; }
  .tool .text-in[hidden]{ display:none; }
  .tool #symbolModeRow{ flex-wrap:wrap; justify-content:flex-start; gap:8px 18px; }
  .tool #customSymbols{ flex:1 1 100%; }
  .tool .safe-note{ flex:1 1 100%; }
  .tool .safe-note[hidden]{ display:none; }
  .tool .text-row{ gap:12px; }
  .tool .text-row label{ flex:0 0 auto; }
  .tool .text-row .text-in{ flex:1; }
  .tool .ghost-btn{ padding:9px 14px; background:var(--surface-2); border-color:var(--line); color:var(--ink); }
  .tool .ghost-btn:hover{ background:var(--mono-chip); }
  .tool .btn-row{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
  .tool .btn-row[hidden]{ display:none; }
  .tool .wifi-qr{ display:flex; flex-direction:column; gap:12px; padding:16px; border:1px solid var(--line); border-radius:12px; background:var(--surface-2); }
  .tool .wifi-qr[hidden]{ display:none; }
  .tool .wifi-qr .exclude-row{ flex-wrap:wrap; justify-content:flex-start; gap:8px 18px; background:var(--surface); }
  .tool .text-field{ display:flex; flex-direction:column; gap:6px; font-size:13px; font-weight:700; }
  .tool .qr-empty{ margin:0; font-size:13px; color:var(--ink-soft); }
  .tool .qr-empty[hidden]{ display:none; }
  .tool .qr-card{ display:flex; gap:18px; align-items:center; flex-wrap:wrap; padding:14px; background:#fff; color:#111; border-radius:10px; border:1px solid var(--line); }
  .tool .qr-card[hidden]{ display:none; }
  .tool .qr-card canvas{ width:180px; height:180px; image-rendering:pixelated; flex:0 0 auto; }
  .tool .qr-text{ flex:1; min-width:160px; display:flex; flex-direction:column; gap:4px; }
  .tool .qr-k{ font-size:12px; color:#555; margin-top:6px; }
  .tool .qr-v{ font-size:16px; font-weight:700; overflow-wrap:anywhere; }
  .tool .qr-v.mono{ font-family:'JetBrains Mono',monospace; font-weight:600; }
  .tool #qrPwRow[hidden]{ display:none; }
  .tool .bulk{ border:1px solid var(--line); border-radius:12px; padding:0 14px; }
  .tool .bulk summary{ cursor:pointer; font-weight:700; font-size:14px; padding:12px 0; }
  .tool .bulk summary::marker{ color:var(--brass); }
  .tool .bulk-body{ display:flex; flex-direction:column; gap:10px; padding-bottom:14px; }
  .tool .bulk-count{ font-size:13px; font-weight:700; }
  .tool .num-in{ width:90px; }
  .tool .bulk-users{ width:100%; box-sizing:border-box; resize:vertical; font-weight:400; }
  .tool .bulk-opt{ display:flex; align-items:center; gap:8px; font-size:13px; color:var(--ink-soft); cursor:pointer; }
  .tool .bulk-opt input{ width:16px; height:16px; accent-color:var(--navy); }
  .tool .bulk-out{ width:100%; box-sizing:border-box; resize:vertical; line-height:1.5; white-space:pre; }

  .tool .app-row{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin-top:14px; }
  .tool .app-row .ghost-btn{ display:inline-flex; align-items:center; gap:8px; }
  .tool .app-row .ghost-btn svg{ width:16px; height:16px; }
  .tool .app-row .ghost-btn[hidden]{ display:none; }
  .tool .app-row .credit{ margin:0; }

  /* ---------- Check mode ---------- */
  .tool .chk-row{ display:flex; gap:8px; }
  .tool .chk-row .text-in{ flex:1; font-size:16px; }
  .tool .chk-results[hidden], .tool .output-row[hidden], .tool .generate-btn[hidden], .tool .bulk[hidden]{ display:none; }
  .tool .chk-results{ display:flex; flex-direction:column; gap:10px; }
  .tool .chk-facts{ margin:0; font-size:13px; font-weight:700; }
  .tool .chk-warn{ margin:0; padding-left:18px; font-size:13px; line-height:1.6; color:var(--ink-soft); }
  .tool .chk-table table{ width:100%; border-collapse:collapse; font-size:13px; }
  .tool .chk-table caption{ text-align:left; font-size:12px; font-weight:700; padding:8px 12px; color:var(--ink-soft); }
  .tool .chk-table th, .tool .chk-table td{ padding:8px 12px; border-top:1px solid var(--line); text-align:left; vertical-align:top; }
  .tool .chk-table th{ font-weight:500; color:var(--ink-soft); }
  .tool .chk-table td{ font-family:'JetBrains Mono',monospace; font-weight:600; white-space:nowrap; }
  .tool .chk-table{ overflow-x:auto; border:1px solid var(--line); border-radius:10px; }
  @media (max-width:560px){ .tool .chk-table th, .tool .chk-table td{ display:block; } .tool .chk-table td{ border-top:none; padding-top:0; white-space:normal; } }
  .tool #chkBreachMsg.ok{ color:var(--green); font-weight:700; }
  .tool #chkBreachMsg.bad{ color:var(--red); font-weight:700; }

  /* ---------- Read-aloud spelling ---------- */
  .tool .spell-btn{ align-self:flex-start; display:inline-flex; align-items:center; gap:8px; padding:6px 2px; background:none; color:var(--navy); font-size:13px; text-decoration:underline; text-underline-offset:3px; }
  .tool .spell-btn svg{ width:16px; height:16px; }
  .tool .spell-btn[hidden], .tool .spell[hidden]{ display:none; }
  .tool .spell{ display:flex; flex-direction:column; gap:12px; }
  .tool .spell-list{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(118px, 1fr)); gap:8px; }
  .tool .spell-list li{ display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; column-gap:8px; align-items:baseline; padding:8px 10px; border:1px solid var(--line); border-left:4px solid var(--line); border-radius:8px; background:var(--surface-2); }
  .tool .spell-list li.sp-upper{ border-left-color:var(--navy); }
  .tool .spell-list li.sp-lower{ border-left-color:var(--brass); }
  .tool .spell-list li.sp-digit{ border-left-color:var(--green); }
  .tool .spell-list li.sp-symbol{ border-left-color:var(--red); }
  .tool .sp-n{ grid-row:1 / span 2; font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--ink-soft); }
  .tool .sp-c{ font-family:'JetBrains Mono',monospace; font-size:20px; font-weight:600; line-height:1.1; }
  .tool .sp-w{ font-size:12px; color:var(--ink-soft); line-height:1.3; }

  /* ---------- Guide content below the tool ---------- */
  .guide .wrap{ max-width:860px; }
  .guide .cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
  .guide .card{ display:flex; flex-direction:column; }
  .guide .card code, .guide p code{ font-family:'JetBrains Mono',monospace; font-size:.86em; background:var(--surface-2); border:1px solid var(--line); border-radius:4px; padding:0 4px; }
  .guide .prose p + ul, .guide .prose ul + p{ margin-top:14px; }
  .guide .prose ul{ margin:14px 0 0; padding-left:20px; color:var(--ink-soft); line-height:1.75; }
  .guide .prose li strong{ color:var(--ink); }
  .guide .prose a{ color:var(--navy); }
  .guide .table-wrap{ overflow-x:auto; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
  .guide table{ width:100%; border-collapse:collapse; font-size:.92rem; }
  .guide th, .guide td{ padding:10px 16px; text-align:left; border-bottom:1px solid var(--line); white-space:nowrap; }
  .guide thead th{ font-family:'JetBrains Mono',monospace; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft); background:var(--surface-2); }
  .guide td.num{ font-family:'JetBrains Mono',monospace; font-variant-numeric:tabular-nums; }
  .guide tr.hl td{ background:color-mix(in srgb, var(--navy) 7%, var(--surface)); font-weight:700; }
  .guide .faq{ display:flex; flex-direction:column; gap:10px; }
  .guide details{ border:1px solid var(--line); border-radius:12px; background:var(--surface); padding:0 18px; }
  .guide summary{ cursor:pointer; font-weight:700; padding:16px 0; list-style-position:outside; }
  .guide summary::marker{ color:var(--brass); }
  .guide details p{ color:var(--ink-soft); line-height:1.7; padding-bottom:16px; margin:0; }
  .guide summary:focus-visible{ outline:2px solid var(--focus); outline-offset:2px; border-radius:6px; }
  .tool .updated{ margin-top:12px; font-size:.82rem; color:var(--ink-soft); }
  @media (max-width:760px){ .guide .cards{ grid-template-columns:1fr; } .guide th, .guide td{ padding:9px 10px; } }

  @media (max-width:420px){ .tool .toggles{ grid-template-columns:1fr; } .tool h1{ font-size:1.6rem; } }
  /* tool-pages */
  .guide a.card{ text-decoration:none; color:inherit; transition:border-color .15s, transform .15s; }
  .guide a.card:hover{ border-color:var(--navy); transform:translateY(-2px); }
  .guide a.card[aria-current="page"]{ border-color:var(--brass); }
  .guide a.card:focus-visible{ outline:2px solid var(--focus); outline-offset:2px; }
  .guide .prose ol{ margin:14px 0 0; padding-left:22px; color:var(--ink-soft); line-height:1.75; }
  .guide .prose ol li strong{ color:var(--ink); }
  .guide .prose .table-wrap{ margin-top:16px; }
  .tool .note-area{ width:100%; box-sizing:border-box; resize:vertical; font-weight:400; }
  .tool .note-out{ word-break:break-all; }
  .tool .note-res{ white-space:pre-wrap; font-size:16px; user-select:text; }
  .tool .note-mode{ grid-template-columns:1fr 1fr !important; }
  .tool .note-status:empty{ display:none; }
  .tool .note-status.ok{ color:var(--green); } .tool .note-status.bad{ color:var(--red); } .tool .note-status.warn{ color:var(--brass); }
  .tool .ck-drop{ position:relative; display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; padding:28px 16px; border:2px dashed var(--line); border-radius:12px; background:var(--surface-2); cursor:pointer; }
  .tool .ck-drop.over, .tool .ck-drop:hover{ border-color:var(--navy); }
  .tool .ck-drop:focus-within{ outline:2px solid var(--focus); outline-offset:2px; }
  .tool .ck-drop svg{ width:32px; height:32px; color:var(--navy); }
  .tool .ck-drop-main{ font-weight:700; }
  .tool .ck-file{ position:absolute; width:1px; height:1px; opacity:0; overflow:hidden; }
  .tool .ck-results{ display:flex; flex-direction:column; gap:8px; }
  .tool .ck-results[hidden]{ display:none; }
  .tool .ck-row{ display:grid; grid-template-columns:76px 1fr auto; gap:10px; align-items:center; padding:10px 12px; background:var(--surface-2); border:1px solid var(--line); border-radius:10px; }
  .tool .ck-alg{ font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:700; color:var(--ink-soft); }
  .tool .ck-hash{ font-family:'JetBrains Mono',monospace; font-size:13px; overflow-wrap:anywhere; color:var(--ink); }
  .tool .ck-copy{ padding:6px 10px; font-size:13px; }
  .tool .ck-verdict{ margin:0; font-weight:700; } .tool .ck-verdict:empty{ display:none; }
  .tool .ck-verdict.ok{ color:var(--green); } .tool .ck-verdict.bad{ color:var(--red); } .tool .ck-verdict.warn{ color:var(--brass); }
  @media (max-width:560px){ .tool .ck-row{ grid-template-columns:1fr auto; } .tool .ck-hash{ grid-column:1 / -1; grid-row:2; } }
  .tool .pol-doc{ margin-top:18px; background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:22px 24px; line-height:1.6; }
  .tool .pol-doc h2{ font-size:1.25rem; margin:0; }
  .tool .pol-doc .pol-meta{ font-size:.85rem; color:var(--ink-soft); margin:6px 0 14px; padding-bottom:12px; border-bottom:1px solid var(--line); }
  .tool .pol-doc h3{ font-size:1rem; margin:16px 0 6px; }
  .tool .pol-doc p, .tool .pol-doc li{ font-size:.93rem; color:var(--ink); margin:0 0 6px; }
  .tool .pol-doc ul{ margin:0 0 6px; padding-left:20px; }
  .tool .pol-doc .pol-sign{ font-family:'JetBrains Mono',monospace; font-size:.85rem; margin-top:10px; overflow-wrap:anywhere; }
  .tool .pol-doc .pol-disc{ margin-top:16px; font-size:.8rem; color:var(--ink-soft); }
  @media (max-width:560px){ .tool .pol-doc{ padding:16px; } }
  .guide .compare td{ white-space:normal; vertical-align:top; line-height:1.55; }
  .guide .compare td:first-child{ white-space:nowrap; }
  .guide .compare td:last-child{ min-width:260px; }
  .guide .compare-updated{ margin-top:12px; font-size:.82rem; color:var(--ink-soft); }
  .guide.more-tools{ padding-top:36px; padding-bottom:36px; }
  .guide .tool-links{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
  .guide .tool-links a{ padding:7px 13px; border:1px solid var(--line); border-radius:999px; background:var(--surface); color:var(--ink); text-decoration:none; font-size:.9rem; font-weight:600; }
  .guide .tool-links a:hover{ border-color:var(--navy); }
  .guide .tool-links a[aria-current="page"]{ border-color:var(--brass); background:var(--surface-2); }
  .guide .tool-links a:focus-visible, .guide .all-tools:focus-visible{ outline:2px solid var(--focus); outline-offset:2px; }
  .guide .all-tools{ display:inline-block; margin-top:14px; font-weight:700; color:var(--navy); }
  .guide.hub .hub-group + .hub-group{ margin-top:44px; }
  .guide.hub .section-head{ margin-bottom:18px; }
  @media (max-width:760px){ .guide.hub .cards{ gap:10px; } .guide.hub .card{ padding:16px 18px; } .guide.hub .card h3{ margin-top:4px; } .guide.hub .card p{ margin-top:4px; } .guide.hub .hub-group + .hub-group{ margin-top:32px; } }
  .tool .pol-doc{ max-height:560px; overflow:auto; }
  .tool .pol-doc:focus-visible{ outline:2px solid var(--focus); outline-offset:3px; }
  .guide details.expand{ border:none; background:none; padding:0; border-radius:0; }
  .guide details.expand > summary{ display:inline-flex; align-items:center; gap:8px; padding:10px 16px; border:1px solid var(--line); border-radius:999px; background:var(--surface); font-weight:700; font-size:.92rem; list-style:none; cursor:pointer; }
  .guide details.expand > summary::-webkit-details-marker{ display:none; }
  .guide details.expand > summary::after{ content:"▾"; color:var(--brass); }
  .guide details.expand[open] > summary::after{ content:"▴"; }
  .guide details.expand > summary:hover{ border-color:var(--navy); }
  .guide details.expand[open] > summary{ margin-bottom:20px; }
  .guide details.expand .expand-hide{ display:none; }
  .guide details.expand[open] .expand-show{ display:none; }
  .guide details.expand[open] .expand-hide{ display:inline; }
  .guide details.expand p{ padding-bottom:0; }
  .guide .section-head.tight{ margin-bottom:16px; }
  @media (max-width:760px){
    .guide .compare table, .guide .compare tbody, .guide .compare tr, .guide .compare td{ display:block; width:auto; }
    .guide .compare thead{ display:none; }
    .guide .compare tr{ padding:12px 16px; border-bottom:1px solid var(--line); }
    .guide .compare td{ border:none; padding:2px 0; min-width:0 !important; white-space:normal !important; }
    .guide .compare td:first-child{ font-size:1.05rem; padding-bottom:4px; }
    .guide .compare td:not(:first-child)::before{ content:attr(data-label) ": "; font-weight:700; color:var(--ink); }
  }