@layer components{.how-hero_room{background-color:#0000;width:100%;height:auto}.how-start_note{font-size:1rem}.how-question_panel{border-radius:var(--radius-main);background-color:var(--colour-mint);color:var(--colour-navy);flex-direction:column;gap:1rem;margin:0;padding:1.5rem;font-size:.8125rem;display:flex}@media (min-width:64rem){.how-question_panel{padding:2.5rem}}.how-question_card{border-radius:var(--radius-small);background-color:var(--colour-chalk);box-shadow:var(--shadow-lg);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.how-question_kicker{text-transform:uppercase;font-size:.75rem}.how-question_progress{background-color:var(--colour-line);width:35%;height:3px;display:block}.how-question_title{font-family:var(--font-heading);font-size:clamp(1.5rem,1.2rem + 1vw,2rem);line-height:1.25}.how-question_options{flex-direction:column;gap:.5rem;margin:0;padding:0;font-size:1rem;list-style:none;display:flex}.how-question_options li{border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.how-question_options li:before{content:"";border:1.5px solid;border-radius:50%;width:.625rem;height:.625rem}.how-question_options li.selected{background-color:var(--colour-mint)}.how-question_options li.selected:before{background-color:currentColor}.how-thread_list{gap:2rem;width:100%;margin:0;padding:0;list-style:none;display:grid}@media (min-width:64rem){.how-thread_list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}.how-thread_item{flex-direction:column;gap:.75rem;display:flex}.how-thread_card{border-radius:var(--radius-small);background-color:var(--colour-white);box-shadow:var(--shadow-lg);text-transform:uppercase;flex-direction:column;gap:.75rem;margin-bottom:.75rem;padding:1.5rem;font-size:.75rem;display:flex}.how-thread_line{background-color:var(--colour-line-soft);border-radius:2px;width:60%;height:4px;display:block}.how-thread_line.long{width:80%}.how-thread_line.short{width:40%}.how-thread_tags{min-height:3.2em;margin-top:.5rem;font-size:.6875rem;line-height:1.6}.how-thread_flow{border-top:1px solid var(--colour-line);flex-wrap:wrap;gap:.5rem 1.25rem;width:100%;padding-top:1rem;display:flex}.how-inside_list{flex-direction:column;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.how-inside_list li{flex-direction:column;gap:.5rem;display:flex}.how-inside_title{font-family:var(--font-heading);font-size:1.375rem;line-height:1.3}.how-inside_media{flex-direction:column;gap:1.5rem;margin:0;font-size:.8125rem;display:flex}.how-inside_image{background-color:#0000;width:100%;max-width:30rem;height:auto}}