/* Chromeless layout for /embed/<tool>/. Brand colors come from CSS variables set by embed-frame.js. */
:root{--on-accent:#fff;--embed-bg:var(--paper)}
html[data-embed],body.embed{background:var(--embed-bg)}
body.embed{padding:.75rem;min-height:0}
.embed-main{max-width:46rem;margin:0 auto}
.embed-main>section,.embed-main main>section{padding:0}
.embed h1{font-size:clamp(1.6rem,5vw,2.2rem);line-height:1.1}
.embed .lead{font-size:1rem;margin-top:.4rem}
.embed-grid{display:grid;gap:1rem;margin-top:1rem}
.embed .panel{border-width:3px;padding:1rem;box-shadow:3px 3px 0 var(--ink)}
.embed .btn{color:var(--on-accent);font-size:1.25rem}
.embed .btn:hover{filter:brightness(.9)}
.embed .badge{background:var(--yellow)}
.embed-foot{font-size:.75rem;opacity:.75;margin-top:1rem}
.brandbar{display:flex;align-items:center;gap:.7rem;background:var(--navy);color:#fff;border:3px solid var(--ink);border-radius:.6rem;padding:.5rem .8rem;margin-bottom:.9rem}
.brandbar[hidden]{display:none}
.brandbar img{max-height:2.4rem;max-width:9rem;width:auto;background:#fff;border-radius:.3rem;padding:.15rem}
.brandbar span{font-family:Bangers,Impact,sans-serif;font-size:1.4rem;letter-spacing:.03em}
#cta{display:grid;gap:.5rem;justify-items:start;margin-top:1rem}
#cta[hidden]{display:none}
#cta p{margin:0}
.embed-other{font-size:.85rem}