:root{
  --bg:#ffffff;--text:#111827;--muted:#6b7280;
  --brand:#1f6f3d; --accent:#d4a017; --card:#f8fafc;--border:#e5e7eb;
}
body.ohq{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;}
.ohq-container{max-width:1200px;margin:0 auto;padding:0 20px}

/* Header & Nav */
.ohq-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);z-index:50}
.ohq-topbar{display:grid;grid-template-columns:170px auto 1fr auto;gap:12px;align-items:center;padding:10px 0}
.ohq-logo img{height:36px;width:auto;display:block}
.ohq-burger{display:none;background:var(--brand);color:#fff;border:0;border-radius:6px;padding:8px 10px;font-weight:700}
.ohq-search-form{display:flex;border:1px solid var(--border);border-radius:999px;overflow:hidden}
.ohq-search-form input[type=search]{flex:1;border:0;padding:10px 14px;font-size:14px;outline:none}
.ohq-search-form button{border:0;background:var(--brand);color:#fff;padding:10px 16px;font-weight:700;cursor:pointer}
.ohq-right .ohq-link{margin-left:14px;text-decoration:none;color:var(--text);}
.ohq-nav{background:var(--brand);margin-top:6px;border-radius:8px}
.ohq-menu{display:flex;gap:22px;list-style:none;margin:0;padding:10px 14px}
.ohq-menu > li{list-style:none}
.ohq-menu a{color:#fff;text-decoration:none;font-weight:700}
.ohq-menu a:hover{opacity:.9}
.ohq-nav ul{list-style:none}

/* Mobile nav */
@media (max-width:900px){
  .ohq-topbar{grid-template-columns:120px auto auto;gap:8px}
  .ohq-search{order:3;width:100%}
  .ohq-right{display:none}
  .ohq-burger{display:inline-block;order:2}
  .ohq-nav{display:none;margin-top:8px}
  .ohq-nav.open{display:block}
  .ohq-menu{flex-direction:column;gap:0}
  .ohq-menu a{display:block;padding:12px 14px;border-top:1px solid rgba(255,255,255,.15)}
}

/* Hero */
.ohq-main{padding:18px 0 28px}
.ohq-hero{background:#f0fdf4;border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:16px}
.ohq-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:center}
.ohq-hero-text h1{font-size:36px;line-height:1.1;margin:0 0 10px;color:#052e16}
.ohq-hero-text p{color:#14532d;max-width:58ch;margin:0 0 12px}
.ohq-btn{background:var(--brand);color:#fff;text-decoration:none;padding:10px 16px;border-radius:8px;font-weight:700}
.ohq-btn.dark{background:#111827}
.ohq-hero-art{background:linear-gradient(135deg,#dcfce7,#fef9c3);border:1px solid var(--border);border-radius:14px;height:220px}

/* Cards & sections */
.ohq-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0 12px}
.ohq-card{background:#ecfdf5;border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:space-between}
.ohq-card.alt{background:#fdf2f8}
.ohq-linkbtn{background:var(--brand);color:#fff;padding:8px 12px;border-radius:999px;text-decoration:none;font-weight:700}
.ohq-section{margin:16px 0}
.ohq-rowhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.ohq-view{text-decoration:none;color:var(--brand);font-weight:700}

/* Footer */
.ohq-footer{border-top:1px solid var(--border);background:#f8fafc;margin-top:16px}
.ohq-footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:16px 0}
.ohq-footmenu{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ohq-copy{text-align:center;padding:12px 0;color:var(--muted);font-size:12px}

/* Responsive sections */
@media (max-width:900px){
  .ohq-hero-grid{grid-template-columns:1fr}
  .ohq-cards{grid-template-columns:1fr;gap:10px}
  .ohq-footgrid{grid-template-columns:1fr 1fr}
}