:root { color-scheme: light; --ink: #172033; --muted: #596579; --line: #dce2eb; --paper: #f5f7fb; --surface: #fff; --accent: #314f9b; --soft: #edf2ff; }
* { box-sizing: border-box; }
html { scroll-behavior: auto; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, sans-serif; line-height: 1.65; }
a { color: var(--accent); text-underline-offset: .18em; }
a:hover { text-decoration-thickness: 2px; }
.topbar { min-height: 68px; padding: 14px max(22px, calc((100% - 980px)/2)); display: flex; align-items: center; justify-content: space-between; gap: 20px; background: var(--surface); border-bottom: 1px solid var(--line); }
.brand { color: var(--ink); font-size: 1.1rem; font-weight: 800; letter-spacing: -.03em; text-decoration: none; }
nav { display: flex; gap: 22px; flex-wrap: wrap; }
nav a { color: var(--muted); font-size: .94rem; text-decoration: none; }
nav a[aria-current="page"] { color: var(--ink); font-weight: 700; }
.wrap { width: min(100% - 36px, 900px); margin: 52px auto 44px; }
.eyebrow { margin: 0 0 12px; color: var(--accent); font-size: .78rem; font-weight: 800; letter-spacing: .1em; }
h1 { max-width: 780px; margin: 0; font-size: clamp(2rem, 5vw, 3.2rem); line-height: 1.13; letter-spacing: -.045em; }
.lede { max-width: 740px; margin: 20px 0 18px; color: var(--muted); font-size: 1.12rem; }
.metadata { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 20px 0 36px; color: var(--muted); font-size: .9rem; }
.status { border: 1px solid #cad4e8; border-radius: 999px; background: var(--soft); color: var(--accent); font-weight: 700; padding: 3px 10px; }
section { margin: 32px 0; }
h2 { margin: 0 0 17px; font-size: 1.55rem; line-height: 1.25; letter-spacing: -.025em; }
h3 { margin: 0 0 8px; font-size: 1.06rem; line-height: 1.4; }
.items { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.item { min-width: 0; padding: 20px 21px; background: var(--surface); border: 1px solid var(--line); border-radius: 16px; }
.item p, section > p { margin: 0; color: var(--muted); }
.item p { font-size: .96rem; }
.notice { padding: 24px; background: var(--surface); border: 1px solid var(--line); border-left: 4px solid var(--accent); border-radius: 14px; }
.notice p + p { margin-top: 12px; }
.persian { margin-top: 44px; padding: 28px; background: var(--surface); border: 1px solid var(--line); border-radius: 16px; }
.persian .eyebrow { letter-spacing: 0; }
.persian h2, .persian h3 { letter-spacing: 0; }
.persian ul { padding-inline-start: 24px; }
.persian li { margin: 11px 0; color: var(--muted); }
.persian p { color: var(--muted); }
footer { display: flex; justify-content: space-between; gap: 18px; flex-wrap: wrap; padding-top: 24px; margin-top: 36px; border-top: 1px solid var(--line); color: var(--muted); font-size: .88rem; }
footer a { font-weight: 700; text-decoration: none; }
code { padding: .08em .35em; border-radius: 5px; background: #eef1f6; color: #27334d; font-size: .92em; }
@media (max-width: 650px) { .topbar { align-items: flex-start; padding: 15px 18px; } nav { gap: 14px; } .wrap { width: min(100% - 28px, 900px); margin-top: 34px; } .items { grid-template-columns: 1fr; } .item { padding: 18px; } .persian { padding: 20px 18px; } .notice { padding: 20px 18px; } }