/* Blog listing and article pages (Stage 3 Amendment 2, D47). Article layout adapts Refero C to MKO's own design. */
.listing,.article{max-width:880px;margin:0 auto;padding:clamp(24px,5vw,56px) 16px 0}
.listing{max-width:1000px}
.listing h1{font-size:clamp(2.4rem,6vw,4rem);color:var(--deep);margin:.2rem 0 .4rem}
.listing__intro{color:var(--ink);max-width:56ch}
.chip{display:inline-block;padding:.35rem .8rem;border-radius:999px;background:var(--paper);border:1px solid var(--line);color:var(--navy);font:600 .78rem/1 Barlow,sans-serif;letter-spacing:.05em;text-transform:uppercase}
.rows{list-style:none;margin:2rem 0 0;padding:0;border-top:1px solid var(--line)}
.row{display:grid;grid-template-columns:150px 1fr;gap:8px 32px;padding:24px 0;border-bottom:1px solid var(--line)}
.row time{color:var(--muted);font:600 .8rem/1.4 Barlow,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding-top:.3rem}
.row h2{margin:.5rem 0 .4rem;font-size:clamp(1.35rem,2.6vw,1.75rem);line-height:1.15}
.row h2 a{color:var(--deep);text-decoration:none}.row h2 a:hover{text-decoration:underline}
.row p{margin:0;color:var(--ink);max-width:60ch}
.empty{margin:2rem 0 0;padding:28px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line)}
.empty a,.label a{color:inherit}
.article h1{font-size:clamp(2.1rem,5.2vw,3.6rem);line-height:1.02;margin:.2rem 0 .8rem;color:var(--deep)}
.article__meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;color:var(--muted);font-size:.95rem}
.article__figure{margin:1.6rem 0 0}
.article__figure img{display:block;width:100%;height:auto;border-radius:var(--r)}
.article__figure figcaption{margin-top:.5rem;color:var(--muted);font-size:.85rem}
.article__lede{font-size:clamp(1.15rem,2.2vw,1.35rem);line-height:1.5;color:var(--ink);margin:1.6rem 0 0}
.article__rule{border:0;border-top:1px solid var(--line);width:40%;margin:2rem auto}
.article__body{max-width:68ch;margin:0 auto}
.article__body h2{font-size:clamp(1.4rem,3vw,1.8rem);color:var(--deep);margin:2rem 0 .5rem}
.article__body p,.article__body li{line-height:1.65}
.article__body a{color:var(--navy)}
.article__table{width:100%;border-collapse:collapse;margin:0 0 1rem}
.article__table caption{text-align:left;color:var(--muted);font-size:.9rem;margin-bottom:.5rem}
.article__table th,.article__table td{text-align:left;padding:.7rem .5rem;border-bottom:1px solid var(--line);vertical-align:top}
.article__table thead th{color:var(--muted);font:600 .8rem/1.2 Barlow,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.article__table tbody th{color:var(--deep);white-space:nowrap}
.more{max-width:1240px;margin:3.5rem auto 0;padding:0 16px}
.more h2{font-size:clamp(1.6rem,3.4vw,2.4rem);color:var(--deep);margin:0 0 1.2rem}
.more__grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{display:block;padding:20px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line);text-decoration:none;color:var(--deep)}
.card:hover strong{text-decoration:underline}
.card__meta{display:block;color:var(--muted);font:600 .75rem/1.2 Barlow,sans-serif;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.5rem}
.card strong{font:700 1.25rem/1.2 "Barlow Condensed",Barlow,sans-serif}
@media (max-width:640px){.row{grid-template-columns:1fr}.row time{padding:0}}