/* DT Rink Story: disciplines spread, measurement sheet, finishes, questions. Tokens in public/dt-rink.css. */
.rk-band{max-width:var(--rk-max);margin:0 auto;padding:72px var(--rk-gutter)}
.rk-disc,.rk-measure,.rk-finish,.rk-faq{box-shadow:0 -1px 0 0 var(--rk-blue);clip-path:inset(-1px -100vmax 0 -100vmax)}
.rk-disc{box-shadow:none;clip-path:none}
.rk-sechead{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:36px}
.rk-sechead h2{margin:0}

/* Disciplines: one large plate, two stacked */
.rk-disc__grid{display:grid;grid-template-columns:minmax(0,56fr) minmax(0,44fr);grid-template-rows:1fr 1fr;gap:28px}
.rk-disc__a{grid-row:1 / span 2}
.rk-disc__a .rk-plate__link{aspect-ratio:auto;height:100%}
.rk-disc__a img{object-position:center 15%}
.rk-disc__b .rk-plate__link,.rk-disc__c .rk-plate__link{aspect-ratio:5/3}
.rk-disc__b img{object-position:center 22%}
.rk-disc__c img{object-position:center 24%}
.rk-plate__title{font-family:var(--rk-display);font-size:24px;line-height:1.1;letter-spacing:-.005em;color:var(--rk-ink)}
.rk-arrow{flex:none;width:22px;height:14px;fill:none;stroke:var(--rk-blue);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s cubic-bezier(.16,1,.3,1)}
.rk-plate--link:hover .rk-arrow{transform:translateX(4px)}

/* Measurement sheet + lane */
.rk-measure__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:center}
.rk-sheet{margin:0;background:#fff;border:1px solid var(--rk-line);padding:28px 20px 12px}
.rk-sheet svg{display:block;width:100%;height:auto}
.rk-sheet__figure path,.rk-sheet__figure circle{fill:none;stroke:var(--rk-ink);stroke-width:1.1;stroke-linejoin:round;stroke-linecap:round}
.rk-sheet__dims path{fill:none;stroke:var(--rk-blue);stroke-width:1;stroke-linecap:round}
.rk-sheet__dims .rk-sheet__torso{stroke-dasharray:3 4}
.rk-sheet__labels text{font-family:var(--rk-text);font-size:13px;fill:var(--rk-blue);letter-spacing:.01em}
.rk-sheet__labels .rk-sheet__note{fill:var(--rk-ink-2);text-anchor:end;font-size:12px}

.rk-measure__copy h2{margin:0 0 18px}
.rk-measure__copy .rk-lede{margin-bottom:28px}
.rk-measure__copy em{font-style:normal;color:var(--rk-blue)}
.rk-lane{list-style:none;margin:0 0 32px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative}
.rk-lane::before{content:"";position:absolute;left:0;right:0;top:6px;height:1px;background:var(--rk-blue)}
.rk-lane__stop{position:relative;padding:28px 20px 0 0}
.rk-lane__tick{position:absolute;top:0;left:0;width:1px;height:13px;background:var(--rk-blue)}
.rk-lane__stop strong{display:block;font-weight:500;font-size:17px;margin-bottom:6px;color:var(--rk-ink)}
.rk-lane__stop p{margin:0;font-size:15px;line-height:1.55;color:var(--rk-ink-2)}
.rk-lane__stop p .rk-num{color:var(--rk-blue);font-size:17px}

/* Finishes: a row of hairline chips */
.rk-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.rk-chips a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--rk-line-strong);border-radius:2px;color:var(--rk-ink);text-decoration:none;font-size:15px;background:#fff;transition:border-color .2s,color .2s}
.rk-chips a:hover{border-color:var(--rk-blue);color:var(--rk-blue)}

/* Questions */
.rk-faq__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,5vw,80px);align-items:start}
.rk-faq__grid h2{margin:0}
.rk-faq__list{border-block-start:1px solid var(--rk-line)}
.rk-faq__item{border-block-end:1px solid var(--rk-line)}
.rk-faq__item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:18px;color:var(--rk-ink);font-weight:500}
.rk-faq__item summary::-webkit-details-marker{display:none}
.rk-faq__item summary::after{content:"";flex:none;width:28px;height:28px;border:1px solid var(--rk-line-strong);border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27%3E%3Cpath d=%27M6 1v10M1 6h10%27 stroke=%27%231E5EA8%27 stroke-width=%271.25%27 stroke-linecap=%27round%27 fill=%27none%27/%3E%3C/svg%3E") center/12px no-repeat;transition:transform .25s cubic-bezier(.16,1,.3,1)}
.rk-faq__item[open] summary::after{transform:rotate(45deg)}
.rk-faq__item p{margin:0 0 22px;max-width:60ch;font-size:16px;line-height:1.6;color:var(--rk-ink-2)}
.rk-faq__item em{font-style:normal;color:var(--rk-blue)}
.rk-faq__item a{color:var(--rk-blue)}

@media (max-width:959px){
  .rk-band{padding:48px var(--rk-gutter)}
  .rk-sechead{margin-bottom:24px}
  .rk-disc__grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:16px}
  .rk-disc__a{grid-column:1 / span 2;grid-row:1}
  .rk-disc__a .rk-plate__link{aspect-ratio:4/5;height:auto}
  .rk-disc__b .rk-plate__link,.rk-disc__c .rk-plate__link{aspect-ratio:4/5}
  .rk-plate__title{font-size:20px}
  .rk-measure__grid{grid-template-columns:1fr;gap:28px}
  .rk-sheet{max-width:420px;margin:0 auto}
  .rk-lane{grid-template-columns:1fr;gap:18px}
  .rk-lane::before{left:6px;right:auto;top:0;bottom:0;width:1px;height:auto}
  .rk-lane__stop{padding:0 0 0 36px}
  .rk-lane__tick{top:8px;left:0;width:13px;height:1px}
  .rk-measure__copy .rk-actions .rk-btn{flex:1 1 100%}
  .rk-faq__grid{grid-template-columns:1fr;gap:16px}
  .rk-faq__grid h2{position:static}
  .rk-faq__item summary{font-size:17px;padding:16px 0}
}