.op-figure{margin:1rem 0;padding:.75rem;background:#fdf9f3;border:1px solid #e9d9ce;border-radius:.6rem}
.op-figure figcaption{margin-bottom:.4rem}
.op-bar-row{display:grid;grid-template-columns:minmax(7rem,auto) minmax(0,1fr);gap:.5rem;align-items:center;margin:.3rem 0}
.op-bar-row svg{width:100%;max-width:10rem;height:auto}
#op-choices button[aria-pressed="true"]{background:var(--peach);border-color:var(--deep);color:var(--deep)}
.op-vertical{height:auto;max-width:100%;margin:1rem 0}
#op-draft-wrap[hidden]{display:none}
.hero-copy h1 .op-title-phrase{white-space:nowrap;margin-left:0;color:inherit}
@media(min-width:700px) and (max-height:480px){
 [data-lesson="3N4-01"] .hero-copy h1{font-size:36px}
}