/* «آماده باشیم» (build/ready.py, build/ready.js). Every class starts with rd- (deploy_guard no_style_clash). The site's own
   tokens (site.css :root): dark ground, warm paper ink, the sun gold for progress and badges, one red for danger only.
   Calm and serious: no entrance animation, nothing hidden to be animated back; the one movement is the short pulse when a
   level or a badge is reached. Tap targets 44px and more, body text 16px and more, no sideways scroll from 320px. */
.rd{--rd-red:#E5484D;--rd-red-ink:#FF9C94;--rd-red-bg:color-mix(in srgb,#E5484D 13%,var(--panel));--rd-green:#46CC82;--rd-text:color-mix(in srgb,var(--ink) 86%,var(--bg));
  padding-bottom:88px}
.rd-i{flex:none;display:block}
.rd-sec{padding:var(--s6) 0}
.rd-sec h2{font-size:var(--h2)}
.rd .dim{color:var(--dim)}
.rd-small{font-size:1rem}
.rd-h3{display:flex;align-items:center;gap:10px;font-size:1.15rem;margin:var(--s5) 0 var(--s3)}
html[lang="fa"] .rd-h3{line-height:1.5}
.rd-h3 .rd-i{color:var(--field)}
.rd-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:var(--s4)}

/* ------------------------------------------------ head: the title, and beside it (under it on a phone) the four emergency buttons */
.rd-head{padding:var(--s5) 0 var(--s6);border-bottom:1px solid var(--line);
  background:radial-gradient(90% 120% at 100% 0%,color-mix(in srgb,var(--field) 10%,transparent),transparent 60%)}
html[dir="ltr"] .rd-head{background:radial-gradient(90% 120% at 0% 0%,color-mix(in srgb,var(--field) 10%,transparent),transparent 60%)}
.rd-head-g{display:grid;gap:var(--s5);grid-template-areas:"t" "now" "m"}
.rd-head-t{grid-area:t}.rd-head-m{grid-area:m;min-width:0}
@media(min-width:960px){.rd-head-g{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"t now" "m now";column-gap:var(--s7);row-gap:var(--s4);align-items:start}}
.rd-kick{display:flex;align-items:center;gap:8px;color:var(--field);font-weight:800;font-size:1rem;margin-bottom:var(--s3)}
.rd-head h1{font-size:clamp(1.9rem,7.6vw,3.5rem);line-height:1.22}
html[lang="en"] .rd-head h1{font-size:clamp(2rem,7vw,3.6rem);line-height:1.05}
.rd-sub{margin-top:var(--s3);font-size:1.15rem;font-weight:800;color:var(--field)}
.rd-sub:empty{display:none}
.rd-head .lede{max-width:46ch;font-weight:500;font-size:1.0625rem;line-height:1.85;color:var(--rd-text)}
.rd-tnav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:var(--s5)}
@media(min-width:640px) and (max-width:959px){.rd-tnav{grid-template-columns:repeat(4,minmax(0,1fr))}}
.rd-tchip{display:flex;align-items:center;gap:10px;min-height:58px;padding:8px 12px;border-radius:12px;background:var(--panel);border:1px solid transparent;
  color:var(--ink);text-decoration:none;transition:border-color .15s}
.rd-tchip:hover{border-color:var(--field-lo)}
.rd-tchip .rd-i{color:var(--field)}
.rd-tchip b{display:block;font-size:.95rem;line-height:1.4}
.rd-tchip small{display:block;color:var(--dim);font-size:.8rem;line-height:1.4}
.rd-headbtns{display:grid;gap:10px;margin-top:var(--s4)}
@media(min-width:640px){.rd-headbtns{grid-template-columns:1fr 1fr}.rd-headbtns-3>:last-child{grid-column:1 / -1}}
@media(min-width:1000px){.rd-headbtns-3{grid-template-columns:repeat(3,1fr)}.rd-headbtns-3>:last-child{grid-column:auto}}
.rd-big{display:flex;align-items:center;gap:12px;min-height:68px;padding:12px 16px;border-radius:14px;border:1px solid var(--line);background:var(--panel);
  color:var(--ink);text-decoration:none;font:inherit;text-align:start;cursor:pointer;transition:border-color .15s,background-color .15s}
.rd-big b{display:block;font-size:1rem;line-height:1.35}
.rd-big small{display:block;margin-top:2px;color:var(--dim);font-size:.85rem;line-height:1.45}
.rd-big .rd-i{color:var(--field)}
.rd-big:hover{border-color:var(--field-lo)}
.rd-save{border-color:var(--field-lo);background:color-mix(in srgb,var(--field) 11%,var(--panel))}
.rd-save.rd-busy .rd-i{animation:rd-breathe 1.4s ease-in-out infinite}
.rd-save.rd-saved{border-color:var(--rd-green)}
.rd-save.rd-saved .rd-i,.rd-save.rd-saved small{color:var(--rd-green)}
@keyframes rd-breathe{50%{opacity:.35}}

