:root { --ink:#2A241D; --line:#E7DECF; --muted:#6E6452; --recall:#9A4A4A; --fda:#82642B; --forest:#1E3A30; }
* { box-sizing:border-box; margin:0; }
body { font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; background:transparent; color:var(--ink); }
.w { max-width:440px; margin:0 auto; border:1px solid var(--line); border-radius:14px; overflow:hidden; background:#fff; }
.w-h { background:var(--forest); color:#F3EAD6; padding:11px 16px; display:flex; align-items:center; gap:8px; }
.w-h .dot { width:8px; height:8px; border-radius:50%; background:#E8A9A9; box-shadow:0 0 0 0 rgba(232,169,169,.6); animation:p 2s infinite; }
@keyframes p { 0%{box-shadow:0 0 0 0 rgba(232,169,169,.5)} 70%{box-shadow:0 0 0 6px rgba(232,169,169,0)} 100%{box-shadow:0 0 0 0 rgba(232,169,169,0)} }
.w-h b { font-size:13px; letter-spacing:.02em; }
.it { display:block; padding:10px 16px; border-bottom:1px solid var(--line); text-decoration:none; color:var(--ink); }
.it:last-of-type { border-bottom:none; }
.it:hover { background:#FAF6EE; }
.tag { font-size:9.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:2px 6px; border-radius:4px; }
.tag.recall { background:rgba(154,74,74,.12); color:var(--recall); }
.tag.fda { background:rgba(130,100,43,.14); color:var(--fda); }
.t { font-size:13px; line-height:1.35; margin-top:5px; }
.m { font-size:11px; color:var(--muted); margin-top:3px; }
.w-f { padding:9px 16px; text-align:center; }
.w-f a { font-size:11.5px; color:var(--fda); text-decoration:none; font-weight:600; }
.w-f a:hover { text-decoration:underline; }