/* Card pages, About, Privacy, and the shared footer. Uses the theme colors from style.css / magic-theme.css. */
.article-page{display:block!important;max-width:760px;margin:0 auto;padding:10px 0 40px;grid-template-columns:none}
.card-article{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:clamp(20px,4vw,44px);color:var(--ink)}
.card-article h1{font:clamp(32px,6vw,52px)/1.1 var(--serif);margin:6px 0 18px}
.card-article h1 em{display:block;font-size:.55em;color:var(--muted);font-style:italic}
.card-article h2{font:28px/1.25 var(--serif);color:var(--gold);margin:38px 0 12px;scroll-margin-top:16px}
.card-article h3{font:19px/1.3 var(--serif);margin:24px 0 6px}
.card-article p,.card-article li{font-size:17px;line-height:1.7;margin:0 0 14px}
.card-article a{color:var(--gold)}
.crumbs{font-size:14px;color:var(--muted);margin:0 0 14px}
.crumbs a{color:var(--muted)}
.at-a-glance{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:0 0 18px}
.at-a-glance div{border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-size:15px;line-height:1.5}
.at-a-glance strong,.reflect strong{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.toc{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 24px;font-size:15px}
.verdict{font-size:20px!important}
.pairs{padding-left:20px}
.reflect{border-left:3px solid var(--gold);padding:12px 18px;margin:32px 0 20px;font:19px/1.5 var(--serif)}
.cta{border:1px dashed var(--line);border-radius:8px;padding:18px;margin:24px 0;text-align:center}
.cta p{margin-bottom:10px}
.button-link{display:inline-block;padding:11px 18px;border-radius:6px;background:var(--gold);color:var(--panel)!important;text-decoration:none;font-weight:600}
.note{font-size:14px!important;color:var(--muted)}
.prev-next{display:flex;justify-content:space-between;gap:12px;margin:22px 0;font-size:15px}
.prev-next a{color:var(--gold)}
.meaning-entry .full-link{border-top:0;padding-top:0}
.meaning-entry .full-link a{color:var(--gold);font-weight:600}
.site-footer{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:space-between}
.site-footer nav{display:flex;gap:16px}
.site-footer nav a{color:inherit}
@media (max-width:600px){.prev-next{flex-direction:column;text-align:center}}
.crumbs{display:flex;gap:8px;align-items:center}.crumbs a,.crumbs span{margin:0!important;padding:0!important}
.yn-table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:15px}
.yn-table th,.yn-table td{border-bottom:1px solid var(--line);padding:9px 6px;text-align:left;vertical-align:top}
.yn-table th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.yn-table td.yes{color:#15803d;font-weight:700}.yn-table td.no{color:#be123c;font-weight:700}.yn-table td.maybe{color:#a16207;font-weight:700}
.yn-hint{display:block;font-size:13px;color:var(--muted);margin-top:2px}