/* vavadacasino656.biz — шаблон sericulture (шелководство), namespace srk */

:root{
  --srk-silk:#f2ece0;
  --srk-mulberry:#3f4a2e;
  --srk-carmine:#9e2b3a;
  --srk-cocoon:#fbf7ef;
  --srk-thread:#cfc6b2;
  --srk-deep:#2a3220;
}

*{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  background:var(--srk-silk);
  color:var(--srk-deep);
  font-family:"Manuale",Georgia,"Times New Roman",serif;
  font-size:17px;
  line-height:1.7;
}

h1,h2,.srk-kpi__num,.srk-rail__num{
  font-family:"Alumni Sans Pinstripe","Arial Narrow",system-ui,sans-serif;
  font-weight:400;
  letter-spacing:.015em;
}
h3,th,.srk-cta,.srk-eyebrow,summary{
  font-family:"Manuale",Georgia,serif;
  font-weight:700;
}

a{color:var(--srk-carmine)}

.srk-shell{max-width:1100px;margin:0 auto;padding:0 24px}

/* --- шапка с нитью --- */
.srk-top{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  border-bottom:2px solid var(--srk-mulberry);
  padding:16px 0 10px;
}
.srk-mark{
  font-family:"Alumni Sans Pinstripe",sans-serif;font-size:30px;line-height:1;
  color:var(--srk-mulberry);
}
.srk-eyebrow{font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--srk-carmine)}

.srk-hero{
  display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:26px;align-items:center;
  padding:26px 0 8px;
}
.srk-hero h1{font-size:52px;line-height:1.02;margin:0 0 16px;color:var(--srk-mulberry)}
.srk-hero h1 i{font-style:normal;color:var(--srk-carmine)}
.srk-lead{font-size:17.5px;margin:0 0 18px}
.srk-spiral{width:100%;height:auto;display:block}

.srk-kpi{
  display:flex;flex-wrap:wrap;gap:0;
  border-top:1px dashed var(--srk-thread);
  border-bottom:1px dashed var(--srk-thread);
  margin:14px 0 20px;
}
.srk-kpi div{
  flex:1 1 20%;padding:16px 14px;border-right:1px dashed var(--srk-thread);
}
.srk-kpi div:last-child{border-right:0}
.srk-kpi__num{display:block;font-size:34px;line-height:1;color:var(--srk-carmine)}
.srk-kpi__cap{display:block;font-size:13px;margin-top:6px;opacity:.75}

.srk-cta{
  display:inline-block;background:var(--srk-mulberry);color:var(--srk-silk);
  text-decoration:none;padding:13px 28px;border-radius:40px/20px;font-size:15.5px;
  letter-spacing:.02em;
}
.srk-cta:hover{background:var(--srk-carmine);color:var(--srk-silk)}

/* --- две колонки --- */
.srk-grid{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:24px;align-items:start;padding:10px 0 0}

