/* Iran Scorecard, iranuncensored.com. One stylesheet for both languages: every side is written as
   inline-start / inline-end, so the Persian pages mirror by themselves. Colours are the recommended
   Iran Uncensored set in projects/brand/brands.json (black, sun gold, the three colour ribbon as a
   detail). When Armin picks another set, change the tokens in :root and nothing else. */
@font-face{font-family:"Big Shoulders Display";src:url(fonts/bigshoulders.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Public Sans";src:url(fonts/publicsans.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Vazirmatn";src:url(fonts/vazirmatn.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Lalezar";src:url(fonts/lalezar.woff2) format("woff2");font-weight:400;font-display:swap}
:root{
  --field:#D9B45A; --on-field:#14120B; --field-hi:#E8C97A; --field-lo:#8E7434;
  --bg:#101010; --panel:#191918; --sunk:#0A0A0A; --raise:#232322;
  --ink:#F3F1EA; --dim:#B4B2A8; --line:#34332F;
  --green:#239F40; --white:#F2F1E6; --red:#DA0000;
  --ga:#46CC82; --gb:#A9D84E; --gc:#E8DC82; --gd:#FF9A3D; --gf:#FF5A48; --on-grade:#16140A;
  --display:"Big Shoulders Display","Arial Narrow","Roboto Condensed",sans-serif;
  --body:"Public Sans","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  --gutter:16px; --col:72rem; --r:4px;
  color-scheme:dark;
}
html[lang="fa"]{--display:"Lalezar","Vazirmatn",Tahoma,sans-serif;--body:"Vazirmatn",Tahoma,"Segoe UI",sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:76px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--body);overflow-x:hidden}
html[lang="fa"] body{line-height:1.85}
::selection{background:var(--field);color:var(--on-field)}
img{max-width:100%;display:block}
a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--field);outline-offset:2px;border-radius:2px}
.field :focus-visible{outline-color:var(--field)}
h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1;margin:0;text-wrap:balance}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3{text-transform:uppercase;letter-spacing:.005em}
html[lang="fa"] h1,html[lang="fa"] h2,html[lang="fa"] h3{font-weight:400;line-height:1.25}
h2{font-size:clamp(1.9rem,6vw,3rem)}
h3{font-size:1.4rem;line-height:1.1}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
.wrap{max-width:var(--col);margin:0 auto;padding:0 var(--gutter)}
.narrow{max-width:46rem}
.dim{color:var(--dim)}
.mt{margin-top:10px}.mt2{margin-top:40px}
.num{font-variant-numeric:tabular-nums lining-nums}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
a.vh:focus{position:fixed;inset-inline-start:8px;top:8px;z-index:60;width:auto;height:auto;clip:auto;padding:12px 16px;background:var(--field);color:var(--on-field);font-weight:700}

/* the ribbon: the flag's three colours, as a detail and never a background */
.ribbon{display:flex;height:5px}
.ribbon i{flex:1}.ribbon i:nth-child(1){background:var(--green)}.ribbon i:nth-child(2){background:var(--white)}.ribbon i:nth-child(3){background:var(--red)}
.stagebar{background:var(--gf);color:var(--on-grade);font-weight:700;font-size:.85rem;text-align:center;padding:6px 12px}

