:root { color-scheme: light; font-family: Vazirmatn, Tahoma, sans-serif; color: #15181d; background: #f5f6f8; }
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.9; }
a { color: #8a651f; }
.site-header { background: #080b12; color: #fff; }
.site-header nav, main, .site-footer { width: min(100% - 2rem, 860px); margin: auto; }
.site-header nav { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; padding: 1.1rem 0; }
.site-header a { color: #fff; text-decoration: none; }
main { padding: 3.5rem 0 4rem; }
article { background: #fff; border: 1px solid #e1e2e5; border-radius: 1.5rem; padding: clamp(1.4rem, 4vw, 3rem); box-shadow: 0 12px 40px rgb(8 11 18 / 6%); }
h1 { color: #101214; font-size: clamp(2rem, 6vw, 3.4rem); line-height: 1.45; margin: 0; }
h2 { color: #101214; font-size: 1.45rem; line-height: 1.65; margin-top: 2.6rem; }
.eyebrow { color: #8a651f; font-weight: 700; }
.answer { font-size: 1.12rem; color: #30343a; }
.meta { border-top: 1px solid #e1e2e5; color: #62676f; font-size: .9rem; margin-top: 2rem; padding-top: 1.2rem; }
.callout { background: #f5f1e8; border-right: 4px solid #b48734; border-radius: .75rem; margin: 1.5rem 0; padding: 1rem 1.25rem; }
.site-footer { color: #62676f; font-size: .9rem; padding: 1.5rem 0 2.5rem; }
@media (max-width: 540px) { .site-header nav { gap: .6rem 1rem; } article { border-radius: 1rem; } }