/* plinkoplay.biz — шаблон batik: восковая роспись, кракелюр, медальоны орнамента
   индиго #1f3352 · воск #efe4c8 · марена #9c3a2e · Oranienbaum + Brygada 1918 */

:root{
  --btk-indigo:#1f3352;
  --btk-indigo-deep:#152340;
  --btk-indigo-ink:#0e1830;
  --btk-wax:#efe4c8;
  --btk-wax-soft:#f7f0de;
  --btk-madder:#9c3a2e;
  --btk-madder-lit:#c05442;
  --btk-crack:rgba(31,51,82,.28);
  --btk-line:rgba(31,51,82,.22);
  --btk-shell:1180px;
}

*{box-sizing:border-box}

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

body{
  margin:0;
  background:
    radial-gradient(circle at 12% 4%, rgba(156,58,46,.20), transparent 46%),
    radial-gradient(circle at 88% 22%, rgba(239,228,200,.10), transparent 40%),
    var(--btk-indigo-ink);
  color:var(--btk-wax);
  font-family:"Brygada 1918", Georgia, "Times New Roman", serif;
  font-size:17px;
  line-height:1.72;
}

h1,h2,h3,.btk-num,.btk-medal__val,.btk-stamp{
  font-family:"Oranienbaum", "Playfair Display", Georgia, serif;
  font-weight:400;
  letter-spacing:.01em;
}

a{color:var(--btk-madder-lit);text-decoration:none;border-bottom:1px dotted currentColor}
a:hover{color:var(--btk-wax)}

/* ——— полотно: кракелюр поверх всего ——— */
.btk-canvas{
  position:relative;
  max-width:var(--btk-shell);
  margin:0 auto;
  padding:0 20px 64px;
}
.btk-canvas::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='c'><feTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='4'/><feColorMatrix values='0 0 0 0 0.12 0 0 0 0 0.20 0 0 0 0 0.32 0 0 0 -1.6 1.1'/></filter><rect width='260' height='260' filter='url(%23c)'/></svg>");
  mix-blend-mode:soft-light;
}

/* ——— шапка-кайма ——— */
.btk-top{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:14px 22px;
  padding:22px 0 16px;
  border-bottom:3px double var(--btk-madder);
}
.btk-top__mark{
  font-family:"Oranienbaum", Georgia, serif;
  font-size:27px;
  letter-spacing:.06em;
  color:var(--btk-wax);
}
.btk-top__mark span{color:var(--btk-madder-lit)}
.btk-top__note{font-size:14px;color:rgba(239,228,200,.62);letter-spacing:.03em}

/* ——— hero: асимметрия 7/5 ——— */
.btk-hero{
  display:grid;
  grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:34px;
  padding:38px 0 30px;
  align-items:start;
}
.btk-hero h1{
  margin:0 0 16px;
  font-size:clamp(30px,4.4vw,50px);
  line-height:1.14;
  color:var(--btk-wax-soft);
}
.btk-hero h1 em{font-style:normal;color:var(--btk-madder-lit)}
.btk-lede{margin:0 0 14px;font-size:18.5px;color:rgba(239,228,200,.93)}
.btk-lede--second{font-size:17px;color:rgba(239,228,200,.78)}

/* медальон-плашка справа */
.btk-medallion{
  border:2px solid var(--btk-madder);
  border-radius:50% 12px 50% 12px;
  padding:26px 24px;
  background:
    repeating-linear-gradient(118deg, rgba(239,228,200,.06) 0 2px, transparent 2px 9px),
    var(--btk-indigo);
  box-shadow:inset 0 0 0 7px rgba(239,228,200,.07);
}
.btk-medallion__title{
  margin:0 0 12px;
  font-family:"Oranienbaum",Georgia,serif;
  font-size:21px;
  line-height:1.25;
  color:var(--btk-wax-soft);
}
.btk-medallion dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:7px 12px;font-size:15.5px}
.btk-medallion dt{color:rgba(239,228,200,.6)}
.btk-medallion dd{margin:0;text-align:right;color:var(--btk-wax-soft)}

/* ——— KPI: пять медальонов орнамента ——— */
.btk-kpi{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
  margin:6px 0 30px;
}
.btk-medal{
  position:relative;
  text-align:center;
  padding:20px 10px 16px;
  background:var(--btk-wax);
  color:var(--btk-indigo);
  border-radius:44% 44% 8px 8px;
  border:1px solid rgba(21,35,64,.35);
  box-shadow:inset 0 0 0 4px rgba(31,51,82,.10), 0 6px 0 rgba(0,0,0,.18);
}
.btk-medal::after{
  content:"";
  position:absolute;
  left:12px;right:12px;bottom:7px;
  height:3px;
  background:repeating-linear-gradient(90deg,var(--btk-madder) 0 4px,transparent 4px 9px);
  opacity:.65;
}
.btk-medal__val{display:block;font-size:25px;line-height:1.1;color:var(--btk-indigo-deep)}
.btk-medal__cap{display:block;margin-top:5px;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;color:rgba(21,35,64,.72)}