/* top bar */
.top{position:sticky;top:0;z-index:20;background:var(--sunk);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:10px;min-height:60px}
.mark{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 1.3rem/1 var(--display);white-space:nowrap;min-height:44px}
html[lang="en"] .mark{text-transform:uppercase;letter-spacing:.02em}
html[lang="fa"] .mark{font-weight:400;font-size:1.25rem}
.mark img{width:44px;height:44px;border-radius:50%}
.mark b{color:var(--field);font-weight:inherit}
@media(max-width:380px){.mark span{font-size:1.05rem}}
.top nav{margin-inline-start:auto;display:flex;align-items:center;gap:4px}
.top nav a{display:none;padding:10px 12px;text-decoration:none;font-weight:600;font-size:.95rem;border-radius:var(--r)}
.top nav a:hover{background:var(--raise)}
.top nav a[aria-current="page"]{color:var(--field)}
.top nav a.lang,.top nav a.join{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-weight:700}
.top nav a.lang{border:1px solid var(--line);font-family:"Vazirmatn","Public Sans",sans-serif}
.top nav a.join{background:var(--field);color:var(--on-field)}
.top nav a.join:hover{background:var(--field-hi)}
@media(min-width:820px){.top nav a{display:inline-flex;align-items:center;min-height:44px}}
.subnav{display:flex;gap:4px;overflow-x:auto;background:var(--sunk);border-bottom:1px solid var(--line);padding:0 8px;scrollbar-width:none}
.subnav a{flex:none;display:inline-flex;align-items:center;padding:0 10px;min-height:44px;text-decoration:none;font-weight:600;font-size:.92rem;color:var(--dim)}
.subnav a[aria-current="page"]{color:var(--field)}
@media(min-width:820px){.subnav{display:none}}

/* The head of a page. It was a block of solid gold until 5 October 2026, when Armin called it ugly
   ("this orange for Iran Uncensored looks ugly ... just fix it"). Now it is black like the rest of the
   page and the gold is spent on three things only: the headline, the buttons and the links. */
