.pattern-final-lab{border:1px solid var(--color-divider,#dcd3c4);border-radius:var(--radius-lg,1rem);background:var(--color-surface,#ebddc5);margin:1.5rem 0;padding:1.25rem}.pattern-shape-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:.875rem;display:flex}.pattern-shape-tabs button{border:1px solid var(--color-divider,#dcd3c4);background:var(--color-neutral-100,#f9f4ed);min-height:44px;color:var(--color-text,#201e1d);cursor:pointer;border-radius:.625rem;padding:.5rem 1rem;font-weight:600;transition:all .15s}.pattern-shape-tabs button:hover{border-color:var(--color-accent,#c67139)}.pattern-shape-tabs button.is-selected{border-color:var(--color-accent,#c67139);background:var(--color-accent-100,#fff2eb);color:var(--color-accent-800,#643312);font-weight:700}.pattern-shape-description{background:var(--color-neutral-100,#f9f4ed);color:var(--color-text,#201e1d);border-radius:.75rem;margin:0 0 .875rem;padding:.875rem}.pattern-shape-choices,.pattern-confirmation-choices{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.pattern-shape-choices button:not(.btn),.pattern-confirmation-choices button:not(.btn){border:1px solid var(--color-divider,#dcd3c4);background:var(--color-neutral-100,#f9f4ed);min-height:44px;color:var(--color-text,#201e1d);cursor:pointer;border-radius:.625rem;padding:.5rem 1rem;font-weight:600;transition:all .15s}.pattern-shape-choices button:not(.btn):hover,.pattern-confirmation-choices button:not(.btn):hover{border-color:var(--color-accent,#c67139)}.pattern-shape-choices button.is-selected,.pattern-confirmation-choices button.is-selected{border-color:var(--color-accent,#c67139);background:var(--color-accent-100,#fff2eb);color:var(--color-accent-800,#643312);font-weight:700}.pattern-shape-feedback,.pattern-confirmation-feedback{border-radius:.75rem;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;padding:.875rem;display:flex}.pattern-shape-feedback.is-good,.pattern-confirmation-feedback.is-good{background:var(--color-accent-2-100,#f0fae1);border:1px solid var(--color-accent-2-300,#ccdbb2);color:var(--color-accent-2-800,#3d472b)}.pattern-shape-feedback.is-danger,.pattern-confirmation-feedback.is-danger{background:var(--color-error-100,#f6e0da);border:1px solid var(--color-error,#8a3b2a);color:var(--color-error,#8a3b2a)}.pattern-shape-feedback svg,.pattern-confirmation-feedback svg{flex-shrink:0}.pattern-shape-feedback p,.pattern-confirmation-feedback p{color:var(--color-text,#201e1d);margin:.25rem 0 0}.pattern-confirmation-cases{grid-template-columns:1fr;gap:.875rem;margin-bottom:1.125rem;display:grid}@media (min-width:52rem){.pattern-confirmation-cases{grid-template-columns:repeat(3,minmax(0,1fr))}}.pattern-confirmation-cases button{text-align:left;border:1px solid var(--color-divider,#dcd3c4);background:var(--color-neutral-100,#f9f4ed);min-height:44px;color:var(--color-text,#201e1d);cursor:pointer;border-radius:.75rem;flex-direction:column;gap:.5rem;padding:1.125rem;transition:all .15s;display:flex}.pattern-confirmation-cases button:hover{border-color:var(--color-accent,#c67139);background:var(--color-accent-100,#fff2eb)}.pattern-confirmation-cases button.is-selected{border-color:var(--color-accent,#c67139);background:var(--color-accent-100,#fff2eb);box-shadow:0 0 0 1px var(--color-accent,#c67139)}.pattern-confirmation-cases button span{color:var(--color-accent-800,#643312);background:color-mix(in srgb, var(--color-accent,#c67139) 12%, var(--color-neutral-100,#f9f4ed));border:1px solid color-mix(in srgb, var(--color-accent,#c67139) 25%, transparent);border-radius:.375rem;align-items:center;width:fit-content;padding:.1875rem .625rem;font-size:.8125rem;font-weight:700;display:inline-flex}.pattern-confirmation-cases button p{color:var(--color-text,#201e1d);margin:0;font-size:.875rem;line-height:1.55}.pattern-confirmation-choices p{color:var(--color-text,#201e1d);flex-basis:100%;margin:0;font-weight:600}.pattern-audit-rule{background:var(--color-accent-100,#fff2eb);border:1px solid var(--color-accent-300,#ffc6a5);border-radius:.75rem;align-items:flex-start;gap:.5rem;padding:.875rem;display:flex}.pattern-audit-rule svg{color:var(--color-accent-700,#8c491a);flex-shrink:0}.pattern-audit-rule p{color:var(--color-text,#201e1d);margin:0}.pattern-case-volume-label{fill:var(--color-neutral-700,#645c50);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;font-weight:700}@media (max-width:720px){.lesson-participants{grid-template-columns:1fr}}
