/* 0.67.2 (owner 2026-10-18): one «карточка выбора» for the whole site — a normal radio circle on the left, level with the
title; the title bold and a small explanation under it, full card width; the selected card has an accent border and a
light background; hover is a soft highlight; the whole card is clickable; native radios give the keyboard (arrows inside
a group, Space); on a phone the cards are full width, one per row. */
.choice-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:10px 0}
.choice-cards.choice-stack{grid-template-columns:minmax(0,1fr)}
/* ui-fixes-2: three cards in one row on a desktop (never two and one alone) */
.choice-cards.choice-row3{grid-template-columns:repeat(3,minmax(0,1fr))}
.choice-card{display:flex;align-items:flex-start;gap:12px;margin:0;padding:12px 14px;border:1px solid #2a3544;border-radius:12px;
 background:rgba(255,255,255,.015);cursor:pointer;min-width:0;transition:border-color .15s,background .15s;font-size:inherit;color:var(--text)}
.choice-card:hover{border-color:#3d4d61;background:rgba(184,248,218,.035)}
.choice-card:has(input:checked){border-color:var(--teal);background:rgba(184,248,218,.07)}
.choice-card:has(input:focus-visible){outline:2px solid var(--teal);outline-offset:2px}
.choice-card:has(input:disabled){opacity:.5;cursor:not-allowed}
.choice-card:has(input:disabled):hover{border-color:#2a3544;background:rgba(255,255,255,.015)}
/* the circle: a normal radio, never stretched by the site's input rules (specific enough inside #grid and dialogs) */
.choice-card input.choice-radio,#grid .grid-form .choice-card input.choice-radio{flex:0 0 18px;width:18px;height:18px;min-width:18px;min-height:0;max-height:18px;padding:0;
 margin:2px 0 0;border:0;accent-color:var(--teal);box-shadow:none;cursor:inherit}
.choice-body{display:grid;gap:3px;min-width:0;flex:1}
.choice-title{font-weight:650;font-size:14px;line-height:1.35;color:var(--text);overflow-wrap:anywhere}
.choice-note{font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
.choice-note b{color:#c9d5e3;font-weight:600}
@media(max-width:560px){.choice-cards,.choice-cards.choice-row3{grid-template-columns:minmax(0,1fr)}}
/* the experimental hedge profiles use the same card (their older grid layout is overridden) */
.hedge-profiles .hedge-profile.choice-card{display:flex;padding:12px 14px;border:1px solid #2a3544;border-radius:12px;background:rgba(255,255,255,.015)}
.hedge-profiles .hedge-profile.choice-card:has(input:checked){border-color:var(--teal);background:rgba(184,248,218,.07)}
#new-bot-form .hedge-profile.choice-card input.choice-radio{width:18px;height:18px;min-width:18px;min-height:0;margin:2px 0 0}
.hedge-profiles .hedge-profile-kind{color:#9be0cc}
/* every radio and checkbox of the site: never the 47 px height of the text inputs (visual.css; Codex P672-IMP-03) */
input:where([type=radio],[type=checkbox]){min-height:0}