.field{background:var(--sunk);color:var(--ink);border-bottom:1px solid var(--line)}
.field h1{color:var(--field)}
.field h1 i{font-style:normal;color:var(--ink)}
.field.band{border-top:1px solid var(--line);border-bottom:0;background:var(--panel)}
.field.band h2{color:var(--ink)}
.field .btn-ink{background:var(--field);color:var(--on-field)}.field .btn-ink:hover{background:var(--field-hi)}
.field .find .all{color:var(--field)}
.field .wrap{padding-top:32px;padding-bottom:32px}
.hero h1{font-size:clamp(3rem,15vw,5.6rem);font-weight:900;line-height:.86}
html[lang="fa"] .hero h1{font-size:clamp(2.5rem,11vw,4.6rem);line-height:1.2}
.field h1{font-size:clamp(2.6rem,11vw,4.4rem);line-height:.9}
html[lang="fa"] .field h1{font-size:clamp(2.2rem,9vw,3.6rem);line-height:1.25}
@media(min-width:900px){.hero .wrap{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:end;padding-top:56px;padding-bottom:48px}}
.lede{font-size:1.2rem;line-height:1.4;font-weight:600;max-width:36ch;margin-top:14px}
html[lang="fa"] .lede{line-height:1.7}
.field .sub{margin-top:8px;max-width:48ch;color:var(--dim)}
.find{margin-top:22px;position:relative}
.find label{display:block;font-weight:700;margin-bottom:6px}
input,select,textarea{font:500 1rem/1.3 var(--body);color:var(--ink);background:var(--sunk);border:1px solid var(--line);border-radius:var(--r);width:100%;min-height:48px;padding:10px 12px}
textarea{min-height:120px;resize:vertical}
.find input,.tools input,.tools select{min-height:52px;color:var(--ink);background:var(--panel);border:1px solid var(--field-lo)}
.find input:focus,.tools input:focus,.tools select:focus{border-color:var(--field)}
.find input::placeholder,.tools input::placeholder{color:var(--dim)}
.hits{position:absolute;inset-inline:0;top:calc(100% - 44px);z-index:10;margin:4px 0 0;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 12px 28px -8px rgba(0,0,0,.6);max-height:60vh;overflow:auto}
.hits:empty{display:none}
.hits a{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:48px;text-decoration:none;border-bottom:1px solid var(--line)}
.hits a:hover,.hits a:focus-visible{background:var(--raise)}
.hits small{color:var(--dim);margin-inline-start:auto}
.find .all{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.tools{display:grid;grid-template-columns:1fr;gap:8px;margin-top:20px}
@media(min-width:560px){.tools{grid-template-columns:1fr 1fr}}
@media(min-width:980px){.tools{grid-template-columns:1.4fr repeat(3,1fr)}}

/* sections */
.sec{padding:40px 0}
.sunk{background:var(--sunk);border-block:1px solid var(--line)}
.sec h2{margin-bottom:18px}
.two{display:grid;gap:36px}
@media(min-width:900px){.two{grid-template-columns:1fr 1fr}}
.more{margin-top:18px}
.more a,.how a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--field)}
.facts{display:grid;gap:12px}
@media(min-width:760px){.facts{grid-template-columns:repeat(4,1fr)}}
.facts li{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.facts b{display:block;font:900 3.2rem/1 var(--display);color:var(--field)}
html[lang="fa"] .facts b{font-weight:400}
.measures{display:grid;gap:12px;counter-reset:m}
@media(min-width:760px){.measures{grid-template-columns:1fr 1fr}}
.measures li{background:var(--panel);border:1px solid var(--line);border-inline-start:4px solid var(--field);border-radius:var(--r);padding:16px}
.measures h3{margin-bottom:8px}
.measures .from{margin-top:10px;color:var(--dim);font-size:.9rem}

/* grade stamp */
.g{display:inline-grid;place-items:center;inline-size:72px;block-size:72px;border-radius:var(--r);font:900 2.6rem/1 "Big Shoulders Display","Arial Narrow",sans-serif;color:var(--on-grade);background:var(--line);letter-spacing:0;direction:ltr;flex:none}
.g-sm{inline-size:44px;block-size:44px;font-size:1.5rem}
.g-a{background:var(--ga)}.g-b{background:var(--gb)}.g-c{background:var(--gc)}.g-d{background:var(--gd)}.g-f{background:var(--gf)}.g-n{background:transparent;border:2px dashed var(--line);color:var(--dim)}

/* member rows */
.rows{display:grid;gap:8px}
@media(min-width:900px){.cols2{grid-template-columns:1fr 1fr}}
.mrow a{display:flex;align-items:center;gap:12px;min-height:76px;padding:8px 10px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);text-decoration:none}
.mrow a:hover{background:var(--raise);border-color:var(--field)}
.face{inline-size:48px;block-size:58px;object-fit:cover;border-radius:3px;flex:none;background:var(--raise)}
.noface{display:grid;place-items:center;font:800 1.1rem/1 "Big Shoulders Display",sans-serif;color:var(--dim)}
.who{display:flex;flex-direction:column;min-width:0;flex:1}
.who b{font-size:1.05rem;line-height:1.25}
.who small{color:var(--dim);font-size:.85rem;line-height:1.4}
.sc{display:flex;flex-direction:column;align-items:center;gap:2px;flex:none}
.sc small{color:var(--dim);font-size:.75rem;white-space:nowrap}
.chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}
.chip{font-size:.75rem;font-weight:700;line-height:1;padding:4px 6px;border-radius:3px;white-space:nowrap}
.chip-y{background:#173D28;color:#8FE8B4}.chip-n{background:#4A1712;color:#FFB0A6}
.count{color:var(--dim);margin-bottom:12px}
.empty{padding:24px 0;color:var(--dim)}

/* member page */
.mhead .wrap{display:grid;grid-template-columns:auto 1fr;gap:14px 16px;align-items:center}
.face-lg{inline-size:96px;block-size:118px;border:1px solid var(--line)}
.mhead h1{font-size:clamp(2.2rem,9vw,3.8rem);overflow-wrap:anywhere;text-transform:uppercase;font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-weight:900;line-height:.9}
.role{font-weight:700;margin-top:6px}
.gline{margin-top:6px;max-width:44ch}
.stampbox{grid-column:1/-1}
.stampbox .g{inline-size:96px;block-size:96px;font-size:3.6rem;border:0}
@media(min-width:760px){.mhead .wrap{grid-template-columns:auto 1fr auto}.stampbox{grid-column:auto}}
.mslist{display:grid;gap:14px}
.ms{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:baseline}
.msn{font-weight:700}
.msv{font:800 1.5rem/1 "Big Shoulders Display",var(--display);direction:ltr}
html[lang="fa"] .msv{font-family:"Vazirmatn";font-size:1.25rem}
.ms-pen .msv{color:#FFB0A6;font-weight:700}
.pen{color:var(--gf)}
.pen::before{content:"\2212"}
.ms-none .msv{font:500 .92rem/1.3 var(--body);color:var(--dim);direction:inherit}
.track{grid-column:1/-1;block-size:10px;background:var(--raise);border-radius:5px;overflow:hidden;display:block}
.fill{display:block;block-size:100%;border-radius:5px}
.how{margin-top:12px;color:var(--dim)}
.fair{margin-top:28px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}
.fair h3{margin-bottom:12px}
.tally{margin-top:10px;color:var(--dim)}
.msec{padding:24px 0;border-bottom:1px solid var(--line)}
.msec:last-child{border-bottom:0}
.msec header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.msec h2{font-size:clamp(1.6rem,5vw,2.2rem);margin:0}
.mscore{display:flex;align-items:baseline;gap:6px}
.big{font:900 2.4rem/1 "Big Shoulders Display",var(--display);color:var(--field)}
html[lang="fa"] .big{font-family:"Lalezar";font-weight:400}
.of,.none{color:var(--dim);font-size:.9rem}
.blurb{color:var(--dim);margin-top:8px}
.clean{margin-top:14px}
.askbox{margin-top:14px;padding:16px;border:2px dashed var(--field);border-radius:var(--r);display:grid;gap:12px;justify-items:start}
.acts,.acts-plain{display:grid;gap:14px;margin-top:18px}
.act{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
.mk{display:inline-grid;place-items:center;min-inline-size:64px;padding:5px 8px;border-radius:3px;font-size:.78rem;font-weight:800;line-height:1.2;text-align:center}
.mk-ok{background:#173D28;color:#8FE8B4}.mk-no{background:#4A1712;color:#FFB0A6}.mk-un{background:var(--raise);color:var(--dim)}
.what{line-height:1.45}
.why{color:var(--dim);font-size:.93rem;margin-top:4px}
.src{font-size:.85rem;color:var(--dim);margin-top:4px}
.src a,.act a{display:inline-flex;align-items:center;min-height:40px}
.key{display:inline-block;font-size:.78rem;font-weight:700;padding:2px 6px;border:1px solid var(--field);color:var(--field);border-radius:3px;white-space:nowrap}
blockquote{margin:8px 0 0;padding:8px 12px;border-inline-start:3px solid var(--field);background:var(--panel);font-size:.95rem;font-family:"Public Sans","Segoe UI",sans-serif;line-height:1.5;text-align:left}
.acts-plain li{padding-bottom:14px;border-bottom:1px solid var(--line)}
.office{color:var(--dim)}
.office a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-weight:700}

/* buttons, forms */
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:var(--r);font:700 1rem/1.2 var(--body);text-decoration:none;border:2px solid transparent;cursor:pointer;text-align:center}
.btn-key{background:var(--field);color:var(--on-field)}.btn-key:hover{background:var(--field-hi)}
.btn-ink{background:var(--on-field);color:var(--field)}.btn-ink:hover{background:#2A2610}
.btn-line{background:transparent;color:inherit;border-color:currentColor}
.btn-line:hover{background:rgba(127,127,127,.18)}
.btn-ghost{background:transparent;color:var(--field);text-decoration:underline}
.btn[aria-pressed="true"]{background:var(--field);color:var(--on-field);border-color:var(--field)}
.band .wrap{display:grid;gap:18px;padding-top:36px;padding-bottom:36px}
@media(min-width:900px){.band .wrap{grid-template-columns:1fr auto;align-items:center}}
.band h2{font-size:clamp(1.9rem,6vw,2.8rem)}
.form{display:grid;gap:10px;margin-top:18px}
.form label,.form legend{font-weight:700;margin-top:6px}
fieldset{border:0;padding:0;margin:0}
.picks{display:grid;gap:8px;margin-top:8px}
@media(min-width:560px){.picks{grid-template-columns:1fr 1fr}}
.pick{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);cursor:pointer;font-weight:600;margin:0}
.pick input{inline-size:20px;block-size:20px;min-height:0;flex:none;accent-color:var(--field);padding:0}
.pick:has(input:checked){border-color:var(--field);background:var(--raise)}
.hint,.fineprint{color:var(--dim);font-size:.88rem}
.fineprint{margin-top:14px}.fineprint a{display:inline-flex;align-items:center;min-height:40px}
.joinin{display:grid;gap:10px;padding:14px;border:2px dashed var(--field);border-radius:var(--r);margin-top:6px}
.joinhead{font-weight:700}
.me{color:var(--dim);font-size:.92rem}
.status{min-height:1.4em;font-weight:700}
.status.ok{color:var(--ga)}.status.bad{color:var(--gf)}
.aboutline{padding:8px 12px;background:var(--panel);border-inline-start:3px solid var(--field)}
.gets{display:grid;gap:10px;margin-bottom:12px}
.gets li{padding-inline-start:28px;position:relative}
.gets li::before{content:"";position:absolute;inset-inline-start:4px;top:.55em;inline-size:12px;block-size:12px;background:var(--field);border-radius:50%}
.joined{padding:18px;background:var(--panel);border:1px solid var(--field);border-radius:var(--r);display:grid;gap:12px;margin-top:18px}
.rules{display:grid;gap:12px;counter-reset:r}
.rules li{counter-increment:r;padding-inline-start:40px;position:relative}
.rules li::before{content:counter(r);position:absolute;inset-inline-start:0;top:0;inline-size:28px;block-size:28px;display:grid;place-items:center;background:var(--field);color:var(--on-field);font-weight:800;border-radius:50%;font-size:.9rem}
html[lang="fa"] .rules li::before{content:counter(r,persian)}
.scale{display:flex;flex-wrap:wrap;gap:10px 16px}
.scale li{display:flex;align-items:center;gap:8px}
.prose h2{margin-top:32px;font-size:clamp(1.6rem,5vw,2.2rem)}
.prose h2:first-child{margin-top:0}
.prose p{margin-top:12px;max-width:65ch}
.prose a{color:var(--field);font-weight:700;display:inline-flex;align-items:center;min-height:40px}
.says{display:grid;gap:12px;margin-top:14px}
.discuss{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.discuss .btn{min-height:44px;font-size:.95rem}
.more-talk{display:inline-flex;align-items:center;min-height:44px;color:var(--field);font-weight:700}
.talkrow{margin-top:16px}
.say-item{padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}
.by{color:var(--dim);font-size:.88rem;margin-top:6px}

/* the corner button that leads to the box */
.fab{position:fixed;inset-inline-end:12px;bottom:12px;z-index:30;display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 16px;background:var(--field);color:var(--on-field);border:2px solid var(--on-field);border-radius:24px;text-decoration:none;font-weight:600;box-shadow:0 8px 20px -6px rgba(0,0,0,.7)}
.fab[hidden]{display:none}
body{padding-bottom:0}

footer{background:var(--sunk);border-top:1px solid var(--line);padding:36px 0 84px;color:var(--dim);font-size:.93rem}
footer strong{color:var(--ink)}
.cols{display:grid;gap:22px}
@media(min-width:760px){.cols{grid-template-columns:1.4fr 1fr 1fr}}
footer li a{display:inline-flex;align-items:center;min-height:44px}
.fine{margin-top:22px;font-size:.82rem;line-height:1.6}
.pick-lang{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:18px;text-align:center;padding:24px}
.pick-lang h1{font-size:2.6rem;text-transform:uppercase}
@media(prefers-reduced-motion:no-preference){.btn,.mrow a{transition:background-color .12s,border-color .12s}}

/* ---- taking action (act/, act/trump-meet-pahlavi/, act/bloc/), added 5 October 2026 ---- */
.kick{font-weight:700;font-size:.85rem;letter-spacing:.08em;color:var(--dim);margin-bottom:10px}
html[lang="en"] .kick{text-transform:uppercase}
html[lang="fa"] .kick{letter-spacing:0;font-size:.95rem}
.actlede{max-width:56ch;margin-bottom:18px}
.acards{display:grid;gap:14px}
@media(min-width:820px){.acards{grid-template-columns:1fr 1fr}}
.acards a{display:grid;gap:10px;align-content:start;height:100%;padding:20px 18px;background:var(--panel);border:1px solid var(--line);border-radius:8px;text-decoration:none}
.acards a:hover{border-color:var(--field)}
.acards h2,.acards h3{font-size:clamp(1.7rem,6vw,2.3rem);line-height:1.05;color:var(--ink)}
html[lang="fa"] .acards h2,html[lang="fa"] .acards h3{line-height:1.35}
.acards .kick{margin:0}
.acards .txt{color:var(--dim)}
.acards .go{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--field)}
.acards .go::after{content:"\2192";margin-inline-start:8px}
html[dir="rtl"] .acards .go::after{content:"\2190"}
.acards .strip{display:flex;gap:6px}
.acards .strip img{inline-size:72px;block-size:96px;object-fit:cover;border-radius:4px;border:1px solid var(--line)}
.camp h1{font-size:clamp(3.2rem,15vw,6rem);font-weight:900}
html[lang="fa"] .camp h1{font-size:clamp(2.6rem,11vw,4.6rem);font-weight:400}
.askp{font-size:1.2rem;line-height:1.5;font-weight:600;margin-top:14px;max-width:44ch}
html[lang="fa"] .askp{line-height:1.9}
.tws{display:grid;gap:12px;margin-top:20px}
@media(min-width:900px){.tws{grid-template-columns:1fr 1fr}}
.tw{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:8px}
.tw-pic{display:block;inline-size:112px;block-size:150px;background:#000;border-radius:4px;overflow:hidden}
.tw-pic img{inline-size:100%;block-size:100%;object-fit:cover}
.tw-pic.wide img{object-fit:contain}
.tw-d{color:var(--dim);font-size:.88rem}
.tw-t{margin-top:4px}
.tw .row{margin-top:10px;gap:8px}
.tw .btn{min-height:44px;padding:0 14px;font-size:.95rem}
.tw-embed{grid-column:1/-1;min-height:120px}
.tw-embed[hidden]{display:none}
.tw-embed p{color:var(--dim)}
.asteps{display:grid;gap:14px;max-width:54rem}
.asteps>li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:18px 16px;background:var(--panel);border:1px solid var(--line);border-radius:8px}
.sunk .asteps>li{background:var(--bg)}
.asteps>li>b{display:grid;place-items:center;inline-size:44px;block-size:44px;border-radius:50%;background:var(--field);color:var(--on-field);font:900 1.6rem/1 var(--display)}
html[lang="fa"] .asteps>li>b{font-weight:400;padding-top:4px}
.asteps h3{font-size:1.7rem}
html[lang="fa"] .asteps h3{line-height:1.4}
.asteps p{margin-top:10px;max-width:60ch}
.asteps .row{margin-top:14px}
.asks{display:grid;gap:8px;margin-top:12px;counter-reset:q}
.asks li{counter-increment:q;padding:10px 12px;border-inline-start:3px solid var(--field);background:var(--raise);font-weight:600}
.alinks{margin-top:8px}
.alinks a,a.inl{display:inline-flex;align-items:center;min-height:44px;color:var(--field);font-weight:700}
.bfacts{display:grid;gap:18px;margin-top:8px}
.bfacts li{padding-inline-start:14px;border-inline-start:3px solid var(--field);line-height:1.6}
html[lang="fa"] .bfacts li{line-height:1.9}
.src{display:block;margin-top:6px;font-size:.9rem;color:var(--dim)}
.src a{display:inline-flex;align-items:center;min-height:40px;overflow-wrap:anywhere}
.asteps .bfacts{margin-top:14px}
.who{display:grid;gap:10px;margin-top:16px}
.who div{padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}
.who dt{font:800 1.3rem/1.2 var(--display);color:var(--field)}
html[lang="en"] .who dt{text-transform:uppercase}
html[lang="fa"] .who dt{font-weight:400}
.who dd{margin:6px 0 0}