:root{--ink:#4e4942;--deep:#66523d;--mint:#b7d8c5;--mint2:#edf7f1;--coral:#df9568;--peach:#fff1e6;--cream:#fffdf8;--line:#eadfd1;--muted:#7c746b;--shadow:0 18px 46px rgba(92,72,48,.12)}
.oral-hero{grid-template-columns:.94fr 1.06fr;grid-template-areas:"copy visual";background:radial-gradient(circle at 12% 14%,#fff,transparent 28%),linear-gradient(135deg,#fff3d9,#edf7ea 54%,#e9f5f4)}.oral-visual{grid-area:visual;display:grid;grid-template-columns:1fr 1fr;gap:16px;width:min(510px,100%);aspect-ratio:1;margin:auto}.oral-visual span,.oral-visual strong{display:grid;place-items:center;border-radius:42% 58% 54% 46%;background:#fff;color:#84643f;font-weight:950;box-shadow:var(--shadow)}.oral-visual span:nth-child(2),.oral-visual span:nth-child(3){background:#edf8f2}.oral-visual strong{position:absolute;align-self:center;justify-self:center;width:210px;height:210px;border:9px solid rgba(255,255,255,.9);border-radius:50%;background:#9a7042;color:#fff;text-align:center;font-size:23px;line-height:1.6}.oral-visual{position:relative}.primary{background:#a87945}.eyebrow{color:#9a7042}.point,.rights{background:#70583d}.oral-message p{color:#f7eee4}.choice:hover,.choice.selected{border-color:#b28a5d;background:#fff6e9}.practice{background:linear-gradient(135deg,#fff,#f2f8f2)}.practice-text{padding:19px;border-left:5px solid #c79358;border-radius:13px;background:#fff8ec;color:#665a4d;font-weight:800}.footer{background:#574631}
@media(max-width:850px){.oral-hero{grid-template-columns:1fr;grid-template-areas:"copy" "visual"}.oral-visual{width:min(500px,100%)}.oral-visual strong{width:170px;height:170px;font-size:19px}}

/* 04 KEY POINT: keep every chapter readable on the dark panel. */
.step.point{background:#70583d;color:#fff;border-color:#b79269}
.step.point h2,.step.point blockquote{color:#fff}
.step.point .step-label{color:#ffd3aa}
.step.point .step-no{background:#fff0bf;color:#5a4633}