/* ------------------------------------------------ "has it just happened?": a red panel, four big doors */
.rd-now{grid-area:now;padding:16px;border-radius:16px;background:color-mix(in srgb,#E5484D 7%,var(--sunk));border:1px solid color-mix(in srgb,#E5484D 38%,transparent)}
@media(min-width:960px){.rd-now{padding:22px}}
.rd-now h2{display:flex;align-items:center;gap:10px;font-size:clamp(1.25rem,4.8vw,1.65rem);line-height:1.45;color:var(--ink)}
.rd-now h2 .rd-i{color:var(--rd-red-ink)}
.rd-now-p{margin-top:6px;color:var(--rd-text);font-size:.95rem;line-height:1.75}
.rd-now-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:var(--s4)}
.rd-now-b{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-height:118px;padding:14px;border-radius:12px;
  background:var(--rd-red-bg);border:1.5px solid color-mix(in srgb,var(--rd-red) 50%,transparent);color:var(--ink);text-decoration:none;
  transition:border-color .15s,background-color .15s,transform .15s}
.rd-now-i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--rd-red);color:#fff}
.rd-now-b b{margin-top:auto;font-size:1.12rem;line-height:1.4;font-weight:800}
.rd-now-go{position:absolute;top:16px;inset-inline-end:14px;color:var(--rd-red-ink)}
html[dir="ltr"] .rd-now-go{transform:scaleX(-1)}
.rd-now-b:hover{border-color:var(--rd-red);background:color-mix(in srgb,#E5484D 20%,var(--panel))}
.rd-now-b:active{transform:scale(.98)}
.rd-now-b:focus-visible{outline-color:var(--rd-red-ink)}

/* the full-screen card: drawn when its address is the page's (#now-attack), with or without the script */
.rd-nowc{display:none;position:fixed;inset:0;z-index:1000;overflow-y:auto;overscroll-behavior:contain;background:var(--bg)}
.rd-nowc:target{display:block}
.rd-nowc:focus{outline:none}
html.rd-lock,html.rd-lock body{overflow:hidden}
.rd-nowc-in{max-width:42rem;margin:0 auto;padding:16px 16px 112px}
.rd-nowc-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;padding:6px 0 10px;background:var(--bg);z-index:1}
.rd-nowc-k{display:flex;align-items:center;gap:8px;color:var(--rd-red-ink);font-weight:800}
.rd-nowc-x{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 16px;border-radius:99px;border:1px solid var(--line);background:var(--panel);color:var(--ink);text-decoration:none;font-weight:700}
.rd-nowc h2{font-size:clamp(1.6rem,6.4vw,2.3rem);margin:var(--s3) 0 var(--s5)}
.rd-nowc-l{counter-reset:rd;display:grid;gap:18px}
.rd-nowc-l li{counter-increment:rd;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;font-size:1.125rem;line-height:1.7}
.rd-nowc-l li::before{content:counter(rd);grid-row:1 / span 2;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  background:var(--rd-red);color:#fff;font-weight:900;font-size:1.2rem}
html[lang="fa"] .rd-nowc-l li::before{content:counter(rd,persian)}
.rd-nowc-l b{font-size:1.25rem;font-weight:800;color:var(--ink)}
.rd-nowc-l span{color:var(--rd-text)}
.rd-nowc-go{margin-top:var(--s5)}

/* a "never" line */
.rd-never{display:flex;gap:12px;align-items:flex-start;margin-top:var(--s4);padding:12px 14px;border-radius:10px;background:var(--rd-red-bg);
  border-inline-start:4px solid var(--rd-red);color:var(--ink);line-height:1.7}
.rd-never .rd-i{color:var(--rd-red-ink);margin-top:3px}
.rd-never b{color:var(--rd-red-ink);font-weight:900}

/* ------------------------------------------------ my readiness: one board */
.rd-me{background:var(--sunk);border-block:1px solid var(--line)}
.rd-board{display:grid;gap:var(--s5);align-items:start}
@media(min-width:760px){.rd-board{grid-template-columns:180px minmax(0,1fr)}.rd-board-n{grid-column:1 / -1}}
@media(min-width:1100px){.rd-board{grid-template-columns:180px minmax(0,1fr) minmax(0,24rem)}.rd-board-n{grid-column:auto}}
.rd-me-ring{position:relative;width:136px;height:136px;margin:0 auto}
.rd-me-ring .rd-ring{width:136px;height:136px}
@media(min-width:760px){.rd-me-ring,.rd-me-ring .rd-ring{width:168px;height:168px}}
.rd-ring-bg{fill:none;stroke:var(--line);stroke-width:9}
.rd-ring-fg{fill:none;stroke:var(--field);stroke-width:9;stroke-linecap:round;transition:stroke-dasharray .6s cubic-bezier(.2,.8,.2,1)}
.rd-ring-t{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.25}
.rd-ring-t b{font-size:2.2rem;font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums}
.rd-ring-t span{font-size:.9rem;color:var(--field);font-weight:700;max-width:120px}
.rd-up{animation:rd-pulse 1.3s cubic-bezier(.2,.8,.2,1)}
@keyframes rd-pulse{0%{transform:scale(1);filter:none}30%{transform:scale(1.07);filter:drop-shadow(0 4px 18px color-mix(in srgb,var(--field) 70%,transparent))}100%{transform:scale(1);filter:none}}
.rd-board-m h2{font-size:var(--h2)}
.rd-board-m .dim{margin-top:var(--s2)}
.rd-ladder{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:var(--s4)}
.rd-ladder li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:.8rem;font-weight:700;line-height:1.4;color:var(--dim)}
.rd-ladder i{display:block;width:100%;height:8px;border-radius:99px;background:var(--line);transition:background-color .3s}
.rd-ladder .rd-on i{background:var(--field)}
.rd-ladder .rd-cur{color:var(--field)}
.rd-ladder .rd-cur i{outline:2px solid var(--field-lo);outline-offset:2px}
.rd-lvnext{margin-top:var(--s3);font-weight:700;color:var(--field)}
.rd-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:var(--s4) 0 0}
.rd-stats div{padding:10px 12px;border-radius:12px;background:var(--panel);min-width:0}
.rd-stats dt{font-size:.8rem;color:var(--dim);line-height:1.45}
.rd-stats dd{margin:4px 0 0;font-size:1.2rem;font-weight:900;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
.rd-board-n{padding:16px;border-radius:14px;background:var(--panel)}
.rd-board-n .rd-h3{margin:0}
.rd-me .rd-board-n .rd-tick{background:var(--sunk)}
.rd-allgood{color:var(--rd-green);font-weight:700;padding:12px 0}
.rd-badges{margin-top:var(--s6)}
.rd-badges .rd-h3{margin:0 0 4px}
.rd-badge-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:10px;margin-top:var(--s3);max-width:44rem}
.rd-badge-l a{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1.5px dashed var(--line);color:var(--dim);transition:background-color .2s,border-color .2s,color .2s}
.rd-badge-l a:hover{border-color:var(--field-lo);color:var(--ink)}
.rd-badge-l .rd-lit a{background:var(--field);border:1.5px solid var(--field);color:var(--on-field);outline:2px solid color-mix(in srgb,var(--field) 40%,transparent);outline-offset:2px}
.rd-keep{position:relative;display:flex;gap:14px;align-items:flex-start;margin-top:var(--s5);padding:14px 16px;border-radius:12px;background:var(--panel);cursor:pointer}
.rd-keep input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.rd-sw{flex:none;position:relative;width:48px;height:28px;border-radius:99px;background:var(--line);margin-top:2px;transition:background-color .15s}
.rd-sw::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:22px;height:22px;border-radius:50%;background:var(--ink);transition:inset-inline-start .15s}
.rd-keep input:checked+.rd-sw{background:var(--field)}
.rd-keep input:checked+.rd-sw::after{inset-inline-start:23px;background:var(--on-field)}
.rd-keep input:focus-visible+.rd-sw{outline:3px solid var(--field);outline-offset:2px}
.rd-keep b{display:block;font-size:1.02rem}
.rd-keep small{display:block;margin-top:4px;color:var(--dim);font-size:1rem;line-height:1.6}
.rd-toast{position:fixed;inset-inline:16px;bottom:76px;z-index:1200;max-width:28rem;margin:0 auto;padding:12px 16px;border-radius:12px;background:var(--field);color:var(--on-field);
  font-weight:800;text-align:center;box-shadow:0 12px 30px rgba(0,0,0,.45);display:none}
