*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020617;color:#f1f5f9;font:18px/1.8 system-ui,-apple-system,"Segoe UI",sans-serif}.wrap{width:min(1100px,calc(100% - 36px));margin:auto}a{color:#c7d2fe}.site-header{border-bottom:1px solid #334155;background:#0f172a}.nav{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:15px 0;flex-wrap:wrap}.brand{display:flex;gap:10px;align-items:center;font-weight:800;font-size:22px;color:#fff;text-decoration:none}.nav-links{display:flex;gap:20px;flex-wrap:wrap}.nav-links a{font-size:15px;color:#cbd5e1;text-decoration:none}.nav-links a:hover,.read:hover{text-decoration:underline}.article{max-width:820px;padding-top:34px;padding-bottom:60px}.directory{padding-top:50px;padding-bottom:70px}.crumbs,.eyebrow{font-size:15px;color:#c4b5fd}.eyebrow{display:inline-block;margin-bottom:8px;font-weight:700}h1{font-size:clamp(29px,5vw,45px);line-height:1.3;margin:8px 0 18px}h2{font-size:24px;line-height:1.4;margin:0 0 14px}.lead{font-size:20px;color:#cbd5e1;max-width:850px}.article section{background:#0f172a;border:1px solid #334155;border-radius:18px;padding:24px;margin-top:22px}.article p{color:#cbd5e1}.article ol{margin:0;padding-right:27px}.article li{padding:5px 0}.article .example{border-color:#6366f1;background:#1e1b4b}.article .example p{color:#e0e7ff}.note,.notice{font-size:15px;color:#cbd5e1}.notice{margin-top:24px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.actions a{display:inline-block;border-radius:10px;padding:9px 15px;text-decoration:none;font-size:16px}.primary{background:#4f46e5;color:white;font-weight:700}.secondary{background:#334155;color:white}.site-footer{padding:30px 0;background:#0f172a;border-top:1px solid #334155;color:#cbd5e1;font-size:15px}.directory-controls{margin:30px 0}.directory-controls label{display:block;margin-bottom:8px;font-weight:700}input[type=search]{width:100%;padding:13px 15px;border-radius:10px;border:1px solid #64748b;background:#0f172a;color:white;font:inherit}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.filters button{border:1px solid #64748b;background:#1e293b;color:#f1f5f9;border-radius:50px;padding:8px 14px;cursor:pointer;font:inherit;font-size:15px}.filters button.selected{background:#4f46e5;border-color:#818cf8}.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,315px),1fr));gap:16px}.post{background:#0f172a;border:1px solid #334155;border-radius:16px;padding:21px;display:flex;flex-direction:column}.post h2{font-size:21px}.post h2 a{color:white;text-decoration:none}.post p{font-size:16px;color:#cbd5e1;margin:7px 0}.post-example{flex:1}.post .read{font-size:15px;margin-top:13px}.post[hidden],#blog-empty[hidden]{display:none!important}:where(a,button,input):focus-visible{outline:3px solid #c4b5fd;outline-offset:3px}@media(max-width:600px){.nav-links{gap:11px}.nav-links a{font-size:14px}.article section{padding:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}