:root{color-scheme:light;--ink:#163343;--teal:#116b69;--paper:#faf8f2}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,sans-serif}
header,main,footer{max-width:1120px;margin:auto;padding:28px 32px}header{border-bottom:1px solid #ccd7d5}
.eyebrow{font-size:.78rem;letter-spacing:.14em;font-weight:700;color:var(--teal)}
h1{font:600 clamp(2rem,5vw,3.8rem)/1.14 Georgia,serif;max-width:960px;margin:.5em 0}
h2{font:600 1.8rem/1.25 Georgia,serif;margin-top:1.8em}h3{font-size:1.12rem}
a{color:#096261;text-underline-offset:3px}a:hover{color:#003635}a:focus-visible,summary:focus-visible{outline:3px solid #b66f13;outline-offset:4px}
.meta{color:#49606a;font-size:.95rem}.authors{font-size:1rem;max-width:850px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px;padding:0;list-style:none}
.cards li,.note{background:#fff;border:1px solid #d5dfdc;border-radius:8px;padding:22px}
.cards a{display:block;font-size:1.15rem;font-weight:650}.number{display:block;color:#537171;font-size:.8rem;letter-spacing:.1em;margin-bottom:8px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.button{background:var(--teal);color:white;padding:10px 17px;border-radius:5px;text-decoration:none;font-weight:600}
.button:hover{background:#094d4c;color:white}pre{background:#142e3a;color:#edf5f2;border-radius:6px;padding:18px;overflow-x:auto;max-width:100%;font:13px/1.65 ui-monospace,monospace;tab-size:4}
code{overflow-wrap:anywhere}pre code{overflow-wrap:normal}details{margin:16px 0;border-top:1px solid #d5dfdc;padding-top:14px}summary{cursor:pointer;font-weight:650}
.skip{position:absolute;top:-100px;left:12px;background:white;padding:8px}.skip:focus{top:8px}
nav{display:flex;flex-wrap:wrap;gap:20px}footer{font-size:.85rem;border-top:1px solid #ccd7d5;margin-top:36px}
@media(max-width:600px){header,main,footer{padding:22px 18px}.cards{gap:12px}pre{font-size:12px}.authors{font-size:.9rem}}