/* P3 content additions; styles.css remains the unmodified P4 foundation. */
.place-hero{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:0 auto;max-width:330px}.place-hero>div{background:var(--surface);border:1px solid var(--peach);border-radius:9px;overflow:hidden}.place-hero span{display:block;background:var(--peach);font-size:13px;padding:9px 2px;color:var(--deep)}.place-hero b{display:block;font:32px Georgia,serif;padding:15px 2px;color:var(--ink)}.p3-lab-content{padding:24px}.p3-lab-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.p3-card-board{padding:18px 8px;background:var(--warm);border-radius:12px;min-height:110px}.p3-card-board svg{width:100%;height:auto;max-height:160px}.p3-card-board p{line-height:1.9;font-size:15px}.p3-feedback{font-size:15px;line-height:1.9;color:var(--deep);margin-top:16px;min-height:1.9em}.p3-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.p3-method-grid .compare-card{padding:22px}.p3-method-grid h3{line-height:1.7;margin-top:10px}.p3-method-grid p{line-height:1.9}.place-table-wrap{margin:18px 0;max-width:460px}.place-table{border-collapse:separate;border-spacing:0;width:100%;text-align:center;border:1px solid var(--line);border-radius:10px;overflow:hidden}.place-table caption{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:8px}.place-table th{padding:10px 3px;background:var(--peach);font-size:14px;font-weight:500}.place-table td{padding:14px 3px;background:var(--warm);font:27px Georgia,serif}.place-table th+th,.place-table td+td{border-left:1px solid var(--line)}#numberlab{display:flex;flex-wrap:wrap;gap:12px;align-items:start}#numberlab>label{display:grid;gap:8px;flex:1;min-width:45px;text-align:center;font-size:14px;color:var(--muted)}#numberlab select{width:100%;min-height:48px;font:26px Georgia,serif;text-align:center;border:1px solid var(--line);border-radius:8px;background:var(--warm);color:var(--ink)}#numberlab>p,#numberlab>details{flex-basis:100%;line-height:1.9}#numberlab details{border-top:1px solid var(--line);padding-top:14px}#numberlab details p{padding-top:12px;font-size:15px;color:var(--muted)}select:focus-visible{outline:3px solid var(--green);outline-offset:4px}.p3-practice-footer{padding:0 28px 24px}.p3-practice-footer .text-button{display:block;margin-top:12px}.takeaway .small-text{margin-top:15px}.p3-lab-actions:has(button:not([hidden])){margin-bottom:22px}.p3-lab-actions:not(:has(button:not([hidden]))){display:none}[hidden]{display:none!important}
@media(max-width:800px){.p3-method-grid{grid-template-columns:1fr}.p3-lab-content{padding:20px}.hero-copy h1{font-size:44px}.p3-lab-actions .primary,.p3-lab-actions .secondary{flex:1 1 140px}.p3-practice-footer{padding:0 20px 22px}}
@media(max-width:389px){.hero-copy h1{font-size:38px}.place-hero{gap:4px}.place-hero b{font-size:28px}.p3-lab-content{padding:16px}.p3-method-grid .compare-card{padding:20px}.p3-practice-footer{padding:0 16px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary,.secondary{transition:none}}

/* Match the P4 quiz and exit content spacing for the P3 container IDs. */
#practice{padding:30px 33px 20px;min-height:345px}#exit{padding:30px 33px}.p3-question+.p3-question{border-top:1px solid var(--line);padding-top:25px;margin-top:25px}.p3-question .quiz-feedback{margin-top:20px}.p3-question .small-text{margin-top:12px}
@media(max-width:800px){#practice{padding:24px 22px 18px}#exit{padding:25px 20px}}
@media(max-width:560px){#practice{padding:22px 18px}#exit{padding:23px 18px}}
.p3-digit-row{display:flex;gap:12px;flex-basis:100%;min-width:0}.p3-digit-row>label{display:grid;gap:8px;flex:1;min-width:0;text-align:center;font-size:14px;color:var(--muted)}.p3-digit-row select{min-width:0}.p3-question .quiz-actions{flex-wrap:wrap}.p3-question .quiz-primary-actions{flex-wrap:wrap}.p3-question .quiz-feedback{line-height:1.9;overflow-wrap:anywhere}.p3-question .number-answer{min-width:0}.p3-question input{max-width:100%}
@media(max-width:389px){.p3-digit-row{gap:7px}}