@layer components{.sample-guide_panel{border-radius:var(--radius-main);background-color:var(--colour-mint);width:100%;color:var(--colour-navy);gap:1.25rem;padding:1.25rem;display:grid}@media (min-width:64rem){.sample-guide_panel{grid-template-columns:22rem minmax(0,1fr);gap:2rem;padding:2rem}}.sample-guide_nav{flex-direction:column;gap:1rem;display:flex}.sample-guide_nav ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.sample-guide_link{border-radius:var(--radius-small);color:inherit;font-family:var(--font-heading);gap:1rem;padding:.875rem 1rem;font-size:1.25rem;text-decoration:none;display:flex}.sample-guide_link:hover{background-color:var(--colour-chalk)}.sample-guide_card{border-radius:var(--radius-small);background-color:var(--colour-chalk);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}@media (min-width:64rem){.sample-guide_card{padding:2.5rem}}.sample-guide_steps{flex-direction:column;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.sample-guide_steps li{flex-direction:column;gap:.375rem;display:flex}.sample-guide_step-title{font-family:var(--font-heading);font-size:1.25rem;line-height:1.4}.sample-context_notes{gap:2rem;width:100%;margin:0;padding:0;list-style:none;display:grid}@media (min-width:64rem){.sample-context_notes{grid-template-columns:repeat(2,minmax(0,1fr))}}.sample-context_notes li{flex-direction:column;gap:.75rem;display:flex}.sample-context_note-title{font-family:var(--font-heading);font-size:1.5rem;line-height:1.33}}