/* ── BlipEnglish article pages ── */
:root{--brand:#14384f;--accent:#2e86c1;--bg:#f7f9fb;--text:#1c1c1c;--text-muted:#64748b;--border:#e2e8f0;--alt-row:#f0f6fb;--serif:'DM Serif Display',Georgia,serif;--sans:'Source Sans 3',system-ui,sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--sans);color:var(--text);background:var(--bg);line-height:1.7}
header{background:var(--brand);padding:0 1.5rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(0,0,0,0.15)}
.header-inner{max-width:800px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:56px}
.logo{font-family:var(--serif);font-size:1.6rem;color:#fff;text-decoration:none}
.tagline{font-size:0.85rem;color:rgba(255,255,255,0.55);font-style:italic}
main{max-width:800px;margin:0 auto;padding:2.5rem 1.5rem 4rem}
article h1{font-family:var(--serif);font-size:clamp(1.6rem,4vw,2.2rem);color:var(--brand);line-height:1.25;margin-bottom:0.4rem}
article time{display:block;font-size:0.88rem;color:var(--text-muted);margin-bottom:1.8rem}
.article-body{overflow:hidden;margin-bottom:0.5rem}
.article-img{float:left;width:220px;max-width:40%;margin:0.3rem 1.4rem 0.8rem 0;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
article p{font-size:1.05rem;margin-bottom:1.2rem;text-align:justify}
.sources{font-size:0.82rem;color:var(--text-muted);font-style:italic;margin-bottom:2rem}
.synonym-match{background:#fff;border:1px solid var(--border);border-radius:10px;padding:2rem;margin-top:1rem}
.synonym-match h2{font-family:var(--serif);font-size:1.4rem;color:var(--brand);margin-bottom:0.3rem}
.instructions{font-size:0.88rem;color:var(--text-muted);font-style:italic;margin-bottom:1.2rem}
.synonym-match table{width:100%;border-collapse:collapse}
.synonym-match td{padding:0.55rem 1rem;font-size:1rem}
.synonym-match tr.alt{background:var(--alt-row)}
.synonym-match .num{color:var(--text-muted);min-width:1.8em;display:inline-block}
.answers{margin-top:1.2rem;font-size:0.85rem;color:var(--text-muted)}
.answers summary{cursor:pointer;font-weight:600;color:var(--accent)}
.answers p{margin-top:0.4rem;font-family:monospace;font-size:0.82rem}
footer{background:var(--brand);padding:1.2rem;text-align:center}
footer p{color:rgba(255,255,255,0.5);font-size:0.82rem}
@media(max-width:600px){.article-img{float:none;width:100%;max-width:100%;margin:0 0 1rem 0}.synonym-match{padding:1.2rem}.synonym-match td{padding:0.45rem 0.5rem;font-size:0.9rem}}