/* Embeds (/embed/…): the page around each embed. Compact, 280–900 px wide, light and dark (html[data-theme]).
   System fonts only. Site colors: racing green #004225 / #00562f, dark accent #6cc79a, gold #b8963e. */
:root{--e-bg:#fcfaf4;--e-ink:#1d2320;--e-muted:#5d6862;--e-line:#dde5df;--e-card:#fff;--e-g:#00562f;--e-gold:#8a6d22;--e-bar:#004225;--e-bar-ink:#f3ead2;--e-bar-muted:#cfe0d5;color-scheme:light}
html[data-theme="dark"]{--e-bg:#0b1a13;--e-ink:#e6ece8;--e-muted:#a9b8af;--e-line:#2a4636;--e-card:#12261b;--e-g:#6cc79a;--e-gold:#d8b860;--e-bar:#00331c;--e-bar-ink:#f3ead2;--e-bar-muted:#b9d3c3;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--e-bg);color:var(--e-ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;overflow-x:hidden}
a{color:var(--e-g)}
img,svg{max-width:100%}
code{font:.92em ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--e-line);padding:.05em .3em;border-radius:4px;overflow-wrap:anywhere}
.emb-main{flex:1 0 auto;width:100%;max-width:900px;margin:0 auto;padding:12px 12px 16px}
@media (min-width:600px){.emb-main{padding:16px 18px 20px}}

/* the bar at the bottom: always in view */
.emb-foot{position:sticky;bottom:0;z-index:50;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 12px;padding:6px 12px;background:var(--e-bar);color:var(--e-bar-muted);font-size:12px;line-height:1.35;border-top:1px solid rgba(255,255,255,.08)}
.emb-brand{color:var(--e-bar-ink);text-decoration:none;font-size:13px;white-space:nowrap;min-height:28px;display:inline-flex;align-items:center;gap:5px}
.emb-brand b{color:#f0d999}
.emb-brand:hover{text-decoration:underline}
.emb-logo{font-size:15px;line-height:1}
.emb-fine{margin:0;font-size:11px;text-align:right;flex:1 1 12rem}
.emb-fine a{color:var(--e-bar-ink);white-space:nowrap}
.emb-foot a:focus-visible{outline:2px solid #d8b860;outline-offset:2px;border-radius:3px}
@media (max-width:420px){.emb-fine{text-align:left}}

/* practice */
.emb-prac.mlp{max-width:none;margin:0;padding:0}
.emb-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 14px;margin:0 0 10px}
.emb-htext{min-width:0;flex:1 1 12rem}
.emb-eye{margin:0;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--e-gold)}
.emb-eye a{color:inherit;text-decoration:none}
.emb-title{margin:2px 0 4px;font:700 1.3rem/1.2 Georgia,"Times New Roman",serif;overflow-wrap:anywhere}
.emb-title a{color:var(--e-ink);text-decoration:none}
.emb-title a:hover{color:var(--e-g);text-decoration:underline}
.emb-st{margin:0;font-size:13px;color:var(--e-muted)}
.emb-stats{display:flex;align-items:center;gap:8px;font-size:12.5px;line-height:1.3;color:var(--e-muted)}
.emb-stats b{color:var(--e-ink)}
.emb-prac .mlp-task{min-height:0}
.emb-prac .mlp-inlesson{margin:0 0 12px}
.emb-prac .mlp-tbanner{margin-bottom:10px}
.emb-msg{padding:14px 16px;border-radius:12px}
.emb-msg p{margin:.3rem 0}
.emb-prac .mlp-bigemoji{font-size:2rem;margin:0}
@media (max-width:420px){
  .emb-title{font-size:1.15rem}
  .emb-prac .mlp-tbanner{padding:.7rem .8rem;gap:.6rem}
  .emb-prac .mlp-tbanner h2{font-size:1.05rem}
  .emb-prac .mlp-tbanner-icon{font-size:1.4rem;width:2.2rem;height:2.2rem}
}

/* word of the day */
.emb-wordbox.mlp{max-width:none;margin:0;padding:0}
.emb-wordbox .emb-eye{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 10px;margin-bottom:6px}
.emb-wordbox .emb-eye span{color:var(--e-muted);letter-spacing:.04em}
.emb-wordbox .vo-card{margin:0}
.emb-wordbox .vo-card .vo-w{font-size:1.6rem;margin:0}
.emb-wordbox .vo-more,.emb-wordbox .vo-note,.emb-wordbox .vo-ctx{display:none}
.emb-wlinks{display:flex;flex-wrap:wrap;gap:4px 16px;margin:10px 0 0;font-weight:700;font-size:14px}
.emb-wlinks a{text-decoration:none}
.emb-wlinks a:hover{text-decoration:underline}

/* reading */
.emb-reading .hc-card{box-shadow:none}

/* /embed/ itself */
.emb-card{background:var(--e-card);border:1px solid var(--e-line);border-radius:12px;padding:14px 16px}
.emb-card h1{font:700 1.3rem Georgia,serif;margin:0 0 .4rem}