/* US Gardi hub. Brand tokens from RESOURCES/GUIDES/brand-standard.md: paper, ink, muted, line, one terracotta accent.
   No gradients, no shadows, no second accent. Vazirmatn for Farsi, Inter for Latin. Mobile first, readable at 360 px. */
@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Variable.ttf) format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url(/fonts/Inter-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--bg:#F6F1E8;--card:#FFFCF6;--ink:#1B1B1F;--muted:#6B6B70;--line:#D9D2C5;--accent:#C8553D;--accent-ink:#F6F1E8;--soft:#EFE7D9}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1B1B1F;--card:#25252A;--ink:#F6F1E8;--muted:#AAA7A0;--line:#3A3A41;--accent:#D9664C;--accent-ink:#1B1B1F;--soft:#2D2B2C}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.85 Vazirmatn,Tahoma,sans-serif}
[lang=en]{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}
[lang=fa]{font-family:Vazirmatn,Tahoma,sans-serif}
a{color:var(--accent)}
a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}

/* header: the symbol, the company name, four links */
.top{max-width:680px;margin:0 auto;padding:12px 16px 4px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px}
.brand{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none}
.brand img{width:40px;height:40px}
.brand b{font-family:Vazirmatn,sans-serif;font-weight:700;font-size:1.1rem;color:var(--accent);line-height:1.15;display:block}
.brand small,.nav small{font-family:Inter,sans-serif;font-weight:600;font-size:.7rem;letter-spacing:.1em;color:var(--muted);display:block;direction:ltr;text-align:start;line-height:1.3}
.nav{display:flex;flex-wrap:wrap;gap:4px 16px}
.nav a{color:var(--ink);text-decoration:none;text-align:center}
.nav a span{display:block;font-weight:600;font-size:.95rem;line-height:1.5}
.nav a:hover span{color:var(--accent)}

main{max-width:680px;margin:0 auto;padding:8px 16px 24px}
h1{font-size:1.9rem;line-height:1.35;margin:16px 0 8px;font-weight:800}
h2{font-size:1.25rem;line-height:1.4;margin:28px 0 8px;font-weight:700}
p{margin:0 0 12px}
.lead{font-size:1.15rem}
[lang=en] h1{font-size:1.35rem;font-weight:700}
[lang=en] h2{font-size:1.05rem;font-weight:600}
[lang=en] .lead{font-size:1rem}
[lang=en] p,[lang=en] li{color:var(--muted)}
.sep{border:0;border-top:1px solid var(--line);margin:28px 0 8px}
.alt{display:block;font-size:.9rem;font-weight:500;color:var(--muted)}
.date{font-size:.9rem;color:var(--muted)}
ul.plain{padding-inline-start:20px;margin:6px 0 12px}
ul.plain li{margin:6px 0}
.ltr{direction:ltr;unicode-bidi:isolate}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin:12px 0}
.card h2{margin-top:0}
.promise{background:var(--accent);color:var(--accent-ink);border-radius:16px;padding:18px;margin:16px 0}
.promise h2{margin:0 0 6px;color:var(--accent-ink)}
.promise p,[lang=en] .promise p{margin:0;color:var(--accent-ink)}
.promise a{color:var(--accent-ink)}
.btn{display:inline-block;font-weight:700;border-radius:14px;padding:12px 18px;background:var(--accent);color:var(--accent-ink);text-decoration:none;margin:4px 0 8px}
.btn.ghost{background:none;color:var(--accent);border:1.5px solid var(--accent)}
.links a{display:block;padding:10px 0;border-top:1px solid var(--line);font-weight:700;text-decoration:none;color:var(--ink)}
.links a:first-child{border-top:0}
.links a small{display:block;font-weight:400;font-size:.88rem;color:var(--muted)}

/* the Houston hero: Farsi name large, Houston Gardi under it, the parent line small */
.hero{text-align:center;padding:20px 0 6px}
.hero img{width:88px;height:88px}
.hero .name{font-family:Vazirmatn,sans-serif;font-size:2.6rem;font-weight:900;line-height:1.3;color:var(--accent);margin:8px 0 0}
.hero .latin{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;color:var(--ink);margin:0;direction:ltr}
.hero .parent{font-size:.9rem;color:var(--muted);margin:10px 0 0}
.hero .parent small{display:block;font-family:Inter,sans-serif;font-size:.78rem;direction:ltr}

/* footer: the social line with the two house icons (rule H-001) on the Houston page, the company mail elsewhere */
.foot{max-width:680px;margin:8px auto 0;padding:18px 16px 32px;border-top:4px solid var(--accent)}
.foot p{margin:0 0 10px;font-size:.95rem}
.social{display:flex;flex-wrap:wrap;gap:10px 18px;margin:4px 0 12px}
.social a{display:inline-flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-family:Inter,sans-serif;font-weight:600;direction:ltr}
.social svg{width:34px;height:34px;flex:none}
.foot .fine{font-size:.85rem;color:var(--muted);margin:10px 0 0}
.foot .fine a{color:var(--muted)}
.foot nav{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.9rem;margin-top:10px}
.foot nav a{color:var(--muted);text-decoration:none}