/* 7kslot.site — «Читальный альков». Префикс .nook- */

:root{
  --nook-bg:#100e0c;
  --nook-surf:#191612;
  --nook-line:#27221c;
  --nook-acc:#7fb069;
  --nook-sec:#c07d4a;
  --nook-tx:#efe8df;
  --nook-mut:#a09488;
  --nook-head:'Play','Trebuchet MS',Verdana,sans-serif;
  --nook-body:'Ledger',Georgia,'Times New Roman',serif;
  --nook-arch:22px 22px 6px 6px;
}

*,*::before,*::after{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  margin:0;
  background:var(--nook-bg);
  color:var(--nook-tx);
  font-family:var(--nook-body);
  font-size:17px;
  line-height:1.72;
  -webkit-text-size-adjust:100%;
}

h1,h2,h3,h4,
.nook-logo__t,.nook-eyebrow,.nook-kpi__v,.nook-card__v,.nook-slot__t,
.nook-live__t,.nook-prize__v,.nook-step__n,.nook-step__t,.nook-cta,
.nook-table th,.nook-rev__who,.nook-limit__t,.nook-foot__brand,
.nook-faq summary,.nook-nav a{
  font-family:var(--nook-head);
  font-weight:700;
  letter-spacing:.01em;
}

h1{font-size:2.05rem;line-height:1.24;margin:.2em 0 .45em}
h2{font-size:1.5rem;line-height:1.3;margin:0 0 .7em}
h3{font-size:1.2rem;line-height:1.34;margin:0 0 .6em}

p{margin:0 0 1.05em}

a{color:var(--nook-acc)}

/* ---------- служебное ---------- */

.nook-skip{
  position:absolute;left:-9999px;top:0;padding:10px 16px;
  background:var(--nook-acc);color:var(--nook-bg);z-index:99;
}
.nook-skip:focus{left:12px;top:12px}

/* ---------- шапка ---------- */

.nook-bar{
  display:flex;align-items:center;gap:22px;
  padding:14px 30px;
  background:rgba(16,14,12,.94);
  border-bottom:1px solid var(--nook-line);
  position:sticky;top:0;z-index:40;
  backdrop-filter:blur(7px);
}

.nook-logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--nook-tx)}
.nook-logo__svg{width:34px;height:34px;flex:0 0 auto}
.nook-logo__t{display:flex;flex-direction:column;font-size:1.06rem;line-height:1.15}
.nook-logo__sub{
  font-family:var(--nook-body);font-weight:400;
  font-size:.68rem;color:var(--nook-mut);letter-spacing:.03em;
}

.nook-nav{display:flex;gap:20px;margin-left:auto;flex-wrap:wrap}
.nook-nav a{
  color:var(--nook-mut);text-decoration:none;font-size:.83rem;
  padding-bottom:3px;border-bottom:2px solid transparent;
}
.nook-nav a:hover{color:var(--nook-acc);border-bottom-color:var(--nook-sec)}

/* ---------- CTA ---------- */

.nook-cta{
  display:inline-block;
  padding:14px 28px;
  border-radius:18px 18px 5px 5px;
  background:var(--nook-acc);
  color:#0d1409;
  text-decoration:none;
  font-size:.95rem;
  border:1px solid var(--nook-acc);
  transition:transform .14s ease,background .14s ease;
}
.nook-cta:hover{background:#93c47c;transform:translateY(-2px)}
.nook-cta--ghost{
  background:transparent;color:var(--nook-sec);border-color:var(--nook-sec);
}
.nook-cta--ghost:hover{background:rgba(192,125,74,.13);color:var(--nook-sec)}
.nook-cta--sm{padding:9px 17px;font-size:.82rem;border-radius:13px 13px 4px 4px}

/* ---------- секции ---------- */

main{max-width:1180px;margin:0 auto;padding:0 30px}

.nook-sec{padding:56px 0;border-top:1px solid var(--nook-line)}
.nook-sec--alt{
  background:var(--nook-surf);
  border-radius:var(--nook-arch);
  padding:52px 34px;
  margin:0 -14px;
}

.nook-eyebrow{
  font-size:.72rem;text-transform:uppercase;letter-spacing:.17em;
  color:var(--nook-sec);margin:0 0 .55em;
}

/* ---------- hero ---------- */

.nook-hero{
  padding:62px 0 46px;
  max-width:820px;margin:0 auto;text-align:center;
}
.nook-lead{color:var(--nook-mut);font-size:1.03rem;margin-bottom:1.6em}
.nook-heroact{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-bottom:34px}

.nook-kpi{
  display:grid;grid-template-columns:repeat(5,1fr);gap:1px;
  background:var(--nook-line);
  border:1px solid var(--nook-line);
  border-radius:var(--nook-arch);
  overflow:hidden;margin-bottom:34px;
}
.nook-kpi__c{background:var(--nook-surf);padding:17px 12px;display:flex;flex-direction:column;gap:5px}
.nook-kpi__v{font-size:1.24rem;color:var(--nook-acc)}
.nook-kpi__l{font-size:.72rem;color:var(--nook-mut);line-height:1.4}

.nook-art{
  width:100%;height:auto;display:block;
  border:1px solid var(--nook-line);
  border-radius:var(--nook-arch);
}

/* ---------- сетки ---------- */

.nook-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}
.nook-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}

