@import url('/static/inspohouse.css');

.asodi-mark{display:block;width:min(330px,82%);height:auto;margin:0 0 28px;position:relative;z-index:1}
.hero>*{position:relative;z-index:1}
.notice{border-left:4px solid var(--turq);background:#eefbfa;border-radius:0 12px 12px 0;padding:14px 16px;color:var(--ink)!important}
.time-note{font-weight:700;color:var(--turq)!important}
.two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.option-grid.activities{grid-template-columns:repeat(3,minmax(0,1fr))}
.option{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;background:#fbfcfb;padding:11px 12px;font-weight:700;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}
.option:hover{border-color:var(--turq);background:#fff}
.option:has(input:checked){border-color:var(--turq);background:#eefbfa;box-shadow:0 0 0 3px rgba(24,191,194,.10)}
.option input{display:inline-block;width:18px;height:18px;margin:0;accent-color:var(--turq);flex:0 0 auto}
.option span{line-height:1.2}
.conditional{display:none;margin-top:14px}
.conditional.visible{display:block}
.status.ok{background:#e6f8ef;color:#176b48;border-color:#9dd8bc}
.status.error{background:#fff0ef;color:#9a2e27;border-color:#efb6b0}
@media(max-width:820px){.option-grid,.option-grid.activities{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.two-columns,.option-grid,.option-grid.activities{grid-template-columns:1fr}.option{min-height:48px}}