/* Interactive guide blocks and jargon tips (lane ux-guides). Loaded on guide pages before coach.css. */
.guide-try{margin:0 0 var(--space-group);padding:var(--space-card);background:var(--card);border:3px solid var(--outline);border-radius:var(--radius)}
.guide-try h2{margin:0 0 var(--space-title-after)}
.guide-try .gi-lead,.guide-try .gi-assumes{margin:0 0 var(--space-stack);color:var(--muted)}
.gi-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:var(--space-stack);margin:0 0 var(--space-stack)}
.gi-field{display:flex;flex-direction:column;gap:var(--space-tight);min-width:0}
.gi-field label{font-weight:700}
.gi-field input,.gi-field select{width:100%;min-height:2.75rem;box-sizing:border-box}
.gi-field .gi-hint{margin:0;font-size:.875rem}
.gi-remember{display:flex;gap:var(--space-2);align-items:flex-start;margin:0 0 var(--space-stack)}
.gi-result{margin:var(--space-stack) 0}
.gi-headline{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);margin:0 0 var(--space-stack)}
.gi-headline-label{font-weight:700;color:var(--muted)}
.gi-headline strong{font-family:var(--font-head);font-weight:900;font-size:1.6rem;line-height:1.2;overflow-wrap:anywhere}
.gi-prompt{margin:0;color:var(--muted)}
.gi-note{margin:var(--space-stack) 0 0;font-size:.9375rem;color:var(--muted)}
.gi-rows{margin:var(--space-stack) 0}
.gi-checklist{list-style:none;margin:var(--space-stack) 0;padding:0;display:grid;gap:var(--space-stack)}
.gi-checklist li{padding:var(--space-3);background:var(--soft);border:2px dashed var(--hair);border-radius:var(--radius-field)}
.gi-checklist label{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:baseline;cursor:pointer}
.gi-checklist input{width:1.5rem;height:1.5rem;flex:none;align-self:center}
.gi-item{font-weight:700;flex:1 1 12rem}
.gi-when{color:var(--muted);font-size:.9375rem;font-variant-numeric:tabular-nums}
.gi-detail{display:block;margin-top:var(--space-1);font-size:.9375rem;color:var(--muted)}
.guide-try .data-meta{margin:var(--space-stack) 0 0;font-size:.875rem;color:var(--muted)}
.guide-try .data-meta a{color:inherit}
.gi-more{margin:var(--space-block) 0 0}
/* Jargon tips: a dotted term that opens its meaning in place (tap on phones, keyboard on desktop). */
abbr.gloss{text-decoration:underline dotted;text-underline-offset:3px;cursor:help}
abbr.gloss-ready{text-decoration:none;cursor:auto}
.gloss-term{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;text-decoration:underline dotted;text-underline-offset:3px;cursor:pointer}
.gloss-term:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}
.gloss-tip{display:block;margin:var(--space-2) 0;padding:var(--space-2) var(--space-3);background:var(--card);border:3px solid var(--outline);border-radius:var(--radius-field);box-shadow:var(--shadow-sm);font-size:.9375rem;font-weight:400}
.gloss-tip[hidden]{display:none}
/* One line under the lead (UX wave). */
.guide-meta-line{margin:var(--space-2) 0 0}
.guide-health-note{font-weight:700;color:var(--ink)}
@media(max-width:420px){.guide-try{padding:var(--space-4)}.gi-headline strong{font-size:1.4rem}}