.nook-card,.nook-slot,.nook-live,.nook-prize,.nook-rev,.nook-limit{
  background:var(--nook-bg);
  border:1px solid var(--nook-line);
  border-radius:var(--nook-arch);
  padding:20px 18px;
}
.nook-sec--alt .nook-card,
.nook-sec--alt .nook-slot,
.nook-sec--alt .nook-live,
.nook-sec--alt .nook-rev{background:var(--nook-bg)}

.nook-card__n{font-size:.73rem;text-transform:uppercase;letter-spacing:.13em;color:var(--nook-mut);margin:0 0 .4em}
.nook-card__v{font-size:1.16rem;color:var(--nook-acc);margin:0 0 .55em}
.nook-card__d{font-size:.9rem;color:var(--nook-mut);margin:0}

.nook-slot{border-top:3px solid var(--nook-acc)}
.nook-slot__t{font-size:1rem;margin:0 0 .25em}
.nook-slot__s{font-size:.8rem;color:var(--nook-sec);margin:0 0 .5em}
.nook-slot__m{font-size:.82rem;color:var(--nook-mut);margin:0;line-height:1.55}

.nook-live{border-top:3px solid var(--nook-sec)}
.nook-live__t{font-size:1.02rem;margin:0 0 .25em}
.nook-live__s{font-size:.8rem;color:var(--nook-acc);margin:0 0 .5em}
.nook-live__m{font-size:.85rem;color:var(--nook-mut);margin:0}

.nook-prize{text-align:center}
.nook-prize__p{font-size:.78rem;color:var(--nook-mut);margin:0 0 .4em;text-transform:uppercase;letter-spacing:.11em}
.nook-prize__v{font-size:1.02rem;color:var(--nook-sec);margin:0}

/* ---------- шаги ---------- */

.nook-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px}
.nook-step{
  padding:20px 18px 20px 20px;
  border-left:3px solid var(--nook-sec);
  background:var(--nook-surf);
  border-radius:4px 18px 18px 4px;
}
.nook-sec--alt .nook-step{background:var(--nook-bg)}
.nook-step__n{display:block;font-size:1.4rem;color:var(--nook-acc);line-height:1}
.nook-step__t{margin:.3em 0 .4em;font-size:.98rem}
.nook-step p{font-size:.88rem;color:var(--nook-mut);margin:0}

/* ---------- таблицы ---------- */

.nook-tablewrap{overflow-x:auto;margin-bottom:26px;border-radius:var(--nook-arch);border:1px solid var(--nook-line)}
.nook-table{width:100%;border-collapse:collapse;min-width:600px;font-size:.9rem}
.nook-cap{
  caption-side:top;text-align:left;padding:14px 18px;
  font-size:.78rem;color:var(--nook-mut);letter-spacing:.05em;
  background:var(--nook-surf);
}
.nook-sec--alt .nook-cap{background:var(--nook-bg)}
.nook-table th{
  text-align:left;padding:12px 18px;font-size:.79rem;
  text-transform:uppercase;letter-spacing:.09em;
  color:var(--nook-sec);border-bottom:1px solid var(--nook-line);
}
.nook-table td{padding:12px 18px;border-bottom:1px solid var(--nook-line);color:var(--nook-tx)}
.nook-table td:first-child{color:var(--nook-acc)}
.nook-table tbody tr:last-child td{border-bottom:none}

