:root{--green:#3F5F2A;--pine:#2A4020;--bark:#5C3B24;--saddle:#8B5A2B;--cream:#F4EEE2;--ink:#22201C;--muted:#5E5850;--head:"Roboto Serif",Georgia,serif;--body:"Source Sans 3",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:#FFFDF9;color:var(--ink);font:400 1.15rem/1.65 var(--body)}
a{color:var(--green)}a:hover{color:var(--bark)}img{max-width:100%;height:auto;display:block}
.wrap{max-width:1100px;margin:0 auto;padding:0 18px}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--cream);padding:8px}
.top{background:var(--bark);color:var(--cream);font-size:.88rem;font-weight:600}.top .wrap{display:flex;justify-content:space-between;gap:10px;padding:6px 18px}.top a{color:var(--cream)}
header.site{background:var(--cream);border-bottom:4px solid var(--saddle)}header.site>.wrap{padding:12px 18px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--pine)}.brand b{font:800 2rem/1 var(--head)}.brand em{font-style:normal;color:var(--saddle)}.brand small{display:block;font:600 .9rem var(--body);color:var(--muted)}
nav.main{background:var(--pine)}nav.main ul{list-style:none;margin:0;padding:6px 0;display:flex;flex-wrap:wrap;gap:2px 20px}nav.main a{color:var(--cream);text-decoration:none;font-weight:700;display:inline-block;padding:6px 0}
h1,h2,h3{font-family:var(--head);line-height:1.15;color:var(--pine)}h1{font-size:clamp(2rem,5vw,2.8rem);margin:.5em 0 .3em}
.kick{color:var(--saddle);font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:.06em;margin:1.4em 0 0}
.byline,.meta,.credit{color:var(--muted);font-size:.92rem}.story{max-width:760px}
.tldr{background:var(--cream);border-left:5px solid var(--green);padding:10px 20px;margin:1em 0}.tldr h2{font-size:1.2rem;margin:.4em 0}
.disc{font-size:.85rem;color:var(--muted)}.src,.more{border-top:1px solid #e3dccd;margin-top:1.6em}
.cards{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:1em 0 2em}.card a{text-decoration:none;color:inherit}.card h3{font-size:1.3rem;margin:.4em 0}
.card img{border-radius:8px}section.sec h2{border-bottom:3px solid var(--saddle);padding-bottom:4px}
footer.site{background:var(--pine);color:var(--cream);margin-top:3em;padding:20px 0}footer.site a{color:var(--cream)}footer.site img{display:inline;vertical-align:middle;border-radius:50%}.pub{font-weight:700}