.oi-header{display:flex;align-items:center;gap:var(--oi-space-4);padding:var(--oi-space-3) var(--oi-space-6);border-bottom:1px solid var(--oi-color-border)}.oi-brand{font-weight:700;text-decoration:none}.oi-brand span{color:var(--oi-color-brand)}.oi-nav{display:flex;gap:var(--oi-space-4);margin-left:auto}.oi-nav a{text-decoration:none;color:var(--oi-color-muted)}.oi-main{max-width:1080px;margin:0 auto;padding:var(--oi-space-8) var(--oi-space-6)}.oi-hero{text-align:center;padding:var(--oi-space-8) 0}.oi-hero h1{font-size:2.4rem;margin:0 0 var(--oi-space-2)}.oi-hero__sub{color:var(--oi-color-muted);margin:0 0 var(--oi-space-6)}.oi-hero .oi-searchbox{margin:0 auto}.oi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--oi-space-4)}.oi-footer{border-top:1px solid var(--oi-color-border);padding:var(--oi-space-6);text-align:center;color:var(--oi-color-muted);font-size:.85rem}