/* ===========================================================================
   TG MODULE SKIN — the single source of truth for the Disciplined Retro OS
   look on Techno Guerrilla modules + their embedded interactives.
   Loaded natively by every module and interactive so the standalone page and
   the in-OS view render IDENTICALLY. Generated from the OS reskin; the old
   per-module theme (Space Grotesk / glitch / #0a0a0a / #c92a2a) is overridden.
   =========================================================================== */
.nav,.skip,.progress,.hero-media,.hero::before,.toc-mobile{display:none!important}html{scroll-behavior:auto!important}body{padding:0!important;background:#16181b!important;color:#e9e7e1!important}*{border-radius:0!important}html::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:99990;background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.12) 2px 3px);opacity:.4;mix-blend-mode:multiply}:root{--bg:#16181b!important;--panel:#1c1f23!important;--panel2:#2b2e33!important;--t1:#e9e7e1!important;--t2:#bdbbb4!important;--t3:#8e8c85!important;--accent:#cf362f!important;--ln:rgba(255,255,255,.10)!important;--ln2:rgba(255,255,255,.18)!important;--fh:Inter,sans-serif!important;--fb:Inter,sans-serif!important;--fl:VT323,ui-monospace,monospace!important}.hero h1,.hero h1 .glitch{font-family:Inter,sans-serif!important;font-weight:800!important;letter-spacing:0!important;font-size:clamp(2.5rem,4vw,3.4rem)!important;line-height:1!important}.hero h1 .glitch{text-shadow:none!important}.hero h1 .glitch::before,.hero h1 .glitch::after{display:none!important}.kicker{font-family:VT323,ui-monospace,monospace!important;font-size:1.05rem!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#cf362f!important;margin-bottom:14px!important}.def{font-family:Inter,sans-serif!important;font-weight:400!important;font-size:1.25rem!important;line-height:1.6!important;color:#cfcdc6!important;max-width:60ch!important;margin:14px 0 0!important}.unit-t,.unit-t .gl-static{font-family:Inter,sans-serif!important;font-weight:800!important;letter-spacing:0!important;font-size:1.7rem!important;line-height:1.1!important;color:#e9e7e1!important}.unit-t .gl-static{text-shadow:none!important}.unit p,.unit li,.open-row .body{font-family:Inter,sans-serif!important;font-size:1.05rem!important;line-height:1.7!important;color:#c4c2bb!important}.unit p,.unit li{margin:14px 0!important}.open-row .lbl{font-family:VT323,ui-monospace,monospace!important;font-size:1.05rem!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#cf362f!important}.lbl,.num{font-family:VT323,ui-monospace,monospace!important;font-size:1.05rem!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#cf362f!important}.unit,.hero,.lesson,main,article,.content{background:transparent!important}.hero{padding:1.4rem var(--gut,1.6rem) 1.2rem!important;min-height:0!important;overflow:visible!important;max-width:1040px!important;margin:0 auto!important}.hero-top{min-height:0!important}.hero-text{max-width:100%!important}.lesson{max-width:1040px!important;margin:0 auto!important;padding:10px clamp(1rem,3vw,2rem) 0!important;gap:clamp(1.6rem,3vw,3rem)!important;align-items:start!important;justify-content:center!important}.content{padding:0!important;max-width:none!important;border:0!important;box-shadow:none!important}.unit{padding-block:clamp(1.4rem,2.6vw,2.2rem)!important;border-top:1px solid rgba(255,255,255,.1)!important}.toc{background:transparent!important;border:0!important;border-right:1px solid rgba(255,255,255,.09)!important;box-shadow:none!important;padding:2px 18px 2px 0!important;top:14px!important}.toc-k{font-family:VT323,ui-monospace,monospace!important;font-size:1rem!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#cf362f!important;margin-bottom:10px!important;padding-left:2px!important}.toc a{font-family:Inter,sans-serif!important;font-size:.95rem!important;border:0!important;padding:7px 9px!important;color:#a6a49e!important;line-height:1.3!important;letter-spacing:0!important}.toc a:hover{color:#fff!important;background:rgba(255,255,255,.05)!important}.toc a[aria-current="location"]{color:#fff!important;background:#cf362f!important}.toc .num{color:inherit!important;margin-right:6px!important}.unit-h{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:nowrap!important;border-bottom:1px solid rgba(255,255,255,.1)!important;padding-bottom:12px!important;margin-bottom:18px!important}.unit-n{font-family:VT323,ui-monospace,monospace!important;font-size:.95rem!important;letter-spacing:.06em!important;line-height:1!important;color:#fff!important;background:#cf362f!important;padding:4px 10px!important;box-shadow:inset 2px 2px 0 #4a4f57,inset -2px -2px 0 #090a0b!important;text-shadow:none!important;flex:none!important}.unit-n::before{content:"UNIT "!important}.callout,.do,.note,.warn{background:#1c1f23!important;border:0!important;box-shadow:inset 2px 2px 0 #4a4f57,inset -2px -2px 0 #090a0b!important;padding:16px 19px!important;margin:18px 0!important}.callout>*:first-child,.do>*:first-child,.note>*:first-child,.warn>*:first-child{margin-top:0!important}.callout>*:last-child,.do>*:last-child,.note>*:last-child,.warn>*:last-child{margin-bottom:0!important}.dk,.ck{font-family:VT323,ui-monospace,monospace!important;font-size:1rem!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#cf362f!important}.verify{font-family:VT323,ui-monospace,monospace!important;font-size:1rem!important;color:#84c98a!important;border:0!important;padding:0!important;margin-top:10px!important}.code{position:relative!important;background:#101216!important;border:0!important;box-shadow:inset 2px 2px 0 #090a0b,inset -2px -2px 0 #4a4f57!important;padding:0!important;margin:18px 0!important;overflow:hidden!important}.code::before{content:"● TERMINAL"!important;display:block!important;font-family:VT323,ui-monospace,monospace!important;font-size:1rem!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#cf362f!important;background:#2b2e33!important;padding:5px 13px!important}.code pre{margin:0!important;padding:14px 16px!important;font-family:VT323,ui-monospace,monospace!important;font-size:1.05rem!important;line-height:1.5!important;color:#84c98a!important;background:#101216!important}.code .pr{color:#a6a49e!important}.unit code{font-family:VT323,ui-monospace,monospace!important;font-size:1rem!important;color:#84c98a!important;background:#101216!important;border:0!important;box-shadow:inset 2px 2px 0 #090a0b,inset -2px -2px 0 #4a4f57!important;padding:1px 7px!important}.check{background:#1c1f23!important;border:0!important;box-shadow:inset 2px 2px 0 #4a4f57,inset -2px -2px 0 #090a0b!important;padding:22px 24px!important;margin:20px 0!important}.q fieldset,.check fieldset{border:0!important;padding:0!important;margin:0!important}.check .ck{display:block!important;border-bottom:1px solid rgba(255,255,255,.12)!important;padding-bottom:10px!important;margin-bottom:14px!important}.check .ck::before{content:"✓ "!important}.check legend,.q legend{font-family:Inter,sans-serif!important;font-size:1.05rem!important;font-weight:600!important;color:#e9e7e1!important;line-height:1.5!important;margin:0 0 14px!important;padding:0!important;float:none!important;width:100%!important}.check label{display:flex!important;gap:13px!important;align-items:flex-start!important;font-family:Inter,sans-serif!important;font-size:.98rem!important;line-height:1.5!important;color:#c4c2bb!important;background:#2b2e33!important;border:0!important;box-shadow:inset 2px 2px 0 #4a4f57,inset -2px -2px 0 #090a0b!important;padding:14px 17px!important;margin:9px 0!important;cursor:pointer!important}.check label:hover{color:#fff!important}.check input[type=radio]{margin:3px 0 0!important;accent-color:#cf362f!important;flex:none!important}.check .feedback{font-family:Inter,sans-serif!important;font-size:.98rem!important;line-height:1.6!important;margin-top:16px!important;padding:15px 17px!important;background:#101216!important;border:0!important;box-shadow:inset 2px 2px 0 #090a0b,inset -2px -2px 0 #4a4f57!important}.check .feedback:empty{display:none!important}.check .feedback[data-state="ok"]{color:#9be3b8!important;border-left:3px solid #84c98a!important}.check .feedback[data-state="no"]{color:#eca0a0!important;border-left:3px solid #cf362f!important}.embed{background:#101216!important;border:0!important;box-shadow:inset 2px 2px 0 #4a4f57,inset -2px -2px 0 #090a0b!important;padding:0!important;margin:20px 0!important;max-width:none!important;overflow:hidden!important}.embed iframe{border:0!important;display:block!important;width:100%!important;background:#16181b!important}.embed-bar:empty{display:none!important}.embed-bar{display:flex!important;justify-content:flex-end!important;align-items:center!important;margin:0!important;padding:6px 8px!important;background:#2b2e33!important}.tg-embedhdr{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;background:#2b2e33!important;padding:6px 8px 6px 13px!important}.tg-embedhdr .tg-el{font-family:VT323,ui-monospace,monospace!important;font-size:1rem!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#cf362f!important}button,.btn,.go,.restart,.copy,.tg-run,.embed-fs,.embed-close,.tgp-prev,.tgp-next{font-family:VT323,ui-monospace,monospace!important;font-size:1.05rem!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#e9e7e1!important;background:#2b2e33!important;border:0!important;box-shadow:inset 2px 2px 0 #4a4f57,inset -2px -2px 0 #090a0b!important;padding:7px 15px!important;cursor:pointer!important;line-height:1.1!important}button:active,.go:active,.restart:active,.copy:active,.tg-run:active,.tgp-prev:active,.tgp-next:active{box-shadow:inset 2px 2px 0 #090a0b,inset -2px -2px 0 #4a4f57!important}.tg-run,.go,.tg-practice button{background:#cf362f!important;color:#fff!important}.q,.card,.model{background:#1c1f23!important;border:0!important;box-shadow:inset 2px 2px 0 #4a4f57,inset -2px -2px 0 #090a0b!important;padding:18px 20px!important;margin:14px 0!important}.chip{font-family:Inter,sans-serif!important;font-size:.95rem!important;background:#2b2e33!important;border:0!important;box-shadow:inset 2px 2px 0 #4a4f57,inset -2px -2px 0 #090a0b!important;color:#c4c2bb!important;padding:9px 13px!important;cursor:pointer!important}.chip.on{box-shadow:inset 2px 2px 0 #090a0b,inset -2px -2px 0 #4a4f57!important;color:#fff!important;background:#cf362f!important}.qn,.seg{font-family:VT323,ui-monospace,monospace!important;font-size:1rem!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#cf362f!important}.tag{font-family:VT323,ui-monospace,monospace!important;font-size:.95rem!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#fff!important;background:#cf362f!important;padding:3px 10px!important}.crosswalk{font-family:Inter,sans-serif!important;font-size:.95rem!important;line-height:1.6!important;color:#a8a69d!important;border-left:2px solid rgba(207,54,47,.5)!important;padding-left:12px!important}.lede{font-family:Inter,sans-serif!important;font-size:1.1rem!important;line-height:1.6!important;color:#cfcdc6!important}

/* the "In the field →" course-bridge weave (added 2026-06-23) */
.infield{background:#1c1f23!important;box-shadow:inset 2px 2px 0 #4a4f57,inset -2px -2px 0 #090a0b!important;border-left:3px solid #cf362f!important;padding:15px 18px!important;margin:20px 0!important}
.infield::before{content:"IN THE FIELD →"!important;display:block!important;font-family:VT323,ui-monospace,monospace!important;font-size:1rem!important;letter-spacing:.12em!important;color:#cf362f!important;margin-bottom:7px!important}
.infield p{margin:0!important;font-family:Inter,sans-serif!important;font-size:1.02rem!important;line-height:1.65!important;color:#c4c2bb!important}