:root{
  --level:#1262eb;
  --level-soft:#edf4ff;
  --level-deep:#0b45a8;
}

body[data-difficulty="easy"]{--level:#238c70;--level-soft:#e8f7f2;--level-deep:#17644f}
body[data-difficulty="medium"]{--level:#1262eb;--level-soft:#edf4ff;--level-deep:#0b45a8}
body[data-difficulty="hard"]{--level:#d96b29;--level-soft:#fff1e7;--level-deep:#9f4314}
body[data-difficulty="expert"]{--level:#7653d6;--level-soft:#f1edff;--level-deep:#4f2ba8}

.difficulty-hero{padding-bottom:42px}
.difficulty-hero .eyebrow{color:var(--level)}
.difficulty-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,430px);gap:58px;align-items:center}
.difficulty-hero h1{max-width:760px}
.difficulty-hero .lead{max-width:650px}
.difficulty-badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}
.difficulty-badges span{padding:8px 11px;border:1px solid color-mix(in srgb,var(--level) 26%,#fff);border-radius:999px;background:var(--level-soft);color:var(--level-deep);font-size:12px;font-weight:800}
.difficulty-hero .button-primary{background:var(--level);box-shadow:0 10px 24px color-mix(in srgb,var(--level) 24%,transparent)}

.board-preview-card{position:relative;padding:18px;border:1px solid color-mix(in srgb,var(--level) 28%,#dfe4ec);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 24px 70px rgba(24,33,54,.12);transform:rotate(1.5deg)}
.board-preview-card:before{content:"";position:absolute;inset:-12px;border:1px solid color-mix(in srgb,var(--level) 18%,transparent);border-radius:30px;z-index:-1;transform:rotate(-3deg)}
.preview-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#737985;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.preview-toolbar b{color:var(--level)}
.difficulty-board{display:grid;grid-template-columns:repeat(9,1fr);aspect-ratio:1;border:3px solid #1c2330;background:#fff}
.difficulty-board span{display:grid;place-items:center;border-right:1px solid #c9ced7;border-bottom:1px solid #c9ced7;color:#1b2230;font-size:clamp(12px,2vw,20px);font-weight:700}
.difficulty-board span:nth-child(9n){border-right:0}
.difficulty-board span:nth-child(n+73){border-bottom:0}
.difficulty-board span:nth-child(9n+3),.difficulty-board span:nth-child(9n+6){border-right:3px solid #1c2330}
.difficulty-board span:nth-child(n+19):nth-child(-n+27),.difficulty-board span:nth-child(n+46):nth-child(-n+54){border-bottom:3px solid #1c2330}
.difficulty-board span:empty{background:color-mix(in srgb,var(--level-soft) 45%,#fff)}
.preview-note{display:flex;justify-content:space-between;margin-top:11px;color:#747b87;font-size:11px}.preview-note strong{color:var(--level-deep)}

.level-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.level-fact{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(24,33,54,.045)}
.level-fact span{display:block;margin-bottom:8px;color:var(--level);font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.level-fact b{display:block;font-size:20px;letter-spacing:-.03em}.level-fact p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.55}

.level-card-accent{background:linear-gradient(145deg,#fff,var(--level-soft));border-color:color-mix(in srgb,var(--level) 20%,#dfe4ec)}
.step-list{display:grid;gap:12px;margin:18px 0 0;padding:0;counter-reset:steps;list-style:none}
.step-list li{position:relative;min-height:52px;padding:4px 0 0 62px;counter-increment:steps}
.step-list li:before{content:counter(steps);position:absolute;left:0;top:0;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--level-soft);color:var(--level-deep);font-weight:900}
.technique-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.technique-grid article{padding:20px;border:1px solid var(--line);border-radius:15px;background:#fff}
.technique-grid h3{margin:0 0 6px;font-size:17px}.technique-grid p{margin:0;font-size:14px}
.related-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}
.related-levels a{padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff;color:#343a45!important;text-decoration:none!important;font-size:13px;font-weight:800;text-align:center}
.related-levels a:hover,.related-levels a[aria-current="page"]{border-color:var(--level);background:var(--level-soft);color:var(--level-deep)!important}
.editorial-note{padding-top:16px;border-top:1px solid var(--line);color:#737985!important;font-size:12px!important}

@media(max-width:920px){
  .difficulty-hero-grid{grid-template-columns:1fr;gap:34px}.board-preview-card{width:min(100%,430px);margin-inline:auto;transform:none}.level-facts{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .difficulty-hero{padding-top:46px}.difficulty-hero-grid{gap:26px}.board-preview-card{padding:13px;border-radius:18px}.difficulty-board span{font-size:clamp(11px,4vw,18px)}.level-facts,.technique-grid{grid-template-columns:1fr}.related-levels{grid-template-columns:1fr 1fr}.level-fact{padding:18px}.difficulty-badges span{font-size:11px}
}