.kokdam-slot { margin: 20px 0; min-width: 0; }
.kokdam-slot[hidden] { display: none !important; }
.kokdam-home { margin: 0 0 18px; }
.kokdam-banner { box-sizing: border-box; display: grid; grid-template-columns: minmax(0,1fr) minmax(95px,38%); align-items: stretch; overflow: hidden; border: 1px solid #58321f; border-radius: 16px; background: #39231b; color: #fff8eb; text-decoration: none; }
.kokdam-banner:hover, .kokdam-banner:focus-visible { outline: 2px solid #a45524; outline-offset: 2px; }
.kokdam-copy { display: grid; justify-items: start; align-content: center; gap: 6px; padding: clamp(12px,3vw,24px); min-width: 0; }
.kokdam-copy small { color: #ffd48d; font-size: .72rem; font-weight: 750; }
.kokdam-copy strong { font-size: clamp(1.18rem,3.6vw,2rem); line-height: 1.2; letter-spacing: -.03em; word-break: keep-all; }
.kokdam-copy > span { color: #f0ddd0; font-size: .83rem; }
.kokdam-cta { display: inline-flex; align-items: center; justify-content: center; margin-top: 4px; border-radius: 8px; padding: 8px 10px; background: #ffc767; color: #39231b; font-size: .8rem; }
.kokdam-banner:hover .kokdam-cta { background: #ffe2a6; }
.kokdam-photo { display: grid; place-items: center; padding: clamp(7px,1.8vw,17px); background: radial-gradient(circle at 35% 20%,#fffbec,#f9cf8e); }
.kokdam-photo img { display: block; width: 100%; max-width: 190px; height: auto; mix-blend-mode: multiply; }
.kokdam-wing { grid-template-columns: minmax(0,1fr); }
.kokdam-wing .kokdam-photo { grid-row: 1; padding: 10px 12px 4px; }
.kokdam-wing .kokdam-photo img { max-width: 130px; }
.kokdam-wing .kokdam-copy { padding: 10px 12px 12px; }
.kokdam-wing strong { font-size: 1.16rem; }
.kokdam-wing .kokdam-cta { justify-self: stretch; }
.left-wing .kokdam-slot, .trending-rail .kokdam-slot { margin: 0; }
@media (min-width:1320px) { .kokdam-home { display: none; } }