/*
Theme Name: Research21 ITOF Full
Theme URI: https://research21.org/
Author: Youssry Ghandour
Description: Research-focused WordPress theme for ITOF with admin customizer fields and custom post types.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: research21-itof
*/

:root{
  --bg:#f7f8fb;
  --surface:#ffffff;
  --text:#1f2937;
  --muted:#6b7280;
  --line:#e5e7eb;
  --accent:#0f766e;
  --max:1100px;
  --radius:16px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Georgia,"Times New Roman",serif;line-height:1.7}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(100% - 32px,var(--max));margin:0 auto}
.site-header,.site-footer{background:#fff;border-bottom:1px solid var(--line)}
.site-footer{border-top:1px solid var(--line);border-bottom:none;margin-top:40px}
.header-inner,.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0}
.branding a{font-size:1.35rem;font-weight:700;color:var(--text)}
.tagline,.meta,.muted{color:var(--muted)}
.nav-menu{display:flex;gap:18px;flex-wrap:wrap}
.hero{padding:48px 0 24px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.content-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;padding:26px 0}
.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
h1,h2,h3{line-height:1.2;margin:0 0 14px}
h1{font-size:2.2rem}
.button{display:inline-block;background:var(--accent);color:#fff;padding:12px 18px;border-radius:12px;font-weight:700}
.button.secondary{background:#fff;color:var(--text);border:1px solid var(--line)}
.sidebar .card{margin-bottom:18px}
.list-clean{list-style:none;padding:0;margin:0}
.list-clean li{padding:10px 0;border-bottom:1px solid var(--line)}
.list-clean li:last-child{border-bottom:none}
@media(max-width:900px){
  .hero-grid,.content-wrap,.archive-grid,.grid-3,.footer-inner{grid-template-columns:1fr}
}