/* Тема читальни codeofdigitaleternity.store — «витрина» (27.09.2026): тёмно-винная витрина, жёлтые ценники
   с дыркой под нитку, белые полки. Только переопределение оформления поверх общего ядра — ни один блок
   не убирается. */
:root{--void:#1c0a12;--void-light:#26101a;--accent:#ffd23f;--accent2:#ff6f91;--text:#fff4f6;--muted:#d1aab6;
  --glass:rgba(255,210,63,.04);--glass-border:rgba(255,210,63,.2)}
body{background:radial-gradient(900px 380px at 50% -8%,rgba(255,210,63,.13),transparent 65%),
  repeating-linear-gradient(0deg,transparent 0 179px,rgba(255,255,255,.035) 179px 181px),var(--void);color:var(--text)}
h1,h2,h3,.rr-magnet h2,.rr-hero h1{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-weight:900;letter-spacing:-.6px}
.rr-magnet,.card{border-radius:10px;border:1px solid var(--glass-border);box-shadow:0 10px 0 -6px rgba(255,210,63,.18)}
.rr-mlabel{color:var(--accent);letter-spacing:.16em}
/* игра «Подбери тариф» */
.rr-gamecard{margin-top:22px}
.sr-hud{display:flex;flex-wrap:wrap;gap:16px;margin:6px 0 10px;font-size:14px;color:var(--muted)}
.sr-hud span:nth-child(2){color:var(--accent)}
.sr-shop{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:12px;background:#150710;border:1px solid var(--glass-border)}
.sr-tag{position:relative;display:flex;align-items:center;gap:12px;align-self:center;max-width:100%;padding:12px 18px 12px 14px;
  background:var(--accent);color:#2a0d18;font-weight:800;font-size:16px;line-height:1.4;
  clip-path:polygon(16px 0,100% 0,100% 100%,16px 100%,0 50%);padding-left:30px}
.sr-hole{flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:#150710;box-shadow:0 0 0 2px rgba(0,0,0,.25) inset}
.sr-need{min-width:0}
.sr-pick{margin:4px 0 0;font-weight:700;font-size:14px;text-align:center}
.sr-time{height:4px;border-radius:2px;background:rgba(255,210,63,.14)}
.sr-time-fill{height:100%;width:100%;border-radius:2px;background:var(--accent)}
.sr-shelf{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding-bottom:10px;border-bottom:3px solid rgba(255,255,255,.18)}
.sr-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:12px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);color:var(--text);font:inherit;text-align:center;cursor:pointer;overflow-wrap:break-word}
.sr-item:hover:not(:disabled),.sr-item:focus-visible{background:rgba(255,210,63,.14);outline:2px solid var(--accent);outline-offset:1px}
.sr-item:disabled{cursor:default;opacity:.55}
.sr-key{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.12);font-size:12px;font-weight:700}
.sr-name{font-weight:800;font-size:14px;line-height:1.25}
.sr-price{font-size:12.5px;color:var(--accent)}
.sr-item.sr-right{opacity:1;border-color:#6ee7a8;background:rgba(110,231,168,.16)}
.sr-item.sr-wrong{opacity:1;border-color:var(--accent2);background:rgba(255,111,145,.16)}
.sr-why{display:flex;flex-direction:column;gap:4px}
.sr-why p{margin:0;line-height:1.45;font-size:14px}
.sr-ans{font-weight:800;font-size:15px}
.sr-line{color:var(--muted)}
.sr-line-ok{color:#9ff0c6}
.sr-next{align-self:flex-end}
.sr-over{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.sr-over p{margin:0;max-width:560px;line-height:1.55}
.sr-big{font-size:20px;font-weight:900;color:var(--accent)}
.sr-best{color:var(--accent2);font-weight:700}
.sr-src{font-size:12px;color:var(--muted)}
.sr-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}
.sr-cta{color:#2a0d18;background:var(--accent);padding:10px 18px;border-radius:8px;font-weight:900;text-decoration:none}
.sr-cta:hover,.sr-cta:focus-visible{background:#ffe07a}
.sr-calc{color:var(--accent2);text-decoration:underline}
@media (max-width:640px){.sr-shelf{grid-template-columns:minmax(0,1fr)}.sr-item{flex-direction:row;justify-content:flex-start;text-align:left;gap:10px;padding:10px 12px}
  .sr-price{margin-left:auto;text-align:right}.sr-shop{padding:12px}.sr-tag{font-size:15px}}