.prose{max-width:760px;margin:0 auto;padding:40px 0 80px} .prose h1{font-size:clamp(34px,4.5vw,54px);line-height:1.05;margin:18px 0 10px} .prose h2{font-size:22px;margin:34px 0 8px}
.prose p,.prose li{font-size:16px;color:var(--muted);line-height:1.7} .prose ul{padding-left:20px} .prose li{margin:6px 0} .prose .meta{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.prose .callout{background:var(--tint);border-left:3px solid var(--v2);padding:14px 18px;border-radius:0 12px 12px 0;margin:22px 0;font-size:14.5px;color:var(--text)}
.forgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0 60px} @media (max-width:900px){.forgrid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:560px){.forgrid{grid-template-columns:1fr}}
.forgrid .card{display:block;background:var(--surface);border:1px solid var(--rule);border-radius:22px;padding:22px;text-decoration:none;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s} .forgrid .card:hover{transform:translateY(-3px);box-shadow:0 24px 44px -28px rgba(139,61,239,.5)}
.forgrid .card i{width:42px;height:42px;border-radius:12px;background:var(--tint);display:inline-flex;align-items:center;justify-content:center;color:var(--v2)} .forgrid .card i svg{width:20px;height:20px}
.forgrid .card b{display:block;font-family:var(--display);font-size:17px;margin:14px 0 6px} .forgrid .card p{font-size:13.5px;color:var(--muted);line-height:1.55;margin:0 0 12px} .forgrid .card span{color:var(--v2);font-weight:600;font-size:13.5px}
.nf{min-height:70vh;display:grid;place-items:center;text-align:center;padding:60px 0} .nf h1{font-size:clamp(40px,7vw,96px);line-height:1} .nf p{color:var(--muted);font-size:17px;margin:14px auto 28px;max-width:46ch}
.simplenav{display:flex;align-items:center;justify-content:space-between;padding:22px 0} .simplenav img{height:34px;width:auto} .simplenav .links{display:flex;gap:26px;font-weight:600;font-size:14px;color:var(--muted)} .simplenav .links a{text-decoration:none} @media (max-width:700px){.simplenav .links{display:none}}
.simplefoot{border-top:1px solid var(--rule);padding:26px 0 44px;font-size:12.5px;color:var(--faint);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap} .simplefoot a{text-decoration:none}