:root{--ink:#14202b;--navy:#0F2A44;--blue:#0072B2;--sky:#56B4E9;--orange:#E69F00;--amber:#F5A623;--yellow:#FFD23F;--purple:#6A3D9A;--grey:#5F6B76;--light:#F4F6F8}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--light)}
header{background:var(--navy);color:#fff;padding:.55rem 1.2rem;display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;position:sticky;top:0;z-index:5;border-bottom:4px solid var(--amber)}
header a{color:#E6F1FA;text-decoration:none}header a:hover{color:var(--yellow)}.brand{display:flex;align-items:center;gap:.5rem}.wm{font-weight:800;letter-spacing:.22em;font-size:1.25rem;color:#fff}
nav{display:flex;gap:1.1rem;flex-wrap:wrap;font-size:.95rem}main{max-width:1100px;margin:0 auto;padding:1.2rem 1.4rem 3rem;background:#fff;min-height:80vh}
footer{text-align:center;color:var(--grey);font-size:.82rem;padding:1rem}footer img{vertical-align:middle}footer a{color:var(--blue)}
h1{margin-top:.3rem;color:var(--navy)}h2{border-bottom:2px solid #E3E8EE;padding-bottom:.2rem;margin-top:2rem;color:var(--navy)}
a{color:var(--blue)}code{background:#EEF1F4;padding:0 .25em;border-radius:3px}table{border-collapse:collapse}td,th{border:1px solid #D5DBE1;padding:.3rem .6rem}
.banner{background:#FFF4D6;border-bottom:2px solid var(--orange);padding:.6rem 1.2rem;text-align:center}.banner.latest{background:#E4F1FB;border-color:var(--blue)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.9rem}.card{border:1px solid #E3E8EE;border-radius:6px;padding:.4rem;background:#FAFBFC;font-size:.82rem;word-break:break-all}
.card img{width:100%;height:150px;object-fit:contain;background:#fff}.entry{border-left:3px solid var(--sky);padding:.1rem 0 .1rem 1rem;margin:1.2rem 0}
.entry h3{margin:.2rem 0}.meta{color:var(--grey);font-size:.85rem}.tl{list-style:none;padding:0}.tl li{border-left:3px solid var(--blue);padding:.4rem 0 .6rem 1rem;margin-left:.4rem}
.tag{display:inline-block;background:var(--purple);color:#fff;border-radius:3px;padding:0 .4em;font-size:.75rem;margin-right:.4em}.files li{word-break:break-all}
.hero{display:grid;grid-template-columns:3fr 2fr;gap:1.4rem;align-items:start}@media(max-width:800px){.hero{grid-template-columns:1fr}}
.lead{font-size:1.15rem}.note{border-left:5px solid var(--purple);background:#F3EEF8;padding:.7rem 1rem;margin:1rem 0;border-radius:4px}
.wip{display:inline-block;background:var(--yellow);color:var(--ink);font-weight:700;font-size:.75rem;border-radius:3px;padding:0 .45em;margin-left:.4em;vertical-align:middle}
.render{width:100%;border:1px solid #E3E8EE;border-radius:6px;background:#fff}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.box{border:1px solid #E3E8EE;border-top:4px solid var(--blue);border-radius:6px;padding:.2rem .9rem .4rem}.box:nth-child(2n){border-top-color:var(--orange)}