/* ---------- лимиты ---------- */

.nook-limits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px}
.nook-limit__t{font-size:.95rem;color:var(--nook-acc);margin:0 0 .45em}
.nook-limit p{font-size:.87rem;color:var(--nook-mut);margin:0}

/* ---------- отзывы ---------- */

.nook-rev{border-top:3px solid var(--nook-acc)}
.nook-rev__stars{color:var(--nook-sec);letter-spacing:.16em;margin:0 0 .55em;font-size:.95rem}
.nook-rev__txt{font-size:.9rem;color:var(--nook-tx);margin:0 0 .8em}
.nook-rev__who{font-size:.8rem;color:var(--nook-mut);margin:0}

/* ---------- FAQ ---------- */

.nook-faq{margin-bottom:26px}
.nook-faq details{
  border:1px solid var(--nook-line);
  border-radius:14px 14px 5px 5px;
  margin-bottom:10px;
  background:var(--nook-surf);
}
.nook-sec--alt .nook-faq details{background:var(--nook-bg)}
.nook-faq summary{
  cursor:pointer;padding:14px 18px;font-size:.93rem;color:var(--nook-tx);
  list-style:none;
}
.nook-faq summary::-webkit-details-marker{display:none}
.nook-faq summary::before{content:'▸ ';color:var(--nook-sec)}
.nook-faq details[open] summary::before{content:'▾ '}
.nook-faq details[open] summary{color:var(--nook-acc)}
.nook-faq p{padding:0 18px 15px;margin:0;font-size:.89rem;color:var(--nook-mut)}

/* ---------- author note ---------- */

.nook-note{
  padding:44px 34px;
  margin:38px -14px 0;
  border:1px solid var(--nook-sec);
  border-radius:var(--nook-arch);
  background:var(--nook-surf);
}
.nook-note p{font-size:.92rem;color:var(--nook-mut)}
.nook-note h3{color:var(--nook-tx)}

/* ---------- подвал ---------- */

.nook-foot{
  max-width:1180px;margin:46px auto 0;padding:34px 30px 52px;
  border-top:1px solid var(--nook-line);
}
.nook-foot p{font-size:.83rem;color:var(--nook-mut);max-width:930px}
.nook-foot__brand{font-size:1.05rem;color:var(--nook-tx)}
.nook-foot__small{font-size:.75rem;color:var(--nook-line);margin:0}

/* ---------- адаптив ---------- */

@media (max-width:1080px){
  main{padding:0 22px}
  .nook-grid4{grid-template-columns:repeat(3,1fr)}
  .nook-kpi{grid-template-columns:repeat(3,1fr)}
  h1{font-size:1.86rem}
  .nook-sec--alt,.nook-note{margin-left:0;margin-right:0;padding-left:26px;padding-right:26px}
}

@media (max-width:860px){
  .nook-bar{flex-wrap:wrap;padding:12px 20px;gap:14px}
  .nook-nav{order:3;width:100%;margin-left:0;gap:15px}
  .nook-cta--sm{margin-left:auto}
  .nook-grid3,.nook-steps,.nook-limits{grid-template-columns:repeat(2,1fr)}
  .nook-grid4{grid-template-columns:repeat(2,1fr)}
  .nook-kpi{grid-template-columns:repeat(2,1fr)}
  h1{font-size:1.66rem}
  h2{font-size:1.32rem}
  .nook-sec{padding:44px 0}
}

@media (max-width:620px){
  body{font-size:16px;line-height:1.68}
  main{padding:0 15px}
  .nook-grid3,.nook-grid4,.nook-steps,.nook-limits{grid-template-columns:1fr}
  .nook-kpi{grid-template-columns:1fr}
  .nook-hero{padding:40px 0 32px;text-align:left}
  .nook-heroact{justify-content:flex-start}
  .nook-cta{width:100%;text-align:center}
  .nook-cta--sm{width:auto}
  h1{font-size:1.44rem}
  h2{font-size:1.2rem}
  .nook-sec--alt,.nook-note{padding-left:17px;padding-right:17px}
  .nook-foot{padding:26px 15px 42px}
}