/* ——— кнопки ——— */
.btk-cta{
  display:inline-block;
  margin-top:6px;
  padding:14px 30px;
  background:var(--btk-madder);
  color:var(--btk-wax-soft);
  border:0;
  border-bottom:4px solid rgba(0,0,0,.35);
  border-radius:26px 6px 26px 6px;
  font-family:"Oranienbaum",Georgia,serif;
  font-size:19px;
  letter-spacing:.04em;
}
.btk-cta:hover{background:var(--btk-madder-lit);color:#fff}
.btk-cta--wide{display:block;text-align:center;margin:18px auto 0;max-width:460px}

/* ——— секции: отрезы ткани с кракелюром ——— */
.btk-cut{
  position:relative;
  margin:26px 0;
  padding:28px 30px 24px;
  background:var(--btk-wax);
  color:#25211a;
  border-radius:4px 22px 4px 22px;
  box-shadow:inset 0 0 0 1px rgba(31,51,82,.35), inset 0 0 0 8px rgba(239,228,200,1), inset 0 0 0 9px rgba(156,58,46,.45);
}
.btk-cut::before{
  content:"";
  position:absolute;inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:.5;
  background-image:
    repeating-linear-gradient(64deg, var(--btk-crack) 0 1px, transparent 1px 38px),
    repeating-linear-gradient(-27deg, var(--btk-crack) 0 1px, transparent 1px 53px),
    repeating-linear-gradient(7deg, rgba(156,58,46,.12) 0 1px, transparent 1px 91px);
}
.btk-cut > *{position:relative}
.btk-cut--dark{
  background:var(--btk-indigo);
  color:var(--btk-wax);
  box-shadow:inset 0 0 0 1px rgba(239,228,200,.4), inset 0 0 0 8px var(--btk-indigo), inset 0 0 0 9px rgba(239,228,200,.25);
}
.btk-cut--dark h2,.btk-cut--dark h3{color:var(--btk-wax-soft)}
.btk-cut--dark h2{border-color:rgba(239,228,200,.4)}

.btk-cut h2{
  counter-increment:btkcut;
  margin:0 0 16px;
  padding:0 0 10px 54px;
  font-size:clamp(23px,2.9vw,31px);
  line-height:1.2;
  color:var(--btk-indigo-deep);
  border-bottom:1px solid var(--btk-line);
}
.btk-cut h2::before{
  content:counter(btkcut,decimal-leading-zero);
  position:absolute;
  left:0;
  width:38px;height:38px;
  margin-top:-2px;
  display:grid;place-items:center;
  font-size:15px;
  color:var(--btk-wax-soft);
  background:var(--btk-madder);
  border-radius:50% 50% 50% 4px;
  box-shadow:0 0 0 3px rgba(156,58,46,.22);
}
body{counter-reset:btkcut}

.btk-cut h3{
  margin:22px 0 8px;
  font-size:20px;
  color:var(--btk-madder);
}
.btk-cut--dark h3{color:var(--btk-madder-lit)}
.btk-cut p{margin:0 0 12px}
.btk-cut ul{margin:0 0 14px;padding-left:0;list-style:none}
.btk-cut li{position:relative;padding-left:24px;margin-bottom:8px}
.btk-cut li::before{
  content:"";
  position:absolute;left:0;top:11px;
  width:11px;height:11px;
  background:var(--btk-madder);
  transform:rotate(45deg);
  opacity:.8;
}

.btk-em{color:var(--btk-madder);letter-spacing:.01em}
.btk-cut--dark .btk-em{color:var(--btk-madder-lit)}
.btk-fig{font-family:"Oranienbaum",Georgia,serif;font-size:1.06em;color:var(--btk-indigo-deep)}
.btk-cut--dark .btk-fig{color:var(--btk-wax-soft)}

/* ——— таблицы ——— */
.btk-scroll{overflow-x:auto;margin:14px 0 16px;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:15.5px}
caption{
  caption-side:top;
  text-align:left;
  padding:0 0 9px;
  font-size:14px;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--btk-madder);
}
th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--btk-line)}
thead th{
  background:var(--btk-indigo);
  color:var(--btk-wax-soft);
  font-family:"Oranienbaum",Georgia,serif;
  font-weight:400;
  font-size:15px;
  letter-spacing:.03em;
}
tbody tr:nth-child(even){background:rgba(31,51,82,.07)}
.btk-cut--dark tbody tr:nth-child(even){background:rgba(239,228,200,.07)}
.btk-cut--dark th,.btk-cut--dark td{border-color:rgba(239,228,200,.22)}
.btk-cut--dark thead th{background:var(--btk-wax);color:var(--btk-indigo-deep)}

