/* Generated by tools/build_legacy_assets.py — do not edit; edit the sources and rebuild */
/* Token bridge — old tgway.com body tokens → module tokens (light and dark follow the new site) */
:root {
  --text-heading: var(--ink); --text-body: var(--ink-2); --text-muted: var(--muted); --text-light: var(--muted);
  --border-light: var(--line); --border-medium: var(--line-2); --border-accent: var(--blue-line);
  --tg-blue: var(--primary); --tg-blue-hover: var(--primary-hover); --tg-glow: var(--blue-soft);
  --bg-surface: var(--surface); --bg-surface-secondary: var(--soft); --bg-surface-hover: var(--soft-2);
  --accent-emerald: var(--ok); --accent-rose: var(--err); --accent-amber: var(--warn);
  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 24px;
  --shadow-sm: var(--sh-1); --shadow-md: 0 4px 6px -1px rgba(0,0,0,.06), 0 2px 4px -2px rgba(0,0,0,.04); --shadow-lg: var(--sh-2);
}
@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:100 700;font-display:block;src:url('/tg-assets/msicons.06edfdf667.woff2') format('woff2')}
.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';font-feature-settings:'liga';-webkit-font-smoothing:antialiased;width:1em;height:1em;flex:0 0 1em;overflow:hidden;vertical-align:middle}
/* .tgc component layer */
    .tgc {
      counter-reset: tgcwalk;
      --tgc-gap: 34px;
      --tgc-accent: #026f9e;
      --tgc-danger: #be123c;
      max-width: 100%;
      color: var(--text-body);
      font-size: 16px;
      line-height: 1.8;
    }
    [data-theme="dark"] .tgc { --tgc-accent: #5fd8ff; --tgc-danger: #fb7185; }
    .tgc > * + * { margin-top: var(--tgc-gap); }
    .tgc p { color: var(--text-body); margin: 0 0 16px; }
    .tgc p:last-child { margin-bottom: 0; }
    .tgc strong { color: var(--text-heading); font-weight: 700; }
    .tgc a { color: var(--tgc-accent); text-decoration: none; font-weight: 600; }
    .tgc a:hover { text-decoration: underline; }
    .tgc ul, .tgc ol { margin: 0 0 16px; padding-left: 22px; color: var(--text-body); }
    .tgc li + li { margin-top: 8px; }
    .tgc code {
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 0.9em; padding: 2px 6px; border-radius: 6px;
      background: var(--bg-surface-secondary); color: var(--text-heading);
      border: 1px solid var(--border-light);
    }
    .tgc .material-symbols-outlined { vertical-align: middle; }
    .tgc-sec-title {
      display: flex; align-items: center; gap: 10px;
      font-family: 'Outfit', 'Outfit Fallback', sans-serif;
      font-size: clamp(20px, 2.6vw, 26px); font-weight: 800; line-height: 1.3;
      color: var(--text-heading); letter-spacing: -0.02em;
      margin: 0 0 18px; padding-bottom: 14px;
      border-bottom: 1px solid var(--border-light);
    }
    .tgc-sec-title .material-symbols-outlined {
      font-size: 24px; color: var(--tg-blue); flex: 0 0 auto;
    }
    .tgc h3 {
      font-family: 'Outfit', 'Outfit Fallback', sans-serif;
      font-size: 18px; font-weight: 700; color: var(--text-heading);
      margin: 0 0 10px; line-height: 1.4;
    }
    .tgc h4 {
      font-size: 15px; font-weight: 700; color: var(--text-heading);
      margin: 0 0 8px; line-height: 1.5;
    }
    .tgc-steplead {
      background: linear-gradient(135deg, #0f172a, #1e293b);
      border: 1px solid #334155; border-radius: var(--radius-lg);
      padding: 22px 26px; color: #f8fafc; box-shadow: var(--shadow-lg);
    }
    .tgc-steplead-top {
      display: flex; justify-content: space-between; align-items: center;
      flex-wrap: wrap; gap: 14px;
    }
    .tgc-steplead .tgc-steplead-title {
      color: #f8fafc; font-size: 19px; font-weight: 800; margin: 8px 0 0;
      letter-spacing: -0.02em; line-height: 1.4; border: 0; padding: 0; display: block;
      font-family: 'Outfit', 'Outfit Fallback', sans-serif;
    }
    .tgc-chip {
      display: inline-flex; align-items: center; gap: 6px;
      background: var(--tg-glow); color: var(--tgc-accent);
      border: 1px solid var(--border-accent);
      padding: 5px 12px; border-radius: 999px;
      font-size: 11.5px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase;
    }
    .tgc-steplead .tgc-chip, .tgc-lab .tgc-chip {
      background: rgba(0, 180, 216, 0.16); color: #5fd8ff;
      border-color: rgba(0, 180, 216, 0.34);
    }
    .tgc-chip .material-symbols-outlined { font-size: 15px; }
    .tgc-steplead-links { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
    .tgc .tgc-slink {
      display: inline-flex; align-items: center; gap: 6px; padding: 8px 13px;
      background: #1e293b; color: #cbd5e1; border: 1px solid #334155;
      border-radius: var(--radius-sm); font-size: 12.5px; font-weight: 600;
      text-decoration: none;
    }
    .tgc .tgc-slink:hover { background: #263449; color: #fff; text-decoration: none; }
    .tgc .tgc-slink.is-primary { background: var(--tg-blue); color: #fff; border-color: var(--tg-blue); font-weight: 700; }
    .tgc .tgc-slink.is-primary:hover { background: var(--tg-blue-hover); color: #fff; }
    .tgc-slink .material-symbols-outlined { font-size: 16px; }
    .tgc-bar { margin-top: 16px; display: flex; align-items: center; gap: 12px; }
    .tgc-bar-track {
      flex: 1 1 auto; height: 8px; background: #1e293b; border: 1px solid #334155;
      border-radius: 999px; overflow: hidden;
    }
    .tgc-bar-fill {
      height: 100%; border-radius: 999px;
      background: linear-gradient(90deg, #0284c7, #00d2ff);
    }
    .tgc-bar-label { color: #5fd8ff; font-size: 12px; font-weight: 800; white-space: nowrap; }
    .tgc-lead {
      background: var(--tg-glow); border-left: 4px solid var(--tg-blue);
      border-radius: 0 var(--radius-md) var(--radius-md) 0; padding: 20px 24px;
    }
    .tgc-lead p { font-size: 16.5px; color: var(--text-heading); font-weight: 500; margin: 0; }
    .tgc-lead p + p { margin-top: 12px; }
    .tgc-outcome {
      background: var(--bg-surface); border: 1px solid var(--border-light);
      border-radius: var(--radius-lg); padding: 22px 24px; box-shadow: var(--shadow-sm);
    }
    .tgc-outcome ul { list-style: none; padding: 0; margin: 14px 0 0; }
    .tgc-outcome li {
      display: flex; gap: 10px; align-items: flex-start;
      color: var(--text-body); font-size: 15px; line-height: 1.65;
    }
    .tgc-outcome li + li { margin-top: 11px; }
    .tgc-outcome li .material-symbols-outlined {
      font-size: 20px; color: var(--accent-emerald); flex: 0 0 auto; margin-top: 2px;
    }
    .tgc-stats {
      display: grid; gap: 14px;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
    .tgc-stat {
      background: var(--bg-surface); border: 1px solid var(--border-light);
      border-radius: var(--radius-md); padding: 18px 14px; text-align: center;
      box-shadow: var(--shadow-sm);
    }
    .tgc-stat b {
      display: block; color: var(--tg-blue); font-size: 26px; font-weight: 900;
      font-family: 'Outfit', 'Outfit Fallback', sans-serif; line-height: 1.15;
    }
    .tgc-stat span {
      display: block; margin-top: 5px; font-size: 11.5px; font-weight: 700;
      color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.03em;
    }
    .tgc-card {
      background: var(--bg-surface); border: 1px solid var(--border-light);
      border-radius: var(--radius-lg); padding: 22px 24px; box-shadow: var(--shadow-sm);
    }
    .tgc-note {
      display: flex; gap: 13px; align-items: flex-start;
      border: 1px solid var(--border-light); border-left-width: 4px;
      border-radius: var(--radius-md); padding: 16px 18px;
      background: var(--bg-surface-secondary); color: var(--text-body); font-size: 14.5px;
    }
    .tgc-note .material-symbols-outlined { font-size: 21px; flex: 0 0 auto; margin-top: 1px; }
    .tgc-note b { display: block; color: var(--text-heading); margin-bottom: 3px; }
    .tgc-note.is-info { border-left-color: var(--tg-blue); }
    .tgc-note.is-info .material-symbols-outlined { color: var(--tg-blue); }
    .tgc-note.is-ok { border-left-color: var(--accent-emerald); }
    .tgc-note.is-ok .material-symbols-outlined { color: var(--accent-emerald); }
    .tgc-note.is-warn { border-left-color: var(--accent-amber); }
    .tgc-note.is-warn .material-symbols-outlined { color: var(--accent-amber); }
    .tgc-note.is-stop { border-left-color: var(--accent-rose); }
    .tgc-note.is-stop .material-symbols-outlined { color: var(--accent-rose); }
    .tgc-steps { list-style: none; padding: 0; margin: 0; counter-reset: tgcstep; }
    .tgc-steps > li {
      position: relative; padding: 0 0 0 46px; counter-increment: tgcstep;
    }
    .tgc-steps > li + li { margin-top: 20px; }
    .tgc-steps > li::before {
      content: counter(tgcstep); position: absolute; left: 0; top: 0;
      width: 30px; height: 30px; border-radius: 50%;
      background: var(--tg-blue); color: #fff;
      font-size: 14px; font-weight: 800; font-family: 'Outfit', 'Outfit Fallback', sans-serif;
      display: flex; align-items: center; justify-content: center;
    }
    .tgc-steps > li > b { display: block; color: var(--text-heading); font-size: 15.5px; margin-bottom: 4px; }
    .tgc-hero {
      position: relative; isolation: isolate; overflow: hidden;
      border-radius: 26px; padding: clamp(28px, 4vw, 52px);
      background:
        radial-gradient(110% 130% at 86% 6%, rgba(0, 180, 216, 0.30), transparent 58%),
        radial-gradient(80% 110% at 2% 100%, rgba(0, 136, 204, 0.26), transparent 62%),
        linear-gradient(140deg, #0a1a2c 0%, #0d2740 52%, #0a1e33 100%);
      box-shadow: 0 30px 70px -34px rgba(4, 22, 40, 0.8);
    }
    .tgc-hero::before {
      content: ""; position: absolute; inset: 0; z-index: -1;
      background-image: radial-gradient(rgba(255, 255, 255, 0.18) 1px, transparent 1px);
      background-size: 22px 22px; opacity: 0.4;
      -webkit-mask-image: linear-gradient(155deg, #000 8%, transparent 70%);
      mask-image: linear-gradient(155deg, #000 8%, transparent 70%);
    }
    .tgc-hero-grid { display: grid; gap: clamp(26px, 3.4vw, 46px); align-items: center; }
    @media (min-width: 900px) {
      .tgc-hero-grid { grid-template-columns: minmax(0, 1.14fr) minmax(0, 0.86fr); }
    }
    .tgc .tgc-hero-kicker {
      display: inline-flex; align-items: center; gap: 8px; margin: 0 0 18px;
      padding: 7px 14px 7px 10px; border-radius: 999px;
      background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.16);
      color: #9fe4ff; font-size: 11.5px; font-weight: 800;
      letter-spacing: 0.09em; text-transform: uppercase;
    }
    .tgc-hero-kicker .material-symbols-outlined { font-size: 17px; }
    .tgc .tgc-hero h1 {
      font-family: 'Outfit', 'Outfit Fallback', sans-serif;
      font-size: clamp(27px, 3.6vw, 40px); line-height: 1.15; font-weight: 800;
      letter-spacing: -0.028em; color: #ffffff; margin: 0 0 16px;
      text-wrap: balance;
    }
    .tgc-hero-hl {
      background: linear-gradient(100deg, #5fd8ff, #00b4d8 60%, #7ee8fa);
      -webkit-background-clip: text; background-clip: text; color: transparent;
    }
    .tgc .tgc-hero-lead {
      color: rgba(226, 240, 250, 0.82); font-size: clamp(15px, 1.4vw, 16.5px);
      line-height: 1.72; margin: 0 0 24px; max-width: 48ch;
    }
    .tgc .tgc-hero-facts {
      list-style: none; display: flex; flex-wrap: wrap; gap: 9px; padding: 0; margin: 0 0 28px;
    }
    .tgc .tgc-hero-facts li {
      display: inline-flex; align-items: center; gap: 7px; margin: 0; min-width: 0;
      padding: 8px 14px 8px 10px; border-radius: 999px;
      background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.13);
      color: #dbeeff; font-size: 12.5px; font-weight: 700; line-height: 1.3;
    }
    .tgc-hero-facts .material-symbols-outlined { font-size: 17px; color: #5fd8ff; flex: 0 0 auto; }
    .tgc-hero-cta { display: flex; flex-wrap: wrap; gap: 12px; }
    .tgc .tgc-hero-btn {
      display: inline-flex; align-items: center; gap: 9px;
      padding: 13px 24px; border-radius: 999px; text-decoration: none;
      font-family: 'Outfit', 'Outfit Fallback', sans-serif; font-size: 14.5px; font-weight: 800;
      background: linear-gradient(135deg, #00b4d8, #0088cc); color: #ffffff;
      box-shadow: 0 14px 30px -12px rgba(0, 180, 216, 0.75);
      transition: transform 0.18s, box-shadow 0.18s;
    }
    .tgc .tgc-hero-btn:hover {
      transform: translateY(-2px); color: #ffffff; text-decoration: none;
      box-shadow: 0 20px 40px -12px rgba(0, 180, 216, 0.9);
    }
    .tgc .tgc-hero-btn .material-symbols-outlined { font-size: 19px; }
    .tgc .tgc-hero-btn.is-ghost {
      background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.2);
      box-shadow: none; color: #e6f2fa;
    }
    .tgc .tgc-hero-btn.is-ghost:hover { background: rgba(255, 255, 255, 0.14); color: #ffffff; }
    .tgc-hero-art { position: relative; isolation: isolate; }
    .tgc-hero-art::before {
      content: ""; position: absolute; inset: -12% -6%; z-index: -1; border-radius: 50%;
      background: radial-gradient(closest-side, rgba(0, 180, 216, 0.4), transparent);
      filter: blur(26px);
    }
    .tgc-hero-art img {
      display: block; width: 100%; height: auto; border-radius: 14px;
      border: 1px solid rgba(255, 255, 255, 0.14);
      box-shadow: 0 44px 84px -32px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(255, 255, 255, 0.05);
      transform: perspective(1500px) rotateY(-11deg) rotateX(3deg);
    }
    @media (max-width: 899px) {
      .tgc-hero-art img { transform: none; max-width: 440px; margin: 0 auto; }
    }
    .tgc .tgc-walk-phase {
      display: flex; align-items: center; gap: 17px; margin: 0; padding: 0; border: 0;
      font-family: 'Outfit', 'Outfit Fallback', sans-serif;
    }
    .tgc > .tgc-walk-phase { margin-top: 76px; }
    .tgc > .tgc-walk-phase + .tgc-walk { margin-top: 30px; }
    .tgc > .tgc-walk + .tgc-walk-done { margin-top: 56px; }
    .tgc-walk-phase::before {
      content: ""; flex: 0 0 auto; width: 5px; height: 54px; border-radius: 3px;
      background: linear-gradient(180deg, #00b4d8, #0088cc);
      box-shadow: 0 8px 16px -7px rgba(0, 136, 204, 0.85);
    }
    .tgc-walk-phase::after {
      content: ""; flex: 1 1 auto; height: 2px; border-radius: 2px;
      background: linear-gradient(90deg, var(--border-accent), transparent);
    }
    .tgc-walk-phase-txt { min-width: 0; }
    .tgc-walk-phase-tag {
      display: block; margin-bottom: 7px; color: var(--tgc-accent);
      font-size: 11.5px; font-weight: 800; letter-spacing: 0.11em; text-transform: uppercase;
    }
    .tgc-walk-phase-txt b {
      display: block; font-size: clamp(20px, 2.4vw, 26px); font-weight: 800;
      color: var(--text-heading); line-height: 1.2; letter-spacing: -0.022em;
    }
    .tgc-walk { list-style: none; padding: 0; margin: 0; display: grid; gap: 34px; }
    .tgc .tgc-walk > li {
      --walk-line: rgba(15, 23, 42, 0.11);
      position: relative; margin: 0; counter-increment: tgcwalk; min-width: 0;
      padding: 34px 34px 32px 94px; border-radius: 24px;
      background:
        linear-gradient(90deg, #00b4d8, #0088cc 26%, transparent 74%) top left / 100% 4px no-repeat,
        var(--bg-surface);
      border: 1px solid var(--walk-line);
      box-shadow: 0 2px 4px rgba(15, 23, 42, 0.04), 0 28px 60px -32px rgba(15, 23, 42, 0.65);
      transition: border-color 0.2s, box-shadow 0.2s;
    }
    [data-theme="dark"] .tgc .tgc-walk > li { --walk-line: rgba(255, 255, 255, 0.12); }
    .tgc .tgc-walk > li:hover {
      border-color: var(--border-accent);
      box-shadow: 0 2px 4px rgba(15, 23, 42, 0.04), 0 34px 70px -30px rgba(0, 136, 204, 0.5);
    }
    .tgc-walk > li::before {
      content: counter(tgcwalk, decimal-leading-zero);
      position: absolute; left: 28px; top: 32px;
      width: 46px; height: 46px; border-radius: 15px;
      background: linear-gradient(140deg, #00b4d8, #0088cc); color: #fff;
      font-size: 15px; font-weight: 800; font-family: 'Outfit', 'Outfit Fallback', sans-serif;
      letter-spacing: 0.02em; display: flex; align-items: center; justify-content: center;
      box-shadow: 0 10px 20px -8px rgba(0, 136, 204, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.35);
    }
    .tgc-walk > li:not(:last-child)::after {
      content: ""; position: absolute; left: 50px; top: 90px; bottom: -35px; width: 2px;
      background: linear-gradient(180deg, var(--border-accent), transparent);
      pointer-events: none;
    }
    .tgc-walk > li > b {
      display: block; color: var(--text-heading); font-weight: 800;
      font-size: clamp(18px, 2vw, 22px); line-height: 1.3; letter-spacing: -0.015em;
      margin: 7px 0 22px; font-family: 'Outfit', 'Outfit Fallback', sans-serif;
    }
    .tgc-walk-shot {
      position: relative; margin: 0 0 22px; padding: 32px 32px 0;
      border-radius: 18px; overflow: hidden; cursor: zoom-in;
      background:
        radial-gradient(85% 120% at 50% -12%, rgba(0, 180, 216, 0.26), transparent 62%),
        linear-gradient(160deg, #102741 0%, #0a1829 100%);
      border: 1px solid rgba(255, 255, 255, 0.07);
    }
    .tgc-walk-shot img {
      display: block; max-width: 100%; height: auto; margin: 0 auto; border-radius: 10px;
      box-shadow: 0 26px 52px -20px rgba(0, 0, 0, 0.85), 0 0 0 1px rgba(255, 255, 255, 0.1);
      transition: transform 0.25s ease;
    }
    .tgc-walk-shot:hover img { transform: translateY(-3px); }
    .tgc-walk-shot::after {
      content: "zoom_in"; font-family: 'Material Symbols Outlined'; font-size: 18px; line-height: 1;
      position: absolute; top: 14px; right: 14px; width: 34px; height: 34px; border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      background: rgba(255, 255, 255, 0.12); color: #cdefff;
      border: 1px solid rgba(255, 255, 255, 0.18);
      opacity: 0.9; transition: opacity 0.18s, transform 0.18s, background 0.18s;
    }
    .tgc-walk-shot:hover::after { opacity: 1; transform: scale(1.08); background: rgba(0, 180, 216, 0.42); }
    .tgc-walk-shot figcaption {
      display: flex; align-items: center; justify-content: center; gap: 8px;
      margin: 28px -32px 0; padding: 14px 22px;
      font-size: 12.5px; line-height: 1.5; text-align: center;
      color: rgba(214, 234, 248, 0.72);
      background: rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(255, 255, 255, 0.07);
    }
    .tgc .tgc-walk-do {
      display: flex; gap: 14px; align-items: center;
      margin: 0 0 18px; padding: 16px 20px; border-radius: 15px;
      background: linear-gradient(135deg, var(--tg-glow), transparent 78%), var(--bg-surface-secondary);
      border: 1px solid var(--border-accent);
      font-size: 16px; font-weight: 600; color: var(--text-heading); line-height: 1.55;
    }
    .tgc-walk-do .material-symbols-outlined {
      flex: 0 0 auto; width: 38px; height: 38px; border-radius: 12px; font-size: 21px;
      display: flex; align-items: center; justify-content: center;
      background: linear-gradient(140deg, #00b4d8, #0088cc); color: #fff;
      box-shadow: 0 8px 18px -8px rgba(0, 136, 204, 0.8);
    }
    .tgc .tgc-walk-do strong {
      display: inline-block; padding: 1px 9px; border-radius: 8px; line-height: 1.5;
      background: var(--bg-surface); color: var(--text-heading);
      border: 1px solid var(--border-medium); border-bottom-width: 2px;
      font-size: 0.9em; font-weight: 700;
    }
    .tgc .tgc-walk-cta {
      display: flex; align-items: center; gap: 14px; margin-top: 18px;
      padding: 16px 20px; border-radius: 16px; text-decoration: none;
      background: linear-gradient(135deg, #00b4d8, #0088cc); color: #fff;
      box-shadow: 0 16px 34px -14px rgba(0, 180, 216, 0.85);
      transition: transform 0.18s, box-shadow 0.18s;
    }
    .tgc .tgc-walk-cta:hover {
      transform: translateY(-2px); color: #fff; text-decoration: none;
      box-shadow: 0 22px 44px -14px rgba(0, 180, 216, 0.95);
    }
    .tgc-walk-cta > .material-symbols-outlined { font-size: 24px; flex: 0 0 auto; }
    .tgc-walk-cta > .material-symbols-outlined:last-child { margin-left: auto; font-size: 20px; opacity: 0.9; }
    .tgc-walk-cta-txt { min-width: 0; }
    .tgc-walk-cta-txt b {
      display: block; font-family: 'Outfit', 'Outfit Fallback', sans-serif;
      font-size: 16px; font-weight: 800; line-height: 1.35;
    }
    .tgc-walk-cta-txt span {
      display: block; margin-top: 2px; font-size: 12.5px; line-height: 1.45;
      color: rgba(255, 255, 255, 0.82);
    }
    @media (max-width: 480px) {
      .tgc-walk-cta > .material-symbols-outlined:last-child { display: none; }
    }
    .tgc-walk > li > p, .tgc-walk-shot figcaption { overflow-wrap: anywhere; }
    .tgc-walk > li > p { font-size: 15.5px; line-height: 1.78; }
    .tgc-walk > li > .tgc-note { margin-top: 14px; }
    .tgc-walk-track {
      display: grid; gap: 14px;
      padding: 22px 26px; border-radius: 20px;
      background: var(--bg-surface); border: 1px solid var(--border-light);
      box-shadow: 0 2px 4px rgba(15, 23, 42, 0.04), 0 18px 40px -30px rgba(15, 23, 42, 0.55);
    }
    .tgc-walk-track-head { display: flex; align-items: center; gap: 13px; }
    .tgc-walk-track-head > .material-symbols-outlined {
      flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; font-size: 21px;
      display: flex; align-items: center; justify-content: center;
      background: var(--tg-glow); color: var(--tg-blue);
    }
    .tgc-walk-track-txt { flex: 1 1 auto; min-width: 0; }
    .tgc-walk-track-txt b {
      display: block; font-family: 'Outfit', 'Outfit Fallback', sans-serif;
      font-size: 16px; font-weight: 800; color: var(--text-heading); line-height: 1.3;
    }
    .tgc-walk-track-txt span { font-size: 13px; color: var(--text-muted); }
    .tgc-walk-track-count {
      font-family: 'Outfit', 'Outfit Fallback', sans-serif;
      font-weight: 800; color: var(--tgc-accent); font-variant-numeric: tabular-nums;
    }
    .tgc .tgc-walk-track-reset {
      flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px;
      padding: 8px 14px; border-radius: 999px; cursor: pointer;
      background: transparent; border: 1px solid var(--border-medium);
      font-family: inherit; font-size: 12.5px; font-weight: 700; color: var(--text-muted);
    }
    .tgc .tgc-walk-track-reset:hover { color: var(--text-heading); border-color: var(--tg-blue); }
    .tgc-walk-track-reset .material-symbols-outlined { font-size: 16px; }
    .tgc-walk-track-bar {
      height: 10px; border-radius: 999px; overflow: hidden;
      background: var(--bg-surface-secondary); border: 1px solid var(--border-light);
    }
    .tgc-walk-track-bar span {
      display: block; width: 0; height: 100%; border-radius: 999px;
      background: linear-gradient(90deg, #0088cc, #00d2ff);
      transition: width 0.45s cubic-bezier(0.22, 1, 0.36, 1), background 0.3s;
    }
    .tgc-walk-track.is-complete .tgc-walk-track-bar span { background: linear-gradient(90deg, #10b981, #34d399); }
    .tgc-walk-track.is-complete .tgc-walk-track-count { color: var(--accent-emerald); }
    .tgc .tgc-walk-check {
      position: relative;                      
      display: inline-flex; align-items: center; gap: 11px; margin-top: 18px;
      padding: 11px 20px 11px 12px; border-radius: 999px; cursor: pointer;
      background: var(--bg-surface-secondary); border: 1px solid var(--border-medium);
      font-family: inherit; font-size: 14px; font-weight: 700; color: var(--text-body);
      transition: border-color 0.18s, color 0.18s, background 0.18s;
    }
    .tgc .tgc-walk-check:hover { border-color: var(--tg-blue); color: var(--text-heading); }
    .tgc-walk-check .material-symbols-outlined {
      width: 26px; height: 26px; border-radius: 50%; font-size: 19px;
      display: flex; align-items: center; justify-content: center;
      background: var(--bg-surface); border: 1px solid var(--border-medium); color: var(--text-light);
      transition: background 0.18s, color 0.18s, border-color 0.18s;
    }
    .tgc-walk-check-on { display: none; }
    .tgc-walk > li.is-done .tgc-walk-check-on { display: inline; }
    .tgc-walk > li.is-done .tgc-walk-check-off { display: none; }
    .tgc-walk > li.is-done .tgc-walk-check {
      background: rgba(16, 185, 129, 0.12); border-color: rgba(16, 185, 129, 0.45);
      color: #047857;
    }
    [data-theme="dark"] .tgc-walk > li.is-done .tgc-walk-check { color: #6ee7b7; }
    .tgc-walk > li.is-done .tgc-walk-check .material-symbols-outlined {
      background: var(--accent-emerald); border-color: var(--accent-emerald); color: #fff;
    }
    .tgc .tgc-walk > li.is-done { border-color: rgba(16, 185, 129, 0.38); }
    .tgc-walk > li.is-done::before { background: linear-gradient(140deg, #34d399, #10b981); }
    .tgc-walk > li.is-just::before { animation: tgcWalkPing 0.55s ease; }
    .tgc-walk > li.is-just .tgc-walk-check::after {
      content: "+1"; position: absolute; margin: -34px 0 0 -26px;
      font-family: 'Outfit', 'Outfit Fallback', sans-serif;
      font-size: 15px; font-weight: 900; color: var(--accent-emerald);
      animation: tgcWalkPlus 0.85s ease forwards; pointer-events: none;
    }
    @keyframes tgcWalkPing {
      0% { transform: scale(1); } 45% { transform: scale(1.16); } 100% { transform: scale(1); }
    }
    @keyframes tgcWalkPlus {
      0% { opacity: 0; transform: translateY(6px); }
      25% { opacity: 1; }
      100% { opacity: 0; transform: translateY(-26px); }
    }
    .tgc .tgc-walk-win {
      position: relative; overflow: hidden; text-align: center;
      padding: 40px 32px; border-radius: 26px;
      border: 1px solid rgba(16, 185, 129, 0.4);
      background:
        radial-gradient(90% 120% at 50% 0%, rgba(16, 185, 129, 0.22), transparent 62%),
        var(--bg-surface);
      box-shadow: 0 28px 64px -30px rgba(16, 185, 129, 0.75);
    }
    .tgc .tgc-walk-win.is-pop { animation: tgcWinPop 0.5s cubic-bezier(0.22, 1, 0.36, 1); }
    @keyframes tgcWinPop {
      from { opacity: 0; transform: scale(0.94); } to { opacity: 1; transform: none; }
    }
    .tgc-walk-win > .material-symbols-outlined {
      width: 62px; height: 62px; border-radius: 50%; font-size: 32px; margin: 0 auto 16px;
      display: flex; align-items: center; justify-content: center;
      background: linear-gradient(140deg, #34d399, #10b981); color: #fff;
      box-shadow: 0 14px 30px -10px rgba(16, 185, 129, 0.9);
    }
    .tgc-walk-win b {
      display: block; font-family: 'Outfit', 'Outfit Fallback', sans-serif;
      font-size: clamp(22px, 2.8vw, 28px); font-weight: 800; color: var(--text-heading);
      letter-spacing: -0.02em; margin-bottom: 10px;
    }
    .tgc .tgc-walk-win p { max-width: 52ch; margin: 0 auto; color: var(--text-body); }
    .tgc-walk-win-burst { position: absolute; inset: 0; pointer-events: none; }
    .tgc-walk-win-burst i {
      position: absolute; top: 14%; width: 9px; height: 14px; border-radius: 2px; opacity: 0;
    }
    .tgc-walk-win.is-pop .tgc-walk-win-burst i { animation: tgcConfetti 1.5s ease-out forwards; }
    .tgc-walk-win-burst i:nth-child(1) { left: 8%; background: #0088cc; animation-delay: .02s; }
    .tgc-walk-win-burst i:nth-child(2) { left: 20%; background: #34d399; animation-delay: .12s; }
    .tgc-walk-win-burst i:nth-child(3) { left: 32%; background: #f59e0b; animation-delay: .06s; }
    .tgc-walk-win-burst i:nth-child(4) { left: 44%; background: #00d2ff; animation-delay: .18s; }
    .tgc-walk-win-burst i:nth-child(5) { left: 56%; background: #10b981; animation-delay: .01s; }
    .tgc-walk-win-burst i:nth-child(6) { left: 68%; background: #f43f5e; animation-delay: .14s; }
    .tgc-walk-win-burst i:nth-child(7) { left: 80%; background: #0088cc; animation-delay: .09s; }
    .tgc-walk-win-burst i:nth-child(8) { left: 92%; background: #34d399; animation-delay: .2s; }
    @keyframes tgcConfetti {
      0% { opacity: 0; transform: translateY(-30px) rotate(0deg); }
      12% { opacity: 1; }
      100% { opacity: 0; transform: translateY(300px) rotate(540deg); }
    }
    .tgc .tgc-walk-done {
      gap: 20px; align-items: flex-start;
      padding: 34px 36px; border-radius: 24px;
      border: 1px solid rgba(16, 185, 129, 0.4); border-left-width: 1px;
      background: linear-gradient(135deg, rgba(16, 185, 129, 0.16), rgba(16, 185, 129, 0.02) 46%, var(--bg-surface) 100%);
      box-shadow: 0 20px 46px -28px rgba(16, 185, 129, 0.7);
      font-size: 16px; line-height: 1.72;
    }
    .tgc .tgc-walk-done .material-symbols-outlined {
      font-size: 26px; width: 48px; height: 48px; border-radius: 50%; margin-top: 0;
      display: flex; align-items: center; justify-content: center;
      background: linear-gradient(140deg, #34d399, #10b981); color: #fff;
      box-shadow: 0 10px 22px -8px rgba(16, 185, 129, 0.8);
    }
    .tgc .tgc-walk-done b {
      font-family: 'Outfit', 'Outfit Fallback', sans-serif;
      font-size: 21px; font-weight: 800; margin-bottom: 6px;
    }
    .tgc .tgc-walk-done + h3 {
      margin-top: 58px; margin-bottom: 20px;
      font-size: clamp(20px, 2.4vw, 26px); font-weight: 800; letter-spacing: -0.022em;
    }
    .tgc .tgc-walk-next {
      display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
    .tgc .tgc-walk-nextcard {
      --walk-line: rgba(15, 23, 42, 0.11);
      position: relative; display: grid; grid-template-columns: 44px 1fr; gap: 8px 14px;
      align-items: start; align-content: start;
      padding: 24px 24px 26px; border-radius: 20px; text-decoration: none;
      background: var(--bg-surface); border: 1px solid var(--walk-line);
      box-shadow: 0 2px 4px rgba(15, 23, 42, 0.04), 0 18px 40px -28px rgba(15, 23, 42, 0.6);
      color: var(--text-muted); font-weight: 500; font-size: 13.5px; line-height: 1.6;
      transition: border-color 0.18s, transform 0.18s, box-shadow 0.18s;
    }
    [data-theme="dark"] .tgc .tgc-walk-nextcard { --walk-line: rgba(255, 255, 255, 0.12); }
    .tgc .tgc-walk-nextcard:hover {
      border-color: var(--tg-blue); transform: translateY(-3px); text-decoration: none;
      box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05), 0 20px 40px -20px rgba(0, 136, 204, 0.5);
    }
    .tgc-walk-nextcard > .material-symbols-outlined {
      grid-row: span 2; font-size: 22px; color: #fff;
      width: 44px; height: 44px; border-radius: 13px;
      display: flex; align-items: center; justify-content: center;
      background: linear-gradient(140deg, #00b4d8, #0088cc);
      box-shadow: 0 8px 18px -8px rgba(0, 136, 204, 0.7);
    }
    .tgc-walk-nextcard b {
      display: block; color: var(--text-heading); font-size: 15px; font-weight: 700; line-height: 1.4;
      font-family: 'Outfit', 'Outfit Fallback', sans-serif;
    }
    @media (max-width: 640px) {
      .tgc-hero { border-radius: 20px; }
      .tgc .tgc-hero-btn { flex: 1 1 100%; justify-content: center; }
      .tgc-walk { gap: 26px; }
      .tgc .tgc-walk > li { padding: 26px 18px 28px; border-radius: 20px; }
      .tgc-walk > li::before { position: static; margin-bottom: 16px; width: 42px; height: 42px; }
      .tgc-walk > li:not(:last-child)::after { display: none; }
      .tgc-walk > li > b { margin-top: 0; }
      .tgc-walk-shot { padding: 16px 16px 0; }
      .tgc-walk-shot figcaption { margin: 18px -16px 0; padding: 12px 15px; }
      .tgc .tgc-walk-do { padding: 14px 15px; font-size: 15px; gap: 12px; }
      .tgc .tgc-walk-done { padding: 26px 20px; gap: 15px; }
      .tgc .tgc-walk-phase { gap: 13px; }
      .tgc-walk-phase::before { height: 46px; }
      .tgc > .tgc-walk-phase { margin-top: 56px; }
      .tgc .tgc-walk-nextcard { padding: 20px 20px 22px; }
    }
    @media (prefers-reduced-motion: reduce) {
      .tgc-walk-shot img, .tgc .tgc-hero-btn, .tgc .tgc-walk-nextcard,
      .tgc .tgc-walk > li, .tgc-walk-shot::after { transition: none; }
      .tgc-walk-shot:hover img, .tgc .tgc-hero-btn:hover, .tgc .tgc-walk-nextcard:hover { transform: none; }
    }
    .tgc .tgc-kv {
      display: flex; flex-wrap: wrap; gap: 8px 22px;
      background: var(--bg-surface-secondary); border: 1px solid var(--border-light);
      border-radius: var(--radius-sm); padding: 12px 16px;
      font-size: 13px; color: var(--text-body);
    }
    .tgc-kv b { color: var(--text-heading); font-weight: 700; }
    .tgc-tablewrap {
      overflow-x: auto; border: 1px solid var(--border-light);
      border-radius: var(--radius-lg); background: var(--bg-surface);
      box-shadow: var(--shadow-sm);
    }
    .tgc-table { width: 100%; border-collapse: collapse; min-width: 560px; font-size: 14.5px; }
    .tgc-table th, .tgc-table td {
      padding: 14px 18px; text-align: left; vertical-align: top;
      border-bottom: 1px solid var(--border-light);
    }
    .tgc-table thead th {
      background: var(--bg-surface-secondary); color: var(--text-heading);
      font-size: 13px; font-weight: 800;
    }
    .tgc-table tbody th { color: var(--text-heading); font-weight: 700; }
    .tgc-table td { color: var(--text-body); }
    .tgc-table tr:last-child th, .tgc-table tr:last-child td { border-bottom: 0; }
    .tgc-table .is-legacy { color: var(--text-body); }
    .tgc-table .is-tg { color: var(--tgc-accent); font-weight: 700; background: var(--tg-glow); }
    .tgc-table thead th.is-legacy { color: var(--tgc-danger); }
    .tgc-table thead th.is-tg { color: var(--tgc-accent); background: var(--tg-glow); }
    .tgc-faq { display: grid; gap: 12px; }
    .tgc-q {
      background: var(--bg-surface); border: 1px solid var(--border-light);
      border-radius: var(--radius-md); box-shadow: var(--shadow-sm); overflow: hidden;
    }
    .tgc-q > summary {
      display: flex; align-items: center; justify-content: space-between; gap: 14px;
      padding: 16px 20px; cursor: pointer; list-style: none;
      font-size: 15.5px; font-weight: 700; color: var(--text-heading);
    }
    .tgc-q > summary::-webkit-details-marker { display: none; }
    .tgc-q > summary::after {
      content: 'expand_more'; font-family: 'Material Symbols Outlined';
      font-size: 22px; color: var(--text-muted); flex: 0 0 auto;
      transition: transform 0.22s ease; font-weight: 400;
    }
    .tgc-q[open] > summary::after { transform: rotate(180deg); }
    .tgc-q[open] > summary { border-bottom: 1px solid var(--border-light); }
    .tgc-q-body { padding: 16px 20px; font-size: 14.8px; color: var(--text-body); }
    .tgc-q-body p:last-child { margin-bottom: 0; }
    .tgc-quiz {
      background: var(--bg-surface); border: 1px solid var(--border-accent);
      border-radius: var(--radius-lg); padding: 24px; box-shadow: var(--shadow-sm);
    }
    .tgc-quiz-item + .tgc-quiz-item { margin-top: 22px; padding-top: 22px; border-top: 1px solid var(--border-light); }
    .tgc .tgc-quiz-q { font-size: 15.5px; font-weight: 700; color: var(--text-heading); margin: 0 0 12px; }
    .tgc-opts { display: grid; gap: 8px; }
    .tgc-opt {
      display: flex; align-items: center; gap: 10px; width: 100%; text-align: left;
      padding: 12px 15px; border-radius: var(--radius-sm); cursor: pointer;
      background: var(--bg-surface-secondary); border: 1px solid var(--border-light);
      color: var(--text-body); font-size: 14.5px; font-family: inherit;
      transition: background 0.15s, border-color 0.15s;
    }
    .tgc-opt:hover:not([disabled]) { background: var(--bg-surface-hover); border-color: var(--border-medium); }
    .tgc-opt .material-symbols-outlined { font-size: 20px; flex: 0 0 auto; opacity: 0; }
    .tgc-opt.is-right {
      border-color: var(--accent-emerald); background: rgba(16, 185, 129, 0.12);
      color: var(--text-heading); font-weight: 600;
    }
    .tgc-opt.is-right .material-symbols-outlined { opacity: 1; color: var(--accent-emerald); }
    .tgc-opt.is-wrong {
      border-color: var(--accent-rose); background: rgba(244, 63, 94, 0.12); color: var(--text-heading);
    }
    .tgc-opt.is-wrong .material-symbols-outlined { opacity: 1; color: var(--accent-rose); }
    .tgc .tgc-why {
      margin-top: 12px; font-size: 14px; color: var(--text-body);
      border-left: 3px solid var(--tg-blue); padding: 10px 14px;
      background: var(--tg-glow); border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    }
    .tgc-quiz-score {
      margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--border-light);
      font-size: 14.5px; font-weight: 700; color: var(--text-heading);
      display: flex; align-items: center; gap: 8px;
    }
    .tgc-quiz-score .material-symbols-outlined { color: var(--accent-emerald); }
    .tgc-lab {
      --lab-ink: #f8fafc; --lab-dim: #94a3b8; --lab-line: #26344b; --lab-body: #cbd5e1;
      background: #0d1526; border: 1px solid #1e293b; border-radius: var(--radius-xl);
      padding: 30px 24px; color: var(--lab-ink); box-shadow: var(--shadow-lg);
    }
    .tgc-lab h2, .tgc-lab h3, .tgc-lab h4 { color: var(--lab-ink); }
    .tgc-lab p, .tgc-lab li { color: var(--lab-body); }
    .tgc-lab strong { color: var(--lab-ink); }
    .tgc-lab a { color: #5fd8ff; }
    .tgc-lab-head { text-align: center; max-width: 620px; margin: 0 auto 24px; }
    .tgc-lab-head h3 { color: #fff; font-size: 21px; margin: 10px 0 8px; }
    .tgc-lab-head p { color: var(--lab-dim); font-size: 14px; margin: 0; }
    .tgc-pills { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; margin-bottom: 24px; }
    .tgc-pill {
      display: inline-flex; align-items: center; gap: 6px; padding: 10px 16px;
      border-radius: 999px; border: 1px solid var(--lab-line); background: #172033;
      color: var(--lab-dim); font-size: 13px; font-weight: 600; font-family: inherit;
      cursor: pointer; transition: background 0.18s, color 0.18s, border-color 0.18s;
    }
    .tgc-pill .material-symbols-outlined { font-size: 17px; }
    .tgc-pill:hover { color: #fff; border-color: #3d5170; }
    .tgc-pill[aria-selected="true"] {
      background: var(--tg-blue); border-color: var(--tg-blue); color: #fff; font-weight: 700;
    }
    .tgc-phone {
      width: 100%; max-width: 330px; margin: 0 auto; position: relative;
      background: #182235; border: 10px solid #0b111e; border-radius: 38px;
      box-shadow: 0 25px 60px rgba(0,0,0,0.6); overflow: hidden;
      display: flex; flex-direction: column; min-height: 400px;
    }
    .tgc-phone-notch {
      position: absolute; top: 8px; left: 50%; transform: translateX(-50%);
      width: 92px; height: 20px; background: #0b111e; border-radius: 999px; z-index: 3;
    }
    .tgc-phone-status {
      display: flex; justify-content: space-between; align-items: center;
      padding: 11px 18px 6px; font-size: 11.5px; font-weight: 700; color: #e2e8f0;
    }
    .tgc-phone-status .material-symbols-outlined { font-size: 14px; }
    .tgc-phone-screen { flex: 1 1 auto; padding: 8px 14px 16px; display: flex; flex-direction: column; }
    .tgc-phone-home {
      width: 110px; height: 4px; border-radius: 999px; background: #475569;
      margin: 0 auto 9px;
    }
    .tgc-msg {
      max-width: 86%; padding: 9px 13px; border-radius: 14px; font-size: 12.8px;
      line-height: 1.5; margin-top: 9px; animation: tgcPop 0.28s ease both;
    }
    .tgc-msg.is-them { background: #223047; color: #e2e8f0; border-bottom-left-radius: 5px; }
    .tgc-msg.is-me {
      background: var(--tg-blue); color: #fff; margin-left: auto;
      border-bottom-right-radius: 5px;
    }
    @keyframes tgcPop {
      from { opacity: 0; transform: translateY(8px); }
      to { opacity: 1; transform: none; }
    }
    .tgc-sim-grid { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
    .tgc-sim-col {
      background: #111b2d; border: 1px solid var(--lab-line);
      border-radius: var(--radius-lg); padding: 18px; min-height: 200px;
    }
    .tgc-sim-col.is-tg { border-color: rgba(0, 180, 216, 0.4); background: #0e1f2e; }
    .tgc-sim-col h4 {
      display: flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 800;
      text-transform: uppercase; letter-spacing: 0.05em; margin: 0 0 14px;
      color: #fb7185;
    }
    .tgc-sim-col.is-tg h4 { color: #5fd8ff; }
    .tgc-sim-col h4 .material-symbols-outlined { font-size: 18px; }
    .tgc .tgc-sim-line {
      display: flex; gap: 9px; align-items: flex-start; font-size: 13.5px;
      color: #cbd5e1; line-height: 1.6; opacity: 0;
      animation: tgcPop 0.34s ease forwards;
    }
    .tgc-sim-line:nth-child(3) { animation-delay: 0.09s; }
    .tgc-sim-line:nth-child(4) { animation-delay: 0.18s; }
    .tgc-sim-line:nth-child(5) { animation-delay: 0.27s; }
    .tgc-sim-line + .tgc-sim-line { margin-top: 10px; }
    .tgc-sim-line .material-symbols-outlined { font-size: 18px; flex: 0 0 auto; margin-top: 1px; }
    .tgc-sim-line.is-bad .material-symbols-outlined { color: #fb7185; }
    .tgc-sim-line.is-good .material-symbols-outlined { color: #34d399; }
    .tgc .tgc-sim-line b { color: #f1f5f9; }
    .tgc .tgc-sim-verdict {
      margin-top: 16px; padding: 13px 16px; border-radius: var(--radius-md);
      background: rgba(0, 180, 216, 0.1); border: 1px solid rgba(0, 180, 216, 0.28);
      color: #e2e8f0; font-size: 13.8px; line-height: 1.6; text-align: center;
    }
    .tgc-sim-verdict b { color: #5fd8ff; }
    .tgc-tabs { border: 1px solid var(--border-light); border-radius: var(--radius-lg); overflow: hidden; background: var(--bg-surface); }
    .tgc-tablist {
      display: flex; overflow-x: auto; background: var(--bg-surface-secondary);
      border-bottom: 1px solid var(--border-light);
    }
    .tgc-tab {
      flex: 1 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 7px;
      padding: 14px 18px; border: 0; background: transparent; cursor: pointer;
      font-family: inherit; font-size: 13.5px; font-weight: 700; color: var(--text-body);
      border-bottom: 3px solid transparent; white-space: nowrap;
    }
    .tgc-tab .material-symbols-outlined { font-size: 18px; }
    .tgc-tab:hover { color: var(--text-heading); }
    .tgc-tab[aria-selected="true"] { color: var(--tgc-accent); border-bottom-color: var(--tg-blue); background: var(--bg-surface); }
    .tgc-panel { padding: 22px 24px; }
    .tgc-poster {
      background: var(--bg-surface); border: 1px solid var(--border-light);
      border-radius: var(--radius-xl); padding: 26px 24px; text-align: center;
      box-shadow: var(--shadow-md);
    }
    .tgc-poster h3 { font-size: 20px; margin: 12px 0 8px; }
    .tgc-poster > p { color: var(--text-muted); font-size: 14.5px; max-width: 640px; margin: 0 auto; }
    .tgc-poster-frame {
      margin: 22px auto 0; max-width: 520px; border-radius: var(--radius-lg);
      overflow: hidden; border: 1px solid var(--border-light); cursor: zoom-in;
      background: var(--bg-surface-secondary); box-shadow: var(--shadow-md);
    }
    .tgc-poster-frame img { display: block; width: 100%; height: auto; }
    .tgc-btn {
      display: inline-flex; align-items: center; gap: 8px; margin-top: 18px;
      padding: 12px 22px; border-radius: var(--radius-sm); border: 0; cursor: pointer;
      background: var(--tg-blue); color: #fff; font-family: inherit;
      font-size: 14px; font-weight: 700; text-decoration: none;
    }
    .tgc-btn:hover { background: var(--tg-blue-hover); color: #fff; text-decoration: none; }
    .tgc-btn .material-symbols-outlined { font-size: 19px; }
    .tgc-stepnav { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
    .tgc-navcard {
      display: flex; align-items: center; gap: 13px; padding: 18px 20px;
      background: var(--bg-surface); border: 1px solid var(--border-light);
      border-radius: var(--radius-lg); text-decoration: none; box-shadow: var(--shadow-sm);
      transition: border-color 0.18s, transform 0.18s;
    }
    .tgc-navcard:hover { border-color: var(--tg-blue); transform: translateY(-2px); text-decoration: none; }
    .tgc-navcard > .material-symbols-outlined { font-size: 26px; color: var(--tg-blue); flex: 0 0 auto; }
    .tgc-navlabel {
      display: block; font-size: 11.5px; font-weight: 800; letter-spacing: 0.06em;
      text-transform: uppercase; color: var(--text-muted);
    }
    .tgc-navcard b { display: block; font-size: 14.5px; color: var(--text-heading); line-height: 1.45; margin-top: 3px; }
    .tgc-navcard.is-next { flex-direction: row-reverse; text-align: right; }
    .tgc-zoom {
      position: fixed; inset: 0; z-index: 12000; display: none;
      background: rgba(3, 7, 18, 0.94); backdrop-filter: blur(6px);
      flex-direction: column;
    }
    .tgc-zoom.is-open { display: flex; }
    .tgc-zoom-bar {
      display: flex; align-items: center; justify-content: space-between; gap: 12px;
      padding: 12px 16px; background: rgba(15, 23, 42, 0.9);
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); flex: 0 0 auto;
    }
    .tgc-zoom-name {
      color: #f8fafc; font-size: 14px; font-weight: 700; overflow: hidden;
      text-overflow: ellipsis; white-space: nowrap;
    }
    .tgc-zoom-ctl { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; }
    .tgc-zoom-ctl button, .tgc-zoom-ctl a {
      display: inline-flex; align-items: center; gap: 5px; height: 34px; padding: 0 11px;
      border-radius: var(--radius-sm); border: 1px solid rgba(255, 255, 255, 0.16);
      background: rgba(255, 255, 255, 0.06); color: #e2e8f0; cursor: pointer;
      font-family: inherit; font-size: 12.5px; font-weight: 600; text-decoration: none;
    }
    .tgc-zoom-ctl button:hover, .tgc-zoom-ctl a:hover { background: rgba(255, 255, 255, 0.14); color: #fff; }
    .tgc-zoom-ctl .material-symbols-outlined { font-size: 18px; }
    .tgc-zoom-pct { min-width: 54px; justify-content: center; font-variant-numeric: tabular-nums; }
    .tgc-zoom-view { flex: 1 1 auto; overflow: auto; padding: 20px; text-align: center; }
    .tgc-zoom-view img {
      display: inline-block; transform-origin: top center; transition: width 0.16s ease;
      border-radius: 10px; background: #fff;
    }
    @media (max-width: 640px) {
      .tgc-zoom-hide { display: none; }
    }
    .tgc-vidcap {
      margin-top: 12px; text-align: center;
      font-size: 13px; color: var(--lab-dim, #94a3b8);
    }
    .tgc-bridge {
      display: flex; gap: 16px; align-items: flex-start;
      background: var(--tg-glow); border: 1px solid var(--border-accent);
      border-radius: var(--radius-lg); padding: 20px 22px;
    }
    .tgc-bridge > .material-symbols-outlined {
      font-size: 28px; color: var(--tgc-accent); flex: 0 0 auto; margin-top: 2px;
    }
    .tgc-bridge-body { flex: 1 1 auto; }
    .tgc-bridge b {
      display: block; font-size: 11.5px; font-weight: 800; letter-spacing: 0.06em;
      text-transform: uppercase; color: var(--text-muted); margin-bottom: 6px;
    }
    .tgc-bridge a {
      font-family: 'Outfit', 'Outfit Fallback', sans-serif;
      font-size: 16.5px; font-weight: 700; line-height: 1.4;
    }
    .tgc-bridge p { font-size: 14px; color: var(--text-body); margin: 6px 0 0; }
    .tgc-quiz-score[hidden], .tgc-panel[hidden], .tgc-why[hidden],
    .tgc .tgc-walk-win[hidden],
    .tgc [role="tabpanel"][hidden] { display: none; }
    @media (prefers-reduced-motion: reduce) {
      .tgc-sim-line, .tgc-msg { opacity: 1; animation: none; }
      .tgc-navcard, .tgc-opt, .tgc-pill, .tgc-q > summary::after { transition: none; }
    }
    @media (max-width: 720px) {
      .tgc { --tgc-gap: 26px; font-size: 15.5px; }
      .tgc-steplead { padding: 18px 18px; }
      .tgc-steplead-top { flex-direction: column; align-items: flex-start; }
      .tgc-steplead-links { width: 100%; }
      .tgc-slink { flex: 1 1 auto; justify-content: center; }
      .tgc-lab { padding: 22px 14px; }
      .tgc-lead, .tgc-card, .tgc-outcome, .tgc-quiz { padding: 18px 16px; }
      .tgc-panel { padding: 18px 16px; }
      .tgc-navcard.is-next { flex-direction: row; text-align: left; }
      .tgc-stats { grid-template-columns: repeat(2, 1fr); }
    }
/* tips core */
    .tgc-tips .tg-guide-container { color: #1e293b; font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; margin: 0 auto }   
    [data-theme="dark"] .tgc-tips .tg-guide-container { color: #cbd5e1 }   
    .tgc-tips .tg-guide-card { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05); margin-bottom: 36px; padding: 32px; transition: transform 0.2s ease, box-shadow 0.2s ease }   
    .tgc-tips .tg-meta-header { align-items: center; display: flex; flex-wrap: wrap; gap: 12px }   
    .tgc-tips .tg-badge { align-items: center; border-radius: 9999px; display: inline-flex; font-size: 0.8rem; font-weight: 700; gap: 6px; letter-spacing: 0.05em; padding: 4px 12px; text-transform: uppercase }   
    .tgc-tips .tg-badge-video { align-items: center; border-radius: 20px; display: inline-flex; gap: 6px; padding: 6px 14px }   
    .tgc-tips .tg-badge-blue { background: #eff6ff; border: 1px solid #bae6fd; color: #0284c7 }   
    .tgc-tips .tg-badge-amber { background: #fef3c7; border: 1px solid #fde68a; color: #d97706 }   
    .tgc-tips .tg-series-tag { color: #64748b; font-size: 13.5px; font-weight: 600 }   
    [data-theme="dark"] .tgc-tips .tg-series-tag { color: #94a3b8 }   
    .tgc-tips .tg-title-h2 { align-items: center; color: #0f172a; display: flex; font-size: 1.75rem; font-weight: 800; gap: 12px; letter-spacing: -0.02em; margin-bottom: 16px; margin-top: 0 }   
    .tgc-tips .tg-hero-card { border-radius: 20px; color: #ffffff; margin-bottom: 36px !important; padding: 36px 32px }   
    .tgc-tips .tg-title-h3 { color: #1e293b; font-size: 1.25rem; font-weight: 700; margin-bottom: 12px; margin-top: 24px }   
    .tgc-tips .tg-hero-card::after { background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 70%); border-radius: 50%; content: ''; height: 220px; pointer-events: none; position: absolute; right: -40px; top: -40px; width: 220px }   
    [data-theme="dark"] .tgc-tips .tg-hero-card { box-shadow: 0 16px 32px -8px rgba(0, 0, 0, 0.5) }   
    .tgc-tips .tg-meta-bar { align-items: center; border-bottom: 1px solid #f1f5f9; color: #64748b; display: flex; flex-wrap: wrap; font-size: 0.875rem; gap: 16px; margin-bottom: 24px; padding-bottom: 20px }   
    .tgc-tips .tg-hero-title { font-size: 28px; line-height: 1.35 }   
    .tgc-tips .tg-code-block { background: #0f172a; border: 1px solid #1e293b; border-radius: 12px; color: #38bdf8; font-family: 'JetBrains Mono', 'Fira Code', Consolas, monospace; font-size: 0.875rem; line-height: 1.6; margin: 16px 0; overflow-x: auto; padding: 20px }   
    .tgc-tips .tg-hero-subtitle { font-size: 16.5px; line-height: 1.7; margin-bottom: 0 !important }   
    .tgc-tips .tg-hero-lead { color: rgba(255, 255, 255, 0.92); line-height: 1.7; margin-bottom: 24px !important }   
    .tgc-tips .tg-video-showcase { background: #0b1329; border: 1px solid rgba(56, 189, 248, 0.25); border-radius: 22px; box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.5); margin-bottom: 36px !important; padding: 24px; text-align: center }   
    .tgc-tips .tg-stats-grid { display: grid; gap: 16px; margin-top: 20px }   
    .tgc-tips .tg-stat-item { backdrop-filter: blur(8px); background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 14px; padding: 16px }   
    .tgc-tips .tg-video-player { aspect-ratio: 1 / 1; background: #000000; object-fit: cover; width: 100% }   
    .tgc-tips .tg-stat-val { color: #ffffff; font-size: 22px; font-weight: 800 }   
    .tgc-tips .tg-stat-lbl { font-size: 12.5px }   
    .tgc-tips .tg-feature-grid { display: grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); margin-bottom: 36px !important }   
    .tgc-tips .tg-video-card { border-radius: 20px }   
    .tgc-tips .tg-tips-video { border-radius: 12px; display: block; width: 100% }   
    .tgc-tips .tg-feature-box { border: 1px solid #e2e8f0; border-radius: 16px }   
    .tgc-tips .tg-feature-icon { align-items: center; border-radius: 12px; display: flex; height: 44px; justify-content: center; width: 44px }   
    .tgc-tips .tg-feature-title { color: #0f172a; font-weight: 700 }   
    [data-theme="dark"] .tgc-tips .tg-video-caption { color: #94a3b8 }   
    .tgc-tips .tg-feature-card { border: 1px solid #e2e8f0; padding: 24px }   
    [data-theme="dark"] .tgc-tips .tg-feature-desc { color: #94a3b8 }   
    [data-theme="dark"] .tgc-tips .tg-feature-card { background: #1e293b; border-color: #334155 }   
    .tgc-tips .tg-text-block { color: #334155; font-size: 15.5px; line-height: 1.8; margin-bottom: 24px !important }   
    .tgc-tips .tg-grid-2col { display: grid; gap: 20px }   
    [data-theme="dark"] .tgc-tips .tg-text-block { color: #94a3b8 }   
    .tgc-tips .tg-steps-list { display: flex; flex-direction: column; gap: 16px; margin-bottom: 36px !important }   
    .tgc-tips .tg-step-item { align-items: flex-start; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 16px; display: flex; gap: 18px; padding: 20px 22px }   
    .tgc-tips .tg-step-desc { color: #64748b; line-height: 1.6 }   
    .tgc-tips .tg-card-desc { color: #64748b }   
    .tgc-tips .tg-section-title { align-items: center; color: #0f172a; display: flex; font-family: 'Outfit', sans-serif; font-weight: 800; gap: 10px }   
    [data-theme="dark"] .tgc-tips .tg-step-item { background: #0f172a; border-color: #1e293b }   
    [data-theme="dark"] .tgc-tips .tg-step-desc { color: #94a3b8 }   
    [data-theme="dark"] .tgc-tips .tg-card-desc { color: #94a3b8 }   
    .tg-step-body .tgc-tips h4 { color: #0f172a; font-size: 16.5px; font-weight: 700; margin-bottom: 6px !important }   
    [data-theme="dark"] .tgc-tips .tg-section-desc { color: #94a3b8 }   
    [data-theme="dark"] .tg-step-body .tgc-tips h4 { color: #f8fafc }   
    .tg-step-body .tgc-tips p { color: #64748b; font-size: 14px; line-height: 1.65; margin-bottom: 0 !important }   
    [data-theme="dark"] .tg-step-body .tgc-tips p { color: #94a3b8 }   
    .tg-table tr:hover .tgc-tips td { background: #f8fafc }   
    [data-theme="dark"] .tgc-tips .tg-sim-container { border-color: #1e293b }   
    [data-theme="dark"] .tgc-tips .tg-sim-title { color: #f8fafc }   
    .tgc-tips .tg-sim-grid { display: grid }   
    .tgc-tips .tg-interactive-studio { border-radius: 20px }   
    .tgc-tips .tg-studio-badge { font-size: 12px; text-transform: uppercase }   
    .tgc-tips .tg-table { border-collapse: collapse; width: 100% }   
    .tgc-tips .tg-step-card { border: 1px solid #e2e8f0 }   
    .tgc-tips .tg-step-title { color: #0f172a }   
    .tgc-tips .tg-faq-q { align-items: center; color: #0f172a; display: flex; font-weight: 700 }   
    [data-theme="dark"] .tgc-tips .tg-faq-q { color: #f8fafc }   
    .tgc-tips .tg-faq-a { font-size: 14.5px; line-height: 1.7 }   
    [data-theme="dark"] .tgc-tips .tg-faq-a { color: #94a3b8 }   
    .tgc-tips .tg-table-wrapper { border: 1px solid #e2e8f0; overflow-x: auto }   
    .tgc-tips .tg-pro-table { border-collapse: collapse; font-size: 14px; text-align: left; width: 100% }   
    .tg-pro-table .tgc-tips th { background: #f1f5f9; font-weight: 700; padding: 14px 18px }   
    [data-theme="dark"] .tg-pro-table .tgc-tips th { background: #1e293b }   
    .tg-pro-table .tgc-tips td { border-bottom: 1px solid #e2e8f0; padding: 14px 18px }   
    [data-theme="dark"] .tg-pro-table .tgc-tips td { color: #94a3b8 }   
    .tg-pro-table tr:last-child .tgc-tips td { border-bottom: none }   
    .tgc-tips .tg-faq-item { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 14px; overflow: hidden }   
    .tgc-tips .tg-check-icon { color: #16a34a; font-size: 18px; vertical-align: middle }   
    [data-theme="dark"] .tgc-tips .tg-faq-item { border-color: #1e293b }   
    .tgc-tips .tg-pro-tip { background: rgba(2, 132, 199, 0.05); border-left: 4px solid #0284c7; border-radius: 0 16px 16px 0; margin-bottom: 36px !important; padding: 20px 24px }   
    [data-theme="dark"] .tgc-tips .tg-pro-tip { background: rgba(56, 189, 248, 0.08); border-left-color: #38bdf8 }   
    .tgc-tips .tg-pro-tip-title { align-items: center; color: #0284c7; display: flex; font-size: 15.5px; font-weight: 800; gap: 8px; margin-bottom: 6px !important }   
    [data-theme="dark"] .tgc-tips .tg-pro-tip-title { color: #38bdf8 }   
    .tgc-tips .tg-pro-tip-text { color: #475569; font-size: 14px; line-height: 1.65; margin-bottom: 0 !important }   
    [data-theme="dark"] .tgc-tips .tg-pro-tip-text { color: #94a3b8 }   
    @media (max-width: 768px) {
      .tgc-tips .tg-sim-grid { grid-template-columns: 1fr }   
    }
/* tip video toolbar */
    .tg-video-controls .btn-vid-ctrl .material-symbols-outlined { font-size: 18px; }
    .btn-vid-ctrl.is-off {
      background: rgba(255, 255, 255, 0.06);
      border-color: rgba(255, 255, 255, 0.18);
      color: #cbd5e1;
    }
/* tip video station (from the old guides template) */
.tg-video-station {
      background: linear-gradient(180deg, #090e1f 0%, #050814 100%);
      border: 1px solid #1e293b;
      border-radius: 20px;
      padding: 28px 24px;
      margin-bottom: 40px !important;
      box-shadow: 0 20px 48px -10px rgba(0, 0, 0, 0.45);
      color: #ffffff;
    }
.tg-video-station-head {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px;
      margin-bottom: 20px;
      padding-bottom: 16px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
.tg-video-title {
      font-family: 'Outfit', 'Outfit Fallback', sans-serif;
      font-size: 18px;
      font-weight: 800;
      color: #ffffff;
      line-height: 1.35;
    }
.tg-video-sub {
      font-size: 13px;
      color: #94a3b8;
      margin-top: 3px;
    }
.tg-video-wrapper {
      position: relative !important;
      max-width: 520px;
      margin: 0 auto 20px auto;
      border-radius: 16px;
      overflow: hidden;
      background: #000000;
      border: 1px solid rgba(0, 210, 255, 0.3);
      box-shadow: 0 12px 32px rgba(0,0,0,0.6);
      aspect-ratio: 1 / 1;
    }
.tg-video-wrapper video {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }
.tg-video-controls {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;
      margin-bottom: 12px;
    }
.btn-vid-ctrl {
      background: rgba(0, 136, 204, 0.2);
      border: 1px solid rgba(0, 210, 255, 0.4);
      color: #38bdf8;
      padding: 8px 18px;
      border-radius: 10px;
      font-size: 13px;
      font-weight: 700;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      cursor: pointer;
      transition: all 0.2s ease;
    }
.btn-vid-ctrl:hover {
      background: rgba(0, 136, 204, 0.35);
      transform: translateY(-1px);
    }
.btn-vid-speed {
      background: rgba(255, 255, 255, 0.06);
      border: 1px solid rgba(255, 255, 255, 0.15);
      color: #b4c8e1;
      padding: 6px 14px;
      border-radius: 8px;
      font-size: 12px;
      font-weight: 700;
      cursor: pointer;
      transition: all 0.2s ease;
    }
.btn-vid-speed:hover {
      background: rgba(255, 255, 255, 0.12);
      color: #ffffff;
    }
.btn-vid-speed.active {
      background: rgba(0, 210, 255, 0.25);
      border-color: #00d2ff;
      color: #ffffff;
      box-shadow: 0 0 12px rgba(0, 210, 255, 0.4);
    }
@media (max-width: 640px) {
.tg-video-station {
        padding: 18px 14px;
        border-radius: 16px;
      }
.tg-video-station-head {
        flex-direction: column;
        align-items: flex-start;
      }
.tg-video-title {
        font-size: 16px;
      }
.tg-video-wrapper {
        max-width: 100%;
      }
.btn-vid-ctrl {
        padding: 7px 14px;
        font-size: 12px;
      }
}
.tg-step-box {
      background: #f8fafc !important;
      border: 1px solid #e2e8f0 !important;
      border-radius: 16px !important;
      padding: 22px 20px !important;
      transition: all 0.25s ease !important;
    }
[data-theme="dark"] .tg-step-box {
      background: #0f172a !important;
      border-color: #1e293b !important;
    }
@media print {
.summary-infographic-card {
        page-break-before: always !important;
        break-before: page !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
      }
.summary-infographic-card img {
        max-height: 580px !important;
        width: auto !important;
        object-fit: contain !important;
        margin: 0 auto !important;
      }
}
.summary-infographic-card,
    .tg-infographic-box,
    article .summary-infographic-card,
    article .tg-infographic-box,
    div[id*="-wrapper"] .summary-infographic-card,
    div[id*="-wrapper"] .tg-infographic-box {
      color: #ffffff !important;
      text-align: center !important;
      background: linear-gradient(180deg, #090e1f 0%, #050814 100%) !important;
      border: 1px solid rgba(0, 210, 255, 0.35) !important;
      border-radius: 20px !important;
      padding: 36px 28px !important;
      box-shadow: 0 20px 48px -10px rgba(0, 0, 0, 0.5) !important;
      margin-top: 44px !important;
      margin-bottom: 40px !important;
      box-sizing: border-box !important;
      display: block !important;
      width: 100% !important;
    }
.summary-infographic-badge,
    .tg-info-badge,
    .summary-infographic-card .summary-infographic-badge,
    .tg-infographic-box .tg-info-badge,
    article .summary-infographic-badge,
    article .tg-info-badge {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 8px !important;
      background: rgba(0, 136, 204, 0.2) !important;
      border: 1px solid rgba(0, 210, 255, 0.45) !important;
      border-radius: 30px !important;
      padding: 6px 18px !important;
      font-size: 12.5px !important;
      font-weight: 800 !important;
      color: #00d2ff !important;
      margin: 0 auto 16px auto !important;
      text-transform: uppercase !important;
      letter-spacing: 0.5px !important;
      box-sizing: border-box !important;
    }
.summary-infographic-title,
    .tg-info-title,
    .summary-infographic-card h2,
    .summary-infographic-card h3,
    .tg-infographic-box h2,
    .tg-infographic-box h3,
    article .summary-infographic-card h2,
    article .summary-infographic-card h3,
    div[id*="-wrapper"] .summary-infographic-card h2,
    div[id*="-wrapper"] .summary-infographic-card h3 {
      display: block !important;
      color: #ffffff !important;
      text-align: center !important;
      font-family: 'Outfit', 'Outfit Fallback', sans-serif !important;
      font-size: clamp(22px, 3.2vw, 28px) !important;
      font-weight: 800 !important;
      margin: 0 auto 12px auto !important;
      letter-spacing: -0.01em !important;
      line-height: 1.35 !important;
      border: none !important;
      background: transparent !important;
      width: 100% !important;
    }
.summary-infographic-desc,
    .tg-info-desc,
    .summary-infographic-card p,
    .tg-infographic-box p,
    article .summary-infographic-card p,
    div[id*="-wrapper"] .summary-infographic-card p {
      display: block !important;
      color: #b4c8e1 !important;
      text-align: center !important;
      font-size: 15px !important;
      line-height: 1.7 !important;
      max-width: 680px !important;
      margin: 0 auto 24px auto !important;
      border: none !important;
      background: transparent !important;
      width: 100% !important;
    }
.summary-infographic-card .summary-infographic-tip,
    .tg-infographic-box .tg-info-tip,
    .tg-info-tip {
      margin-top: 14px !important;
      font-size: 12.5px !important;
      color: #7890a8 !important;
      text-align: center !important;
      display: block !important;
    }
.tg-video-controls .btn-vid-ctrl .material-symbols-outlined { font-size: 18px; }
.btn-vid-ctrl.is-off {
      background: rgba(255, 255, 255, 0.06);
      border-color: rgba(255, 255, 255, 0.18);
      color: #cbd5e1;
    }
/* FAQ answers (from the old faq template) */
[data-theme="dark"] .faq-quote {
      background: rgba(0, 136, 204, 0.12) !important;
    }
.faq-list-container {
      display: flex;
      flex-direction: column;
      gap: 14px;
      margin-bottom: 48px;
    }
.faq-answer-content {
      font-size: 15px;
      line-height: 1.7;
      color: var(--text-body);
    }
.faq-para {
      margin-bottom: 14px;
    }
.faq-quote {
      border-left: 3px solid var(--tg-blue);
      padding: 10px 16px;
      background: rgba(0, 136, 204, 0.05);
      border-radius: 0 8px 8px 0;
      margin: 14px 0;
      color: var(--text-body);
      font-style: italic;
    }
.faq-list {
      margin: 12px 0 16px 20px;
      list-style-type: disc;
    }
.faq-list li {
      margin-bottom: 6px;
    }
.faq-answer-content h4 {
      font-size: 15px;
      font-weight: 800;
      color: var(--text-heading);
      margin: 22px 0 8px;
      letter-spacing: -0.01em;
    }
.faq-answer-content h4:first-child { margin-top: 0; }
.faq-answer-content a {
      color: var(--tg-blue);
      text-decoration: underline;
      text-underline-offset: 2px;
    }
.faq-answer-content strong { font-weight: 700; color: var(--text-heading); }
.faq-steps {
      margin: 12px 0 16px 20px;
      list-style-type: decimal;
    }
.faq-steps li { margin-bottom: 8px; }
.faq-note {
      margin: 16px 0;
      padding: 12px 16px;
      border-radius: 10px;
      background: rgba(245, 158, 11, 0.08);
      border: 1px solid rgba(245, 158, 11, 0.25);
      font-size: 14px;
      color: var(--text-body);
    }
.faq-table-wrap { overflow-x: auto; margin: 14px 0; }
.faq-table { border-collapse: collapse; width: 100%; font-size: 14px; }
.faq-table th, .faq-table td {
      border: 1px solid var(--border-medium);
      padding: 8px 12px;
      text-align: left;
      vertical-align: top;
    }
.faq-table th { background: rgba(0, 136, 204, 0.06); font-weight: 700; }