/* Kast Klub previews: only the parts that live outside the web components. */
.kk #builder,.kk #dashboard{scroll-margin-top:84px}
.kk .pvwrap{padding-block:clamp(20px,3vw,40px)}
.kk kk-builder-preview,.kk kk-dashboard-preview{display:block;min-height:320px}
.kk kk-builder-preview:not(:defined) > *,.kk kk-dashboard-preview:not(:defined) > *{color:#9EA2A2}
.kk .dstrip{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:16px;padding:14px 18px;border:1px solid #2D3238;border-left:5px solid #418FDE;border-radius:14px;background:#17191C;text-decoration:none}
.kk .dstrip:hover{border-color:#418FDE}
.kk .dstrip b{font-family:"Barlow Condensed",sans-serif;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:14px;color:#62A8F5}
.kk .dstrip span.t{flex:1 1 260px;color:#F5F6F8}
.kk .dstrip .sp{display:flex;gap:8px}
.kk .dstrip .sp i{font-style:normal;font-family:"Bebas Neue",sans-serif;font-size:16px;letter-spacing:.08em;padding:0 8px;border-radius:4px;border:2px solid}
.kk .dstrip .sp .l{color:#FF1493;border-color:#FF1493;background:rgba(255,20,147,.1)}
.kk .dstrip .sp .k{color:#C084FC;border-color:#C084FC;background:rgba(192,132,252,.1)}
.kk .dstrip .sp .n{color:#FFE600;border-color:#FFE600;background:rgba(255,230,0,.1)}
.kk .dstrip em{font-style:normal;font-family:"Barlow Condensed",sans-serif;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#F5F6F8}
.kk .pvhow{margin-top:20px}

/* Prop Builder preview (draft Nov 2): static, finished-slate example */
.kk #props{scroll-margin-top:84px}
.kk .pb{max-width:860px;margin:0 auto}
.kk .pb .eyebrow{font-family:"Barlow Condensed",sans-serif;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:14px;color:#62A8F5}
.kk .pb h2{margin:.2em 0 .3em}
.kk .pb .lede{color:#9EA2A2;max-width:62ch}
.kk .pb .slip{margin-top:22px;border:1px solid #2D3238;border-radius:16px;background:#17191C;overflow:hidden}
.kk .pb .slip-h{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;align-items:center;padding:14px 18px;border-bottom:1px solid #2D3238;font-family:"Barlow Condensed",sans-serif;letter-spacing:.1em;text-transform:uppercase;font-weight:700;font-size:14px;color:#9EA2A2}
.kk .pb .slip-h b{color:#F5F6F8}
.kk .pb .leg{display:grid;grid-template-columns:1fr auto;gap:10px 16px;padding:16px 18px;border-bottom:1px solid #2D3238}
.kk .pb .leg:last-of-type{border-bottom:0}
.kk .pb .who{font-weight:700;font-size:18px;color:#F5F6F8}
.kk .pb .who small{display:block;font-weight:400;font-size:13px;color:#9EA2A2;margin-top:2px}
.kk .pb .bet{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:20px;letter-spacing:.04em;color:#F5F6F8;white-space:nowrap}
.kk .pb .dir{display:inline-block;font-size:13px;letter-spacing:.12em;text-transform:uppercase;padding:1px 8px;border-radius:4px;margin-right:6px;border:2px solid}
.kk .pb .dir.o{color:#62A8F5;border-color:#62A8F5}
.kk .pb .dir.u{color:#F5F6F8;border-color:#9EA2A2}
.kk .pb .stamp{font-family:"Bebas Neue",sans-serif;font-size:20px;letter-spacing:.08em;padding:0 10px;border-radius:4px;border:2px solid;justify-self:end;align-self:start}
.kk .pb .stamp.l{color:#FF1493;border-color:#FF1493;background:rgba(255,20,147,.1)}
.kk .pb .stamp.k{color:#C084FC;border-color:#C084FC;background:rgba(192,132,252,.1)}
.kk .pb .stamp.n{color:#FFE600;border-color:#FFE600;background:rgba(255,230,0,.1)}
.kk .pb .meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
.kk .pb .chip{font-size:13px;padding:3px 10px;border-radius:999px;border:1px solid #2D3238;color:#F5F6F8;background:#0F1115}
.kk .pb .chip.w{border-color:#FFE600}
.kk .pb .chip.t{border-color:#418FDE}
.kk .pb .fin{grid-column:1/-1;font-size:14px;color:#9EA2A2;border-top:1px dashed #2D3238;padding-top:8px}
.kk .pb .fin b{color:#F5F6F8}
.kk .pb .clash{margin:0 18px;padding:12px 14px;border:1px solid #C8102E;border-left:6px solid #C8102E;border-radius:10px;background:rgba(200,16,46,.14);color:#F5F6F8;font-size:15px}
.kk .pb .clash strong{font-family:"Barlow Condensed",sans-serif;letter-spacing:.12em;text-transform:uppercase;display:block;margin-bottom:2px}
.kk .pb .ribbon{padding:12px 18px;background:#0F1115;color:#9EA2A2;font-size:13px;border-top:1px solid #2D3238}
.kk .pb .cta{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:18px}
.kk .pb .cta a.btn{display:inline-block;background:#C8102E;color:#fff;font-weight:700;text-decoration:none;padding:12px 22px;border-radius:999px}
.kk .pb .fine{margin-top:14px;color:#9EA2A2;font-size:13px}
.kk .dstrip.pbstrip{border-left-color:#C8102E}
@media(max-width:560px){.kk .pb .leg{grid-template-columns:1fr}.kk .pb .stamp{justify-self:start;order:-1}}