/* ——— ступени клуба лентой ——— */
.btk-ladder{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:16px 0 8px}
.btk-rung{
  padding:14px 10px;
  text-align:center;
  background:rgba(31,51,82,.08);
  border:1px solid var(--btk-line);
  border-radius:50% 4px 50% 4px;
}
.btk-cut--dark .btk-rung{background:rgba(239,228,200,.08);border-color:rgba(239,228,200,.3)}
.btk-rung__name{display:block;font-family:"Oranienbaum",Georgia,serif;font-size:17px;color:var(--btk-madder)}
.btk-cut--dark .btk-rung__name{color:var(--btk-madder-lit)}
.btk-rung__pct{display:block;margin-top:4px;font-size:22px;font-family:"Oranienbaum",Georgia,serif}

/* ——— сетка риска ——— */
.btk-risk{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}
.btk-risk__card{
  padding:16px 16px 12px;
  border:1px dashed var(--btk-madder);
  border-radius:18px 4px 18px 4px;
  background:rgba(239,228,200,.06);
}
.btk-risk__card h3{margin:0 0 6px}

/* ——— отзыв ——— */
.btk-voice{
  margin:18px 0 6px;
  padding:18px 22px;
  border-left:6px solid var(--btk-madder);
  background:rgba(31,51,82,.08);
  border-radius:0 18px 18px 0;
  font-size:16.5px;
}
.btk-cut--dark .btk-voice{background:rgba(239,228,200,.08)}
.btk-voice__who{display:block;margin-top:9px;font-size:14px;color:var(--btk-madder);letter-spacing:.03em}

/* ——— FAQ ——— */
details{
  margin:0 0 9px;
  padding:12px 16px;
  background:rgba(31,51,82,.07);
  border:1px solid var(--btk-line);
  border-radius:4px 16px 4px 16px;
}
summary{
  cursor:pointer;
  font-family:"Oranienbaum",Georgia,serif;
  font-size:18px;
  color:var(--btk-indigo-deep);
  list-style:none;
}
summary::-webkit-details-marker{display:none}
summary::before{content:"◈ ";color:var(--btk-madder)}
details[open] summary{color:var(--btk-madder)}
details p{margin:10px 0 2px;font-size:16px}

/* ——— сводка источников ——— */
.btk-ledger{
  margin:26px 0;
  padding:24px 28px;
  border:2px dashed rgba(239,228,200,.42);
  border-radius:26px 6px 26px 6px;
  background:rgba(31,51,82,.5);
}
.btk-ledger h2{
  margin:0 0 12px;
  font-size:24px;
  color:var(--btk-wax-soft);
  padding:0;
  border:0;
}
.btk-ledger h2::before{display:none}
.btk-ledger ul{list-style:none;margin:0 0 6px;padding:0}
.btk-ledger li{padding-left:22px;position:relative;margin-bottom:7px;font-size:15.5px;color:rgba(239,228,200,.9)}
.btk-ledger li::before{content:"·";position:absolute;left:6px;color:var(--btk-madder-lit);font-size:22px;line-height:1}

/* ——— подвал ——— */
.btk-foot{
  margin-top:30px;
  padding:26px 0 8px;
  border-top:3px double var(--btk-madder);
  font-size:14.5px;
  color:rgba(239,228,200,.72);
}
.btk-foot p{margin:0 0 9px}
.btk-foot__age{
  display:inline-block;
  margin-top:8px;
  padding:9px 16px;
  background:rgba(156,58,46,.2);
  border:1px solid var(--btk-madder);
  border-radius:20px 4px 20px 4px;
  color:var(--btk-wax-soft);
  letter-spacing:.02em;
}

@media (max-width:980px){
  .btk-hero{grid-template-columns:1fr}
  .btk-kpi{grid-template-columns:repeat(3,1fr)}
  .btk-ladder{grid-template-columns:repeat(3,1fr)}
  .btk-risk{grid-template-columns:1fr}
}

@media (max-width:640px){
  body{font-size:16px;line-height:1.68}
  .btk-canvas{padding:0 14px 44px}
  .btk-kpi{grid-template-columns:repeat(2,1fr);gap:10px}
  .btk-ladder{grid-template-columns:repeat(2,1fr)}
  .btk-cut{padding:22px 16px 18px;border-radius:3px 14px 3px 14px}
  .btk-cut h2{padding-left:44px;font-size:22px}
  .btk-cut h2::before{left:0;width:32px;height:32px;font-size:13px}
  .btk-ledger{padding:18px 16px}
  .btk-medallion{border-radius:22px 8px 22px 8px;padding:20px 16px}
  .btk-medallion dl{grid-template-columns:1fr;gap:3px 0}
  .btk-medallion dd{text-align:left;margin-bottom:6px}
  .btk-cta{width:100%;text-align:center;padding:13px 18px}
  .btk-voice{padding:14px 14px 14px 16px}
  table{min-width:520px}
}