.rd-toast.on{display:block}

/* ------------------------------------------------ tracks and guide cards */
.rd-track{scroll-margin-top:72px}
.rd-track+.rd-track{border-top:1px solid var(--line)}
.rd-track-h{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}
.rd-track-h>div{flex:1 1 16rem;min-width:0}
.rd-track-i{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--panel);color:var(--field)}
.rd-track-h .dim{margin-top:4px}
.rd-track-n{flex:none;align-self:center;padding:6px 12px;border-radius:99px;background:var(--panel);color:var(--dim);font-size:.85rem;font-weight:700}
.rd-track-n.rd-has{color:var(--field)}
.rd-track-n:empty{display:none}
.rd-cards{display:grid;gap:12px;margin-top:var(--s5)}
@media(min-width:700px){.rd-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.rd-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rd-card{display:flex;border-radius:14px;background:var(--panel);min-width:0;transition:box-shadow .2s}
.rd-card:hover{box-shadow:inset 0 0 0 1.5px var(--field-lo)}
.rd-card.rd-lit{box-shadow:inset 0 0 0 1.5px var(--field)}
.rd-card-a{flex:1;display:flex;gap:14px;padding:16px;color:inherit;text-decoration:none;min-width:0}
.rd-card-a:hover b{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.rd-card-i{position:relative;flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:color-mix(in srgb,var(--field) 12%,var(--sunk));color:var(--field)}
.rd-card-medal{position:absolute;bottom:-6px;inset-inline-end:-6px;width:22px;height:22px;border-radius:50%;background:var(--field);color:var(--on-field);display:none;place-items:center;box-shadow:0 0 0 3px var(--panel)}
.rd-card.rd-lit .rd-card-medal{display:grid}
.rd-card.rd-lit .rd-card-i{background:color-mix(in srgb,var(--field) 26%,var(--sunk))}
.rd-card-b{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.rd-card-b b{font-size:1.1rem;line-height:1.45}
.rd-card-s{color:var(--dim);font-size:1rem;line-height:1.65}
.rd-card-m{display:flex;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px;color:var(--dim);font-size:.85rem}
.rd-card-n{color:var(--field);font-weight:700}
.rd-bar{display:block;height:4px;border-radius:2px;background:var(--line);overflow:hidden;margin-top:6px}
.rd-bar i{display:block;height:100%;width:0;background:var(--field);border-radius:2px}

/* ------------------------------------------------ tools */
.rd-tools{background:var(--sunk);border-block:1px solid var(--line)}
.rd-tool{margin-top:var(--s5);padding:18px 16px;border-radius:14px;background:var(--panel)}
@media(min-width:600px){.rd-tool{padding:22px 24px}}
.rd-tool .rd-h3{margin-top:0}
.rd-tool{scroll-margin-top:72px}
.rd-tpicks{display:grid;gap:10px;margin-top:var(--s4)}
@media(min-width:700px){.rd-tpicks{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rd-tpick{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 16px;border-radius:14px;background:var(--panel);border:1px solid transparent;color:var(--ink);text-decoration:none;transition:border-color .15s}
.rd-tpick:hover{border-color:var(--field-lo)}
.rd-tpick .rd-i{color:var(--field)}
.rd-tpick b{display:block;line-height:1.4}
.rd-tpick small{display:block;color:var(--dim);font-size:.85rem;line-height:1.45}
@media(min-width:900px){.rd-kit-out .rd-check{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rd-tool-drill{background:color-mix(in srgb,var(--field) 7%,var(--panel))}
.rd-kit-in{display:grid;gap:10px;margin-top:var(--s4)}
@media(min-width:700px){.rd-kit-in{grid-template-columns:repeat(2,minmax(0,1fr))}.rd-days{grid-column:1 / -1}}
.rd-step{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 6px 6px 12px;border-radius:12px;background:var(--sunk)}
html[dir="rtl"] .rd-step{padding:6px 12px 6px 6px}
.rd-step-l{font-weight:700}
.rd-step-c{display:flex;align-items:center;gap:6px}
.rd-step-c button{width:44px;height:44px;border-radius:10px;border:1px solid var(--line);background:var(--raise);color:var(--ink);font:700 1.35rem/1 var(--body);cursor:pointer}
.rd-step-c button:hover{border-color:var(--field-lo)}
.rd-step-c output{min-width:2.2em;text-align:center;font-size:1.3rem;font-weight:900;font-variant-numeric:tabular-nums}
.rd-days{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rd-days legend{float:inline-start;font-weight:700;margin-inline-end:6px;padding:0}
.rd-days label{position:relative;cursor:pointer}
.rd-days input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.rd-days span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:99px;border:1px solid var(--line);background:var(--sunk);font-weight:700}
.rd-days input:checked+span{background:var(--field);border-color:var(--field);color:var(--on-field)}
.rd-days input:focus-visible+span{outline:3px solid var(--field);outline-offset:2px}
.rd-kit-out{margin-top:var(--s4)}

/* a tick row: the whole row is the box to tap */
.rd-check{display:grid;gap:8px;margin-top:var(--s3)}
.rd-tick{position:relative;display:flex;gap:12px;align-items:flex-start;min-height:52px;padding:12px 14px;border-radius:12px;background:var(--sunk);cursor:pointer;line-height:1.6}
.rd-tool .rd-tick,.rd-me .rd-tick{background:var(--panel)}
.rd-tool .rd-tick{background:var(--sunk)}
.rd-tick input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.rd-box{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:7px;border:2px solid var(--dim);color:transparent;margin-top:1px;transition:background-color .12s,border-color .12s}
.rd-tick input:checked+.rd-box{background:var(--field);border-color:var(--field);color:var(--on-field)}
.rd-tick input:checked~span:last-child{color:var(--dim)}
.rd-tick input:focus-visible+.rd-box{outline:3px solid var(--field);outline-offset:2px}
.rd-tick:hover .rd-box{border-color:var(--field)}
.rd-tick b{display:block;font-weight:700;color:var(--ink)}
.rd-tick small{display:block;color:var(--dim);font-size:.875rem;line-height:1.6;margin-top:2px}
.rd-tick input:checked~span:last-child b{color:var(--dim)}

.rd-plan-f{display:grid;gap:12px;margin-top:var(--s4)}
@media(min-width:700px){.rd-plan-f{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rd-field{display:flex;flex-direction:column;gap:6px;font-weight:700}
.rd-field input,.rd-field textarea{width:100%;min-height:48px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--sunk);color:var(--ink);font:400 16px/1.6 var(--body)}
.rd-field textarea{resize:vertical}
.rd-field input:focus,.rd-field textarea:focus{border-color:var(--field);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--field) 30%,transparent)}
.rd-field ::placeholder{color:color-mix(in srgb,var(--dim) 75%,transparent)}
.btn.rd-armed{background:var(--rd-red);border-color:var(--rd-red);color:#fff;text-decoration:none}
.rd-plan-card{display:none}

/* the drills: on a guide page and in the 10-question drill */
.rd-best{margin-top:var(--s2);color:var(--field);font-weight:700}
.rd-best:empty{display:none}
.rd-drill-box{margin-top:var(--s3)}
.rd-q-of{color:var(--field);font-weight:800;font-size:.95rem}
.rd-drill-q{font-size:1.1rem;font-weight:700;line-height:1.7;margin-top:6px;color:var(--ink)}
.rd-opts{display:grid;gap:8px;margin-top:var(--s3)}
.rd-opt{display:flex;gap:12px;align-items:flex-start;width:100%;min-height:52px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--sunk);
  color:var(--ink);font:500 1rem/1.6 var(--body);text-align:start;cursor:pointer;transition:border-color .12s,background-color .12s}
.rd-opt:hover{border-color:var(--field-lo)}
.rd-opt-l{flex:none;display:grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:8px;background:var(--raise);color:var(--field);font-weight:900;font-size:.9rem}
.rd-done .rd-opt.rd-right{border-color:var(--rd-green);background:color-mix(in srgb,var(--rd-green) 12%,var(--sunk))}
.rd-done .rd-opt.rd-right .rd-opt-l{background:var(--rd-green);color:#08170f}
.rd-done .rd-opt.rd-wrongpick{border-color:var(--rd-red);background:var(--rd-red-bg)}
.rd-done .rd-opt.rd-wrongpick .rd-opt-l{background:var(--rd-red);color:#fff}
.rd-why,.rd-truth{margin-top:var(--s3);padding:12px 14px;border-radius:10px;background:var(--raise);line-height:1.7;color:var(--rd-text)}
.rd-verdict{font-weight:900}
.rd-verdict:empty{display:none}
.rd-ok .rd-verdict{color:var(--rd-green)}
.rd-no .rd-verdict{color:var(--rd-red-ink)}
html.rd-js .rd-drill:not(.rd-done) .rd-why,html.rd-js .rd-drill-box:not(.rd-done) .rd-why,html.rd-js .rd-myth:not(.rd-done) .rd-truth{display:none}
html:not(.rd-js) .rd-tf{display:none}
.rd-drill-next:empty{display:none}
.rd-score{font-size:clamp(1.6rem,6vw,2.2rem);font-weight:900;color:var(--field)}

/* ------------------------------------------------ downloads and safety */
.rd-file-all{display:flex;align-items:center;gap:14px;margin-top:var(--s4);min-height:76px;padding:14px 18px;border-radius:14px;border:1px solid var(--field-lo);
  background:color-mix(in srgb,var(--field) 12%,var(--panel));color:var(--ink);text-decoration:none}
.rd-file-all:hover{border-color:var(--field)}
.rd-file-all .rd-i{color:var(--field)}
.rd-file-all b{display:block;font-size:1.05rem}
.rd-file-all small{display:block;color:var(--dim);font-size:.875rem;margin-top:2px}
.rd-file-l{display:grid;gap:8px;margin-top:var(--s3)}
@media(min-width:760px){.rd-file-l{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.rd-file-l{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rd-file{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:12px;background:var(--panel);min-width:0}
.rd-file-t{display:flex;align-items:center;gap:10px;min-width:0;font-weight:700;line-height:1.5}
.rd-file-t .rd-i{color:var(--field)}
.rd-file-a{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rd-dl-a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 10px;border-radius:99px;border:1px solid var(--line);background:var(--sunk);color:var(--ink);text-decoration:none;font-weight:700;font-size:.9rem;white-space:nowrap}
.rd-dl-a .rd-i{color:var(--field)}
.rd-dl-a small{color:var(--dim);font-weight:400;font-size:.8rem}
.rd-dl-a:hover{border-color:var(--field-lo)}
.rd-safe-box{padding:20px 18px;border-radius:14px;border:1px solid var(--field-lo);background:var(--panel)}
.rd-safe-box h2{display:flex;align-items:center;gap:10px;font-size:clamp(1.3rem,4.6vw,1.8rem)}
.rd-safe-box h2 .rd-i{color:var(--field)}
.rd-safe-box ul{display:grid;gap:12px;margin-top:var(--s4)}
.rd-safe-box li{position:relative;padding-inline-start:22px;line-height:1.75;color:var(--rd-text)}
.rd-safe-box li::before{content:"";position:absolute;inset-inline-start:2px;top:.75em;width:8px;height:8px;border-radius:50%;background:var(--field)}
.rd-cleared{color:var(--rd-green);font-weight:700}

/* ------------------------------------------------ the quick exit, on every page of the section */
.rd-exit{position:fixed;bottom:14px;inset-inline-start:14px;z-index:1100;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;border-radius:99px;
  border:0;background:#2E2E26;color:var(--ink);font:700 .95rem/1 var(--body);cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.5)}
.rd-exit:hover{background:#33332A}

/* ------------------------------------------------ a guide page */
.rd-ghead{padding:var(--s4) 0 var(--s5);border-bottom:1px solid var(--line);
  background:radial-gradient(90% 120% at 100% 0%,color-mix(in srgb,var(--field) 9%,transparent),transparent 60%)}
.rd-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;color:var(--dim);font-size:.95rem}
.rd-crumb a{display:inline-flex;align-items:center;min-height:44px;color:var(--field);font-weight:700;text-decoration:none}
.rd-crumb a:hover{text-decoration:underline}
.rd-ghead-g{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;margin-top:var(--s2)}
.rd-gicon{display:grid;place-items:center;width:60px;height:60px;border-radius:16px;background:color-mix(in srgb,var(--field) 14%,var(--sunk));color:var(--field)}
.rd-ghead h1{font-size:clamp(1.7rem,7vw,3rem)}
.rd-ghead .lede{max-width:46ch;font-weight:500;font-size:1.05rem;color:var(--rd-text);margin-top:var(--s2)}
.rd-meta{margin-top:var(--s2);color:var(--dim);font-size:.9rem}
.rd-mini{position:relative;display:grid;place-items:center;width:58px;height:58px;text-decoration:none;color:var(--ink)}
.rd-mini .rd-ring{position:absolute;inset:0;width:58px;height:58px}
.rd-mini .rd-ring-bg,.rd-mini .rd-ring-fg{stroke-width:11}
.rd-mini span{position:relative;font-size:.8rem;font-weight:900;font-variant-numeric:tabular-nums}
@media(max-width:420px){.rd-ghead-g{grid-template-columns:minmax(0,1fr) auto}.rd-gicon{display:none}}
.rd-gbtns{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s4)}
.rd-gbtn{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--ink);text-decoration:none;font:700 .95rem/1.2 var(--body);cursor:pointer}
.rd-gbtn .rd-i{color:var(--field)}
.rd-gbtn small{display:block;color:var(--dim);font-weight:400;font-size:.8rem;margin-top:2px}
.rd-gbtn:hover{border-color:var(--field-lo)}
.rd-top3{margin-top:var(--s5);padding:16px 18px;border-radius:14px;border:1.5px solid var(--field);background:color-mix(in srgb,var(--field) 8%,var(--panel))}
.rd-top3 h2{font-size:1.15rem;color:var(--field)}
.rd-top3 ol{counter-reset:rd;display:grid;gap:10px;margin-top:var(--s3)}
.rd-top3 li{counter-increment:rd;display:flex;gap:12px;align-items:flex-start;font-size:1.08rem;font-weight:700;line-height:1.6;color:var(--ink)}
.rd-top3 li::before{content:counter(rd);flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--field);color:var(--on-field);font-weight:900;font-size:.95rem}
html[lang="fa"] .rd-top3 li::before{content:counter(rd,persian)}
.rd-gbody{display:grid;gap:var(--s5);padding-top:var(--s5)}
.rd-jump{display:none}
@media(min-width:1000px){
  .rd-gbody{grid-template-columns:220px minmax(0,46rem);justify-content:start}
  .rd-jump{display:block;position:sticky;top:96px;align-self:start;font-size:.9rem}
  .rd-jump p{color:var(--dim);font-weight:700;margin-bottom:6px}
  .rd-jump a{display:flex;align-items:center;min-height:40px;padding:0 10px;border-radius:8px;color:var(--rd-text);text-decoration:none;line-height:1.35}
  .rd-jump a:hover{background:var(--panel);color:var(--field)}
}
.rd-gmain{min-width:0}
.rd-gsec{padding:var(--s5) 0;border-bottom:1px solid var(--line);scroll-margin-top:84px}
.rd-gsec:first-child{padding-top:0}
.rd-gsec h2{display:flex;align-items:center;gap:12px;font-size:clamp(1.35rem,5vw,1.8rem)}
.rd-gsec-n{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--panel);color:var(--field);font-size:1rem;font-weight:900}
.rd-gsec>.dim{margin-top:var(--s2)}
.rd-items{display:grid;gap:0;margin-top:var(--s3)}
.rd-items li{padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);line-height:1.8;font-size:1.02rem}
.rd-items li:last-child{border-bottom:0}
.rd-items b{display:block;color:var(--ink);font-size:1.06rem;font-weight:800}
.rd-items span{color:var(--rd-text)}
.rd-myths{display:grid;gap:12px;margin-top:var(--s4)}
.rd-myth{padding:16px;border-radius:14px;background:var(--panel)}
.rd-myth-m{font-size:1.1rem;font-weight:700;line-height:1.7;color:var(--ink)}
.rd-tf{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:var(--s3)}
.rd-tf button{min-height:48px;border-radius:12px;border:1.5px solid var(--line);background:var(--sunk);color:var(--ink);font:800 1rem/1.2 var(--body);cursor:pointer}
.rd-tf button:hover{border-color:var(--field-lo)}
.rd-ok .rd-tf button[aria-pressed="true"]{border-color:var(--rd-green);background:color-mix(in srgb,var(--rd-green) 14%,var(--sunk))}
.rd-no .rd-tf button[aria-pressed="true"]{border-color:var(--rd-red);background:var(--rd-red-bg)}
.rd-drills{display:grid;gap:var(--s4);margin-top:var(--s4)}
.rd-drill{padding:16px;border-radius:14px;background:var(--panel)}
.rd-drill .rd-drill-q{margin-top:0;display:flex;gap:10px}
.rd-drill-n{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--raise);color:var(--field);font-weight:900;font-size:.95rem}
.rd-srcs ul{display:grid;gap:4px;margin-top:var(--s3)}
.rd-srcs a{display:inline-flex;align-items:center;min-height:44px;color:var(--field);font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.rd-srcs a::after{content:"\2197";margin-inline-start:6px;font-size:.85em;opacity:.8}
html[dir="rtl"] .rd-srcs a::after{content:"\2196"}
.rd-pnav{display:grid;gap:10px;padding:var(--s5) 0}
@media(min-width:640px){.rd-pnav{grid-template-columns:1fr 1fr}}
.rd-pn{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 16px;border-radius:14px;background:var(--panel);color:var(--ink);text-decoration:none}
.rd-pn .rd-i{color:var(--field)}
.rd-pn small{display:block;color:var(--dim);font-size:.85rem}
.rd-pn b{display:block;line-height:1.45}
.rd-pn-n{justify-content:space-between;text-align:end}
@media(min-width:640px){.rd-pn-n{grid-column:2}}
.rd-pn:hover{box-shadow:inset 0 0 0 1.5px var(--field-lo)}

/* ------------------------------------------------ the English page */
.rd-en-t{margin-top:var(--s6)}
.rd-en-l{display:grid;gap:10px}
@media(min-width:800px){.rd-en-l{grid-template-columns:1fr 1fr}}
.rd-en-g{display:flex;gap:14px;padding:16px;border-radius:14px;background:var(--panel);min-width:0}
.rd-en-b{display:flex;flex-direction:column;gap:4px;min-width:0}
.rd-en-b b{font-size:1.1rem}
.rd-en-fa{font-family:"Vazirmatn",Tahoma,sans-serif;color:var(--dim)}
.rd-en-a{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:4px}
.rd-en-a a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--field);font-weight:700;text-decoration:none}
.rd-en-a a:hover{text-decoration:underline}
.rd-en-a small{color:var(--dim);font-weight:400}
.rd-pics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:var(--s4)}
@media(min-width:800px){.rd-pics{grid-template-columns:repeat(4,minmax(0,1fr))}}
.rd-pics a{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.rd-pics img{width:100%;height:auto}

@media(prefers-reduced-motion:reduce){.rd *,.rd-up{animation:none!important;transition:none!important}}

/* ------------------------------------------------ print: the kit list or the family card alone; a guide page without its controls */
.rd-sheet{display:none}
@media print{
  html.rd-print-kit body>:not(.rd-sheet),html.rd-print-plan body>:not(.rd-sheet){display:none!important}
  html.rd-print-kit,html.rd-print-plan,html.rd-print-kit body,html.rd-print-plan body{background:#fff!important;color:#000!important;min-height:0!important;height:auto!important}
  html.rd-print-kit .rd-sheet,html.rd-print-plan .rd-sheet{display:block!important;color:#000;background:#fff}
  .rd-sheet *{color:#000!important;background:transparent!important}
  .rd-sheet .rd-tick,.rd-sheet .rd-box{border-color:#000!important}
  .rd-sheet .rd-box{color:transparent!important}.rd-sheet .rd-box *{color:inherit!important}.rd-sheet .rd-tick input:checked+.rd-box{color:#000!important}
  .rd-plan-card{font:12pt/1.6 "Vazirmatn",Tahoma,sans-serif;padding:8mm;border:1.5pt solid #000;border-radius:4mm}
  .rd-pc-h{font-size:18pt;font-weight:900;margin-bottom:4mm}
  .rd-plan-card dt{font-weight:800;margin-top:3mm}
  .rd-plan-card dd{margin:1mm 0 0;min-height:9mm;border-bottom:1pt solid #888;white-space:pre-wrap}
  html:not(.rd-print-kit):not(.rd-print-plan) .rd-exit,html:not(.rd-print-kit):not(.rd-print-plan) .rd-gbtns,html:not(.rd-print-kit):not(.rd-print-plan) .rd-tf{display:none}
}
/* the picture beside every instruction (3 November 2026, build/ready_art/). Drawn at once, never animated in. */
.rd-pic svg{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:14px;background:var(--panel);border:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.rd-items li.rd-art{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:14px;align-items:start}
.rd-items li.rd-art .rd-pic{width:96px}
.rd-items li.rd-art .rd-art-t b{display:block}
.rd-nowc-l li.rd-nowa{grid-template-columns:44px minmax(0,1fr) 84px}
.rd-nowc-l li.rd-nowa .rd-pic{grid-column:3;grid-row:1 / span 2;width:84px;align-self:start}
@media(min-width:700px){.rd-items li.rd-art{grid-template-columns:124px minmax(0,1fr);column-gap:18px}.rd-items li.rd-art .rd-pic{width:124px}
.rd-nowc-l li.rd-nowa{grid-template-columns:44px minmax(0,1fr) 112px}.rd-nowc-l li.rd-nowa .rd-pic{width:112px}}
.rd-nowc-l li.rd-nowa::before{grid-column:1}.rd-nowc-l li.rd-nowa>b,.rd-nowc-l li.rd-nowa>span:not(.rd-pic){grid-column:2}

.rf{stroke-linecap:round;stroke-linejoin:round;fill:none;stroke:none}.rf .k{stroke:#F2F1E6}.rf .m{stroke:#8C8A7E}.rf .a{stroke:#D9B45A}.rf .r{stroke:#F0545A}.rf .g{stroke:#46CC82}.rf .b{stroke:#6FA8DC}.rf .o{stroke:#FF9A3D}.rf .w{stroke:#FFFFFF}.rf .p{stroke:#1D1D18}.rf .fk{fill:#F2F1E6}.rf .fm{fill:#8C8A7E}.rf .fs{fill:#3A3A33}.rf .fw{fill:#2A2A24}.rf .fa{fill:#D9B45A}.rf .fr{fill:#F0545A}.rf .fg{fill:#46CC82}.rf .fb{fill:#6FA8DC}.rf .fo{fill:#FF9A3D}.rf .fp{fill:#1D1D18}.rf .fh{fill:rgba(217,180,90,.28)}