/* --- секции-коконы --- */
.srk-sec{
  background:var(--srk-cocoon);
  border:1px solid var(--srk-thread);
  border-radius:74px/34px;
  padding:30px 44px 24px;
  margin:0 0 20px;
}
.srk-sec h2{font-size:38px;line-height:1.06;margin:0 0 12px;color:var(--srk-mulberry)}
.srk-sec h3{font-size:16.5px;margin:20px 0 8px;color:var(--srk-carmine)}
.srk-sec p{margin:0 0 12px}
.srk-sec ul{margin:0 0 14px;padding-left:19px}
.srk-sec li{margin:0 0 7px}
.srk-sec--dark{background:var(--srk-mulberry);color:var(--srk-silk);border-color:var(--srk-mulberry)}
.srk-sec--dark h2{color:var(--srk-silk)}
.srk-sec--dark h3{color:#e3b9c1}
.srk-sec--dark a{color:#eab9c0}

/* --- нить-разделитель под H2 --- */
.srk-sec h2 + p::first-letter{color:var(--srk-carmine)}

/* --- таблицы --- */
.srk-scroll{overflow-x:auto;margin:0 0 16px}
table{border-collapse:collapse;width:100%;min-width:540px;font-size:15px}
th{
  text-align:left;padding:9px 11px;font-size:13.5px;
  border-bottom:2px solid var(--srk-mulberry);color:var(--srk-mulberry);
}
td{padding:9px 11px;border-bottom:1px dotted var(--srk-thread);vertical-align:top}
tbody tr:hover{background:#f0ece1}

/* --- шкала мотальни --- */
.srk-reel{list-style:none;margin:0 0 16px;padding:0}
.srk-reel li{display:grid;grid-template-columns:118px 1fr 58px;gap:10px;align-items:center;margin:0 0 9px}
.srk-reel__name{font-size:15px;font-weight:700}
.srk-reel__bar{height:13px;border-radius:7px;background:#e4dcca;overflow:hidden}
.srk-reel__bar i{display:block;height:100%;background:linear-gradient(90deg,var(--srk-mulberry),var(--srk-carmine))}
.srk-reel__pct{text-align:right;font-size:15px;color:var(--srk-carmine);font-weight:700}

/* --- правая колонка --- */
.srk-rail > *{margin-bottom:18px}
.srk-card{
  border:1px solid var(--srk-thread);border-radius:34px/18px;
  padding:20px 22px;background:var(--srk-cocoon);
}
.srk-card h3{margin:0 0 10px;font-size:15px;color:var(--srk-carmine)}
.srk-card__t{
  margin:0 0 10px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;
  font-weight:700;color:var(--srk-carmine);
}
.srk-card p{margin:0 0 9px;font-size:14.5px}
.srk-card ul{margin:0;padding-left:18px;font-size:14.5px}
.srk-card li{margin:0 0 6px}
.srk-rail__num{display:block;font-size:40px;line-height:1;color:var(--srk-mulberry)}
.srk-quote{
  border-left:4px solid var(--srk-carmine);
  padding:6px 0 6px 18px;font-size:15px;
}
.srk-quote cite{display:block;margin-top:8px;font-style:normal;font-size:13px;opacity:.72}

/* --- FAQ --- */
details{border-bottom:1px dashed var(--srk-thread);padding:11px 0}
summary{cursor:pointer;font-size:15.5px;color:var(--srk-mulberry)}
details[open] summary{color:var(--srk-carmine)}
details p{margin:9px 0 2px;font-size:15.5px}

/* --- подвал --- */
.srk-foot{
  border-top:2px solid var(--srk-mulberry);
  margin-top:26px;padding:22px 0 44px;font-size:14px;
}
.srk-foot p{margin:0 0 10px;max-width:90ch}
.srk-age{
  display:block;margin-top:14px;padding:10px 0 0;
  border-top:1px dashed var(--srk-thread);
  color:var(--srk-carmine);font-size:13.5px;letter-spacing:.02em;
}
.srk-note{font-size:14px;opacity:.76}
.srk-em{color:var(--srk-carmine)}

@media (max-width:640px){
  body{font-size:16px}
  .srk-shell{padding:0 14px}
  .srk-hero{grid-template-columns:1fr;gap:10px}
  .srk-hero h1{font-size:38px}
  .srk-spiral{max-width:150px;margin:0 auto}
  .srk-kpi div{flex:1 1 50%;border-right:0;border-bottom:1px dashed var(--srk-thread);padding:12px 8px}
  .srk-kpi__num{font-size:27px}
  .srk-grid{grid-template-columns:1fr}
  .srk-sec{padding:24px 18px 18px;border-radius:40px/22px}
  .srk-sec h2{font-size:29px}
  .srk-reel li{grid-template-columns:1fr 46px;row-gap:4px}
  .srk-reel__bar{grid-column:1 / -1}
  .srk-cta{display:block;text-align:center}
}