.Vh1G-a_guide{border:1px solid var(--line);background:var(--surface);border-radius:24px;max-width:800px;margin:0 auto;padding:clamp(22px,4vw,42px)}.Vh1G-a_progress,.Vh1G-a_navigation{font:12px var(--sans);color:var(--muted);justify-content:space-between;gap:12px;display:flex}.Vh1G-a_progress a{text-underline-offset:4px}.Vh1G-a_question{padding-block:30px;animation:.18s ease-out Vh1G-a_enter}.Vh1G-a_question h2{outline:none;font-size:clamp(28px,4vw,38px)}.Vh1G-a_question p{max-width:56ch;margin-block:12px 26px;font-size:14px;line-height:1.7}.Vh1G-a_choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.Vh1G-a_choices button{background:var(--paper);border:1px solid var(--line);min-height:120px;color:var(--ink);text-align:left;font:14px var(--sans);cursor:pointer;border-radius:16px;align-content:start;gap:10px;padding:22px;display:grid;position:relative}.Vh1G-a_choices button:hover,.Vh1G-a_choices button[aria-pressed=true]{border-color:var(--clay);background:var(--surface);box-shadow:inset 0 0 0 1px var(--clay)}.Vh1G-a_choices strong{font-size:18px}.Vh1G-a_choices span{font-size:13px;line-height:1.65}.Vh1G-a_choices i{font-style:normal;position:absolute;top:20px;right:18px}.Vh1G-a_actions{border-top:1px solid var(--line);padding-top:20px}.Vh1G-a_selection{color:var(--muted);margin-bottom:14px;font-size:12px}.Vh1G-a_actions>a{justify-content:center;width:100%;font-size:14px;display:flex}.Vh1G-a_navigation{margin-top:12px}.Vh1G-a_navigation button{font:inherit;cursor:pointer;color:var(--ink);background:0 0;border:0;min-height:44px}@keyframes Vh1G-a_enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.Vh1G-a_question{animation:none}}@media (max-width:520px){.Vh1G-a_guide{padding:20px 16px}.Vh1G-a_choices{grid-template-columns:1fr}.Vh1G-a_choices button{min-height:84px;padding:18px}.Vh1G-a_question{padding-block:24px}.Vh1G-a_progress{font-size:11px}}
.demo-header.wrap,.demo-index.wrap,.demo-footer.wrap{width:min(1160px,100% - 80px)}.demo-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-block:22px;display:flex}.demo-header .brand{font:700 20px/1 var(--sans);letter-spacing:-.8px;gap:8px}.demo-header .brand img{width:34px;height:32px}.demo-header .brand i{font:700 14px var(--sans);color:var(--clay)}.demo-header .text-link{border:0;gap:10px;min-height:44px;padding-block:8px}.demo-header .text-link svg{width:18px;transform:rotate(180deg)}.demo-index{padding-block:36px 32px}.demo-heading{margin-bottom:26px}.demo-heading h1{font-size:clamp(38px,4.3vw,58px)}.demo-heading h1 em{color:var(--clay)}.demo-heading>p{margin-top:12px;font-size:14px;line-height:1.65}.demo-next{border:1px solid var(--line);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:28px;margin-top:32px;padding:24px;display:flex}.demo-next h2{font-size:28px}.demo-next p{max-width:590px;margin-top:10px;font-size:14px;line-height:1.65}.demo-next .button{flex:none;gap:12px;min-height:44px;padding:11px 18px;font-size:13px}.demo-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-block:20px;font-size:12px;display:flex}.demo-footer a{align-items:center;gap:8px;min-height:44px;display:inline-flex}.demo-footer svg{width:18px;height:18px}@media (max-width:950px){.demo-next{flex-direction:column;align-items:start;gap:18px}}@media (max-width:600px){.demo-header.wrap,.demo-index.wrap,.demo-footer.wrap{width:calc(100% - 40px)}.demo-header{gap:12px;padding-block:16px}.demo-header .text-link{gap:6px;font-size:11px}.demo-index{padding-block:28px}.demo-heading{margin-bottom:22px}.demo-heading>p{max-width:270px;margin-top:10px}.demo-next{margin-top:26px;padding:20px}.demo-next h2{font-size:26px}.demo-next .button{width:100%}.demo-footer{flex-wrap:wrap;gap:8px;font-size:11px}}