.andkon-guide{--guide-panel:#333;--guide-border:#777;--guide-gold:#e3b341;--guide-text:#f4f1ea;--guide-muted:#c5ceca;color:var(--guide-text);font:inherit;margin:28px 0;max-width:1200px}
.andkon-guide h2{display:table;text-align:left;background:#333;border-right:6px solid var(--guide-gold);padding:12px 20px;margin:0 0 20px;font-size:27px;line-height:1.25}
/* Match the site's edge-attached headings only in the draft game wrapper. */
.site-main .andkon-guide h2{margin-left:-20px;max-width:calc(100% + 20px)}
@media(max-width:760px){.site-main .andkon-guide h2{margin-left:-18px;padding-left:18px;max-width:calc(100% + 18px)}}
.guide-box{border:2px solid var(--guide-border);background:var(--guide-panel);padding:24px 26px}
.guide-intro{margin:0 0 12px;line-height:1.6}.guide-note{font-size:.9em;color:var(--guide-muted);margin:0 0 22px;line-height:1.5}
.guide-device{font-weight:700;font-size:14px;color:var(--guide-text);border-bottom:1px solid #626767;padding-bottom:13px;margin:20px 0 0}
.guide-tabs{display:flex;margin:22px 0 8px}.guide-tabs button{font:inherit;font-size:14px;font-weight:700;border:1px solid var(--guide-border);background:#242a2f;padding:12px 18px;color:var(--guide-text);cursor:pointer}.guide-tabs button[aria-selected=true]{background:var(--guide-gold);color:#111}
.guide-controls{margin:0}.guide-row{display:grid;grid-template-columns:minmax(120px,25%) 1fr;gap:20px;padding:18px 0;border-bottom:1px solid #555b58}.guide-row:last-child{border:0;padding-bottom:2px}.guide-row dt{font-weight:650;padding-top:5px}.guide-row dd{margin:0;min-width:0}.guide-inputs{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.guide-input-group{display:inline-flex;gap:4px;align-items:center;flex-wrap:wrap}.guide-context{font-size:.88em;line-height:1.5;margin:8px 0 0;color:var(--guide-muted)}.guide-behavior{font-size:.9em}.connector{color:var(--guide-muted);padding:0 3px}
.andkon-guide kbd{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:34px;padding:0 9px;background:#2b3339;border:1px solid #697279;border-bottom:3px solid #090d10;border-radius:3px;color:var(--guide-text);font-family:inherit;font-size:14px;font-weight:650;line-height:1;white-space:nowrap}
.andkon-guide .input-token{display:inline-flex;align-items:center;gap:8px}.andkon-guide .input-token svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;flex:none}.andkon-guide .accent{fill:var(--guide-gold);stroke:none}.andkon-guide .gesture{stroke:var(--guide-gold)}.andkon-guide .screen-button{padding:3px 8px;border:1px solid #888}.import-local-banner{background:#333;padding:10px 16px;border-left:4px solid #e3b341;font-size:14px}.import-local-banner a{color:#f0cd99}
@media(max-width:600px){.guide-box{padding:19px 17px}.andkon-guide h2{font-size:23px}.guide-row{grid-template-columns:1fr;gap:8px}.guide-tabs button{flex:1;padding:12px 10px}}

.guide-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.andkon-guide .guide-heading h2{margin-bottom:0;min-width:0}
.guide-heading-controls{display:flex;align-items:center;flex:none}
.guide-heading-controls:empty{display:none}
.guide-heading:has(.guide-heading-controls:empty):not(:has(h2)){display:none}