.context-card{max-width:560px}
.context-list{display:grid;gap:.75rem;min-width:0;margin:0;padding:0;border:0}
.context-list legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.context-option{display:flex;align-items:flex-start;gap:.85rem;margin:0;padding:1rem;border:2px solid #737d87;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.context-option:hover{border-color:var(--green-dark)}
.context-option:has(input:checked){border-color:var(--green-dark);background:#f1f8ed;box-shadow:inset 0 0 0 1px var(--green-dark)}
.context-option input{width:1.35rem;min-width:1.35rem;height:1.35rem;min-height:1.35rem;margin:.16rem 0 0;padding:0;accent-color:var(--green);cursor:pointer}
.context-option span{display:grid;gap:.15rem;min-width:0}
.context-option strong{font-weight:900}
.context-option small{color:var(--muted);font-size:.88rem;font-weight:600;overflow-wrap:anywhere}
.context-option:focus-within{outline:3px solid #195db5;outline-offset:3px}
#context-help{margin-top:1rem}
#select-context{margin-top:1rem}
@media(max-width:374px){.context-option{padding:.85rem;gap:.7rem}}
@media(prefers-reduced-motion:reduce){.context-option{transition:none}}