/* Tillar Guide: uses the site's own colour and type tokens from home.css, so it follows the light and dark themes. */
.tg-launch{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;background:var(--surface,#fdfdfc);color:var(--ink,#191c1e);border:1px solid var(--rule-strong,#b9bcb4);font:600 14px/1 "Archivo",system-ui,sans-serif;cursor:pointer;box-shadow:0 6px 24px rgba(0,0,0,.18)}
.tg-launch:hover{border-color:var(--accent,#0d5a52)}.tg-launch:focus-visible,.tg-panel button:focus-visible,.tg-panel a:focus-visible{outline:2px solid var(--focus,#0d5a52);outline-offset:2px}
.tg-mark{display:grid;place-items:center;width:30px;height:30px;border:1.5px solid currentColor;font:700 15px/1 "JetBrains Mono",ui-monospace,monospace}
.tg-panel{position:fixed;right:20px;bottom:76px;z-index:61;width:min(560px,calc(100vw - 24px));max-height:min(720px,calc(100vh - 100px));display:flex;flex-direction:column;background:var(--surface,#fdfdfc);color:var(--ink,#191c1e);border:1px solid var(--rule-strong,#b9bcb4);border-top:3px solid var(--accent,#0d5a52);box-shadow:0 16px 48px rgba(0,0,0,.28);font:15px/1.5 "Archivo",system-ui,sans-serif}
.tg-panel[hidden]{display:none}
.tg-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--rule,#d8d9d4)}
.tg-head h2{margin:0;font-size:18px;line-height:1.2}.tg-kicker{margin:0;font:600 10px/1.4 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--accent,#0d5a52)}
.tg-head div{flex:1;min-width:0}.tg-close{width:34px;height:34px;border:1px solid var(--rule-strong,#b9bcb4);background:transparent;color:inherit;font-size:18px;line-height:1;cursor:pointer}
.tg-body{overflow:auto;padding:14px 16px 16px}
.tg-intro{margin:0 0 12px;color:var(--ink-soft,#4c5459);font-size:14px}
.tg-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 4px;padding:0;list-style:none}
@media(max-width:520px){.tg-grid{grid-template-columns:1fr}.tg-launch span.tg-label{display:none}.tg-launch{padding:10px}}
.tg-q{width:100%;min-height:48px;padding:10px 12px;text-align:left;background:var(--paper,#f4f4f1);color:inherit;border:1px solid var(--rule,#d8d9d4);font:600 14px/1.3 "Archivo",system-ui,sans-serif;cursor:pointer}
.tg-q:hover{border-color:var(--accent,#0d5a52)}.tg-q[aria-pressed="true"]{background:var(--band,#22272a);color:var(--on-band,#eef0ee);border-color:var(--band,#22272a)}
.tg-answer{margin-top:14px;padding:14px 14px 12px;border:1px solid var(--rule,#d8d9d4);border-left:3px solid var(--accent,#0d5a52);background:var(--paper,#f4f4f1)}
.tg-answer h3{margin:0 0 8px;font-size:16px;line-height:1.25}.tg-answer p{margin:0 0 10px}.tg-answer ul{margin:0 0 10px;padding-left:18px}.tg-answer li{margin:0 0 4px}
.tg-limit{color:var(--refusal,#a83618);font-weight:600}
.tg-src{font:12px/1.4 "JetBrains Mono",ui-monospace,monospace;color:var(--ink-soft,#4c5459)}.tg-src a{color:var(--accent,#0d5a52)}
.tg-back{margin:0 0 10px;padding:0;background:none;border:0;color:var(--accent,#0d5a52);font:600 13px/1 "Archivo",system-ui,sans-serif;cursor:pointer;text-decoration:underline}
.tg-foot{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 16px;border-top:1px solid var(--rule,#d8d9d4)}
.tg-cta{display:inline-block;padding:9px 12px;font:600 13px/1 "Archivo",system-ui,sans-serif;text-decoration:none;border:1px solid var(--rule-strong,#b9bcb4);color:inherit;background:transparent}
.tg-cta.primary{background:var(--accent,#0d5a52);border-color:var(--accent,#0d5a52);color:var(--on-accent,#f4faf8)}
.tg-note{flex-basis:100%;margin:2px 0 0;font-size:12px;color:var(--ink-soft,#4c5459)}