:root { --teal:#0F6374; --teald:#0A4652; --cream:#FAF3E3; --sand:#F3BD58; --orange:#E97C37; --ink:#22333B; }
* { box-sizing:border-box; margin:0; padding:0; }
body { font-family:-apple-system,'Segoe UI',Roboto,Arial,sans-serif; background:var(--cream); color:var(--ink); line-height:1.55; }
.wrap { max-width:680px; margin:0 auto; padding:0 20px 48px; }
header { display:flex; align-items:center; gap:12px; padding:16px 0; }
header img { width:52px; height:52px; border-radius:50%; }
header .brand { font-weight:700; color:var(--teal); font-size:1.05rem; }
header a { margin-left:auto; color:var(--teal); font-size:.9rem; text-decoration:none; }
h1 { color:var(--teal); font-size:1.7rem; line-height:1.25; margin:18px 0 10px; }
.sub { font-size:1.02rem; margin-bottom:22px; }
.card { background:#fff; border-radius:14px; padding:18px 18px 16px; margin:0 0 14px; box-shadow:0 2px 8px rgba(10,70,82,.08); }
.card h3 { color:var(--teal); font-size:1.05rem; margin-bottom:6px; }
.card p { font-size:.95rem; }
.banner { background:var(--teal); color:var(--cream); border-radius:12px; padding:12px 16px; font-size:.92rem; margin:18px 0; }
.banner a { color:var(--sand); font-weight:700; }
.clip { background:#fff; border-radius:12px; padding:12px 14px; margin-bottom:10px; box-shadow:0 1px 5px rgba(10,70,82,.07); }
.clip .label { font-weight:600; font-size:.95rem; margin-bottom:6px; }
.clip audio { width:100%; height:38px; }
.clip .missing { color:var(--orange); font-size:.88rem; font-style:italic; }
.small { font-size:.8rem; color:#5b6a70; margin-top:26px; }
footer { text-align:center; margin-top:34px; font-size:.85rem; color:var(--teald); }
footer img { width:44px; height:44px; border-radius:50%; display:block; margin:0 auto 8px; }
.btn { display:inline-block; background:var(--orange); color:#fff; font-weight:700; padding:12px 22px; border-radius:999px; text-decoration:none; margin-top:8px; }
.ml-embedded { margin:10px 0; }
.units { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0; }
.units a { background:#fff; border:1.5px solid var(--teal); color:var(--teal); border-radius:999px; padding:7px 14px; font-size:.9rem; text-decoration:none; font-weight:600; }