body:has([data-p3]){--canvas:#f7efe7;--surface:#f7efe7;--navy:#0f3d5e;--champagne:#e7d0a8;background:#f7efe7}body:has([data-p3]) .site-header,body:has([data-p3]) .language a[aria-current],body:has([data-p3]) .menu-close{background:#f7efe7}body:has([data-p3]) .page-heading{padding-top:24px;padding-bottom:16px}body:has([data-p3]) .page-heading h1{margin-bottom:12px;font-size:clamp(1.8rem,4vw,3rem);line-height:1.15}body:has([data-p3]) .catalogue{padding-top:0}body:has([data-p3]) :focus-visible{outline-offset:3px;outline:3px solid #0f3d5e;box-shadow:0 0 0 6px #f7efe7}body:has([data-p3]) .prose{max-width:1100px}body:has([data-p3]) .practice-tool{margin-top:0}body:has([data-p3]) [data-calculator]{max-width:800px;margin:0 auto}body:has([data-p3]) [data-tool=speaking]{max-width:800px;margin-inline:auto}@media (width<=600px){body:has([data-p3]) .container{padding-left:20px;padding-right:20px}body:has([data-p3]) h2{font-size:1.65rem;line-height:1.25}body:has([data-p3]) h3{font-size:1.3rem;line-height:1.3}}[data-calculator] .band-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}[data-calculator] label{font-weight:600;display:block}[data-calculator] input,[data-calculator] select{border:1px solid var(--navy);background:var(--surface);width:100%;min-height:44px;color:var(--ink);border-radius:8px;padding:10px;display:block}[data-calculator] button{background:var(--navy);min-height:44px;color:var(--surface);border:0;border-radius:8px;margin-top:16px;padding:12px 18px}[data-calculator] button:disabled{opacity:.6}[data-calculator] .score{color:var(--navy);font-family:JetBrains Mono Variable,monospace;font-size:2rem}[data-calculator] section,[data-calculator] article{margin:24px 0}[data-calculator] .table-scroll{overflow-x:auto}[data-calculator] table{border-collapse:collapse;width:100%}[data-calculator] td,[data-calculator] th{text-align:left;border-bottom:1px solid var(--variant);padding:8px}[data-calculator] td{font-variant-numeric:tabular-nums}[data-one-change] .challenge-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}[data-one-change] .challenge-cards img{width:100%;height:auto}.one-change{--surface:#f7efe7;--navy:#0f3d5e;padding-bottom:40px}.one-change .option{text-align:left;gap:12px;width:100%;margin:8px 0;display:flex}.one-change .option[aria-pressed=true]{background:#e7d0a8;border-width:3px}.one-change .letter{font-weight:700}[data-one-change] .shell>*{min-width:0}[data-one-change] .hero{grid-template-columns:2fr 1fr;gap:32px;display:grid}[data-one-change] .label{color:var(--navy);font-size:.8rem;font-weight:700}[data-one-change] #headline{font-family:Newsreader Variable,serif;font-size:clamp(2rem,5vw,3.4rem);line-height:1.15}[data-one-change] .note{border-left:3px solid var(--navy);background:var(--surface);padding:20px}[data-one-change] .progress{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}[data-one-change] .shell{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}[data-one-change] .task,[data-one-change] .coach{border:1px solid var(--variant);background:var(--surface);border-radius:12px;padding:24px}[data-one-change] fieldset{border:0;padding:0}[data-one-change] select,[data-one-change] textarea{background:var(--surface);width:100%;color:var(--ink);border:1px solid var(--navy);border-radius:8px;min-height:44px;padding:12px}[data-one-change] button{border:1px solid var(--navy);background:var(--surface);min-height:44px;color:var(--navy);cursor:pointer;border-radius:8px;padding:12px 16px}[data-one-change] button:disabled{opacity:.6}[data-one-change] .primary{background:var(--navy);color:var(--surface)}[data-one-change] .share{flex-wrap:wrap;gap:8px;display:flex}[data-one-change] .steps{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}[data-one-change] #next-step{border-top:1px solid var(--variant);margin-top:24px}[data-one-change] .status{min-height:24px}[data-one-change] blockquote{border-left:3px solid var(--navy);padding-left:16px}@media (width<=760px){[data-one-change] .hero,[data-one-change] .shell,[data-one-change] .steps{grid-template-columns:1fr}[data-one-change] .task,[data-one-change] .coach{padding:18px}}