/* shared look for /blog pages, same theme as the home site */
:root{--accent:#2f80ed;--accent2:#19b5d8;--line:#dfe6f2;--paper:#f2f6fc;--ink:#14213d;--muted:#5b6784;--panel:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#0b1220;--ink:#e8eefb;--muted:#9fb0cf;--line:#223049;--panel:#121b2e}}
body{font-family:"Manrope","IBM Plex Sans",system-ui,sans-serif;background:var(--paper);color:var(--ink)}
main.paper{max-width:820px}
main.paper>p:first-child a{display:inline-block;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel);text-decoration:none;font-weight:700;font-size:.9rem;margin-right:6px}
main.paper h1{font-weight:800;border-left:5px solid var(--accent);padding-left:16px}
main.paper h2{font-weight:800}
main.paper img{max-width:100%;height:auto;border-radius:14px;border:1px solid var(--line)}
a{color:#1d62c4}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) a{color:#7db3ff}}

.bgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:20px}
.bpost{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:0 10px 30px -18px rgba(20,33,61,.35)}
.bpost:hover{box-shadow:0 18px 38px -18px rgba(47,128,237,.5)}
.bpost .bimg{display:block;aspect-ratio:1200/627;overflow:hidden}.bpost .bimg img{border:0;border-radius:0;width:100%;height:100%;object-fit:cover;display:block}
.btxt{display:flex;flex-direction:column;gap:8px;padding:18px 20px 22px}.btxt strong{font-weight:800;line-height:1.3}
.bmeta{font-size:.82rem;color:var(--muted)}.bmore{color:#1d62c4;font-weight:700}
@media(max-width:700px){.bgrid{grid-template-columns:1fr}}

/* topics box under each post */
.tags{margin:34px 0 30px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.tags strong{display:block;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.tags ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tags li{font-size:.85rem;font-weight:600;padding:4px 12px;border-radius:999px;background:rgba(25,181,216,.14);color:#1d62c4}
.tags li::before{content:"#";opacity:.6;margin-right:2px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tags li{color:#7db3ff}}

/* keyword chips on blog cards */
.ctags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.ctags span{font-size:.74rem;font-weight:600;padding:3px 10px;border-radius:999px;background:rgba(25,181,216,.14);color:#1d62c4}
.ctags span::before{content:"#";opacity:.6;margin-right:2px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ctags span{color:#7db3ff}}

/* Zenodo buttons near the top of each post */
.getdata{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 26px}
.getdata a{display:inline-block;padding:10px 20px;border-radius:999px;font-weight:700;font-size:.92rem;text-decoration:none;border:2px solid var(--accent)}
.getdata .gd1{background:var(--accent);color:#fff}
.getdata .gd2{background:transparent;color:#1d62c4}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .getdata .gd2{color:#7db3ff}}
.getdata a:hover{filter:brightness(.92)}