/* Тема читальни codeofdigitaleternity.site — «чертёж» (27.09.2026): синька с сеткой, белые линии,
   оранжевые пометки, узкий технический шрифт заголовков. Только переопределение оформления поверх общего
   ядра — ни один блок не убирается. */
:root{--void:#0a2340;--void-light:#0e2c50;--accent:#d9ecff;--accent2:#ff8a4c;--text:#eef6ff;--muted:#9fbcdc;
  --glass:rgba(217,236,255,.04);--glass-border:rgba(217,236,255,.28)}
body{background:linear-gradient(rgba(217,236,255,.06) 1px,transparent 1px) 0 0/24px 24px,
  linear-gradient(90deg,rgba(217,236,255,.06) 1px,transparent 1px) 0 0/24px 24px,
  linear-gradient(rgba(217,236,255,.1) 1px,transparent 1px) 0 0/120px 120px,
  linear-gradient(90deg,rgba(217,236,255,.1) 1px,transparent 1px) 0 0/120px 120px,var(--void);color:var(--text)}
h1,h2,h3,.rr-magnet h2,.rr-hero h1{font-family:"Bahnschrift","DIN Alternate","Barlow Condensed","Arial Narrow",system-ui,sans-serif;font-weight:700;letter-spacing:.2px;text-transform:none}
.rr-magnet,.card{border-radius:2px;border:1px solid var(--glass-border);background:rgba(10,35,64,.72);box-shadow:4px 4px 0 rgba(217,236,255,.08)}
.rr-mlabel{color:var(--accent2);letter-spacing:.22em}
/* игра «Пары из архива» */
.rr-gamecard{margin-top:22px}
.st-hud{display:flex;flex-wrap:wrap;gap:16px;margin:6px 0 10px;font-size:14px;color:var(--muted);font-family:"Bahnschrift","Arial Narrow",system-ui,sans-serif}
.st-hud span:nth-child(2){color:var(--accent2)}
.st-board{padding:14px;border:1px dashed var(--glass-border);border-radius:2px;background:rgba(6,24,46,.6)}
.st-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.st-card{position:relative;min-width:0;min-height:108px;padding:0;border:1px solid var(--glass-border);border-radius:2px;background:#0d3058;color:var(--text);font:inherit;cursor:pointer;overflow:hidden}
.st-card:hover:not(:disabled),.st-card:focus-visible{outline:2px solid var(--accent2);outline-offset:1px}
.st-back{display:grid;place-items:center;height:100%;min-height:106px;font-size:22px;color:rgba(217,236,255,.35);
  background:repeating-linear-gradient(45deg,transparent 0 8px,rgba(217,236,255,.05) 8px 9px)}
.st-face{display:none;flex-direction:column;gap:6px;padding:10px;text-align:left;height:100%}
.st-card.st-open .st-back{display:none}
.st-card.st-open .st-face{display:flex}
.st-kind{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}
.st-text{font-size:13.5px;line-height:1.35;overflow-wrap:break-word;hyphens:auto}
.st-g .st-text{color:var(--accent2);font-weight:700}
.st-card.st-done{border-color:var(--accent2);background:#123a66;cursor:default}
.st-card.st-done .st-kind{color:var(--accent2)}
.st-over{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.st-over p{margin:0;max-width:580px;line-height:1.55}
.st-sample{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:10px;justify-content:center}
.st-demo{display:flex;border:1px solid var(--glass-border);background:#0d3058;border-radius:2px}
.st-big{font-size:20px;font-weight:700;color:var(--accent)}
.st-best{color:var(--accent2);font-weight:700}
.st-read{font-weight:700}
.st-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;text-align:left;max-width:580px;width:100%}
.st-list li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;padding:6px 10px;border-left:2px solid var(--accent2);background:rgba(217,236,255,.04)}
.st-list a{color:var(--accent);font-weight:700}
.st-lg{font-size:12px;color:var(--muted)}
.st-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}
.st-cta{color:#0a2340;background:var(--accent);padding:10px 18px;border-radius:2px;font-weight:700;text-decoration:none;box-shadow:3px 3px 0 var(--accent2)}
.st-cta:hover,.st-cta:focus-visible{background:#fff}
.st-calc{color:var(--accent2);text-decoration:underline}
@media (max-width:640px){.st-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.st-board{padding:10px}.st-sample{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
/* 30.09.2026: подписи не мельче 12 px (замер мобильной вёрстки; проба до правки: мелкого текста 0, новых прокрутки/наползаний/обрезки 0 на 320–2560) */