condition-grid,condition-card,condition-value,condition-text,condition-note,step-list,tutorial-step,step-number,step-body,step-title,step-text,step-links{display:block}condition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(1rem,2.5vw,1.5rem);margin-top:1.75rem}condition-card{padding:clamp(1.5rem,3.5vw,2.25rem);text-align:center;border-radius:var(--shape-xl);border:1px solid var(--color-primary-dim);background:radial-gradient(90% 130% at 50% 0%,#ffc94b1a,#ffc94b05 60%,#ffc94b00),var(--color-surface)}condition-value{font-family:var(--font-display);font-stretch:125%;font-weight:900;font-size:clamp(2.75rem,7vw,4.5rem);line-height:1;color:#ffd883;text-shadow:0 0 18px rgba(255,201,75,.45),0 0 70px rgba(255,201,75,.18)}condition-text{margin-top:.75rem;color:var(--color-on-surface-variant)}condition-text strong{color:var(--color-on-surface)}condition-note{margin-top:1rem;font-size:.9rem;color:var(--color-on-surface-variant)}step-list{margin-top:1rem}tutorial-step{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.25rem,4vw,2.5rem);padding-block:clamp(1.75rem,4vw,2.5rem);border-top:1px solid var(--color-outline)}tutorial-step:first-of-type{border-top:0}step-number{font-family:var(--font-display);font-stretch:125%;font-weight:900;font-size:clamp(2.5rem,6vw,3.75rem);line-height:1;min-width:1.2em;text-align:center;color:#ffd883;text-shadow:0 0 18px rgba(255,201,75,.45),0 0 70px rgba(255,201,75,.18)}step-title{font-family:var(--font-display);font-stretch:125%;font-weight:600;font-size:clamp(1.25rem,2.5vw,1.5rem);line-height:1.2;margin-bottom:.75rem}step-text{color:var(--color-on-surface-variant)}step-text strong{color:var(--color-on-surface)}step-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}step-links a{text-decoration:none}step-links a:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px;border-radius:var(--shape-full)}@media(max-width:480px){tutorial-step{grid-template-columns:1fr;gap:.75rem}step-number{text-align:left}}