/* Shared Kong Journal strips: approved identity, distinct advertising and editorial roles. */
.kj-body .kb-strip{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:center;background:#151913;color:#f0eee6;padding:18px 22px;margin:36px 0;border-left:5px solid #ed392a;isolation:isolate;overflow:hidden}
.kj-body .kb-strip::after{content:"";position:absolute;right:-42px;bottom:-68px;width:190px;height:240px;transform:rotate(25deg);background:repeating-linear-gradient(90deg,transparent 0 18px,#ffffff07 18px 30px);z-index:-1;pointer-events:none}
.kj-body .kb-visual{position:relative;min-width:0;display:grid;place-items:center;height:112px}
.kj-body .kb-visual img,.kj-body .kb-visual video{display:block;width:100%;height:100%;object-fit:contain}
.kj-body .kb-visual video{position:absolute;inset:0}
.kj-body .kb-visual .kb-mascot{height:118px;width:auto;max-width:100%;filter:drop-shadow(0 5px 6px #0008)}
.kj-body .kb-strip .kb-label{margin:0 0 7px;font:700 9px/1.5 Arial,sans-serif;letter-spacing:.16em;color:#ff9987;text-transform:uppercase}
.kj-body .kb-strip .kb-title{display:block;font:800 clamp(22px,2.3vw,29px)/1.05 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:.015em;color:#fff;margin:0 0 8px}
.kj-body .kb-strip .kb-copy{font:13px/1.6 Arial,sans-serif;color:#d3d8ca;margin:0 0 12px;max-width:46ch}
.kj-body .kb-strip a.kb-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 15px;background:#ee392a;color:#fff;font:700 12px/1.4 Arial,sans-serif;letter-spacing:.025em;text-decoration:none;border:1px solid #ff7665}
.kj-body .kb-strip a.kb-link:hover{background:#c9261b}.kj-body .kb-strip a:focus-visible,.kb-motion:focus-visible{outline:3px solid #ffcf47;outline-offset:4px}
.kb-motion{position:absolute;bottom:0;left:4px;z-index:2;background:#0b0d0beb;border:1px solid #ffffff80;color:#fff;min-height:28px;padding:4px 7px;cursor:pointer;font:10px/1.4 Arial,sans-serif}
.kj-body .kb-break{background:#242c21;border-left-color:#b6c19e}.kj-body .kb-break .kb-label{color:#c4d7ac}.kj-body .kb-break .kb-copy{margin-bottom:0}
.kj-body .kb-break--repair{background:#231a18;border-left-color:#e96b38}.kj-body .kb-break--repair .kb-label{color:#ffb28d}
.kb-credit{display:block;position:absolute;bottom:-7px;left:0;right:0;font:8px/1.3 Arial,sans-serif;color:#d6daca;text-align:center}
@media(max-width:760px){.kj-body .kb-strip{grid-template-columns:86px minmax(0,1fr);gap:14px;padding:18px 15px;margin:30px 0;border-left-width:4px}.kj-body .kb-visual{height:100px}.kj-body .kb-visual .kb-mascot{height:102px}.kj-body .kb-strip .kb-title{font-size:23px}.kj-body .kb-strip .kb-copy{font-size:12px;line-height:1.55}.kj-body .kb-strip .kb-label{font-size:8px;letter-spacing:.1em}.kj-body .kb-strip a.kb-link{width:100%;padding:10px;min-height:44px;font-size:11px}.kb-motion{left:0;bottom:0;font-size:9px;padding:4px}.kb-credit{font-size:7px;bottom:-5px}}
@media(prefers-reduced-motion:reduce){.kb-visual video{display:none!important}}
.kj-body .kb-strip{scroll-margin-top:120px}
.kj-body .kb-ad{grid-template-columns:110px minmax(0,1fr);padding:14px 18px;gap:18px}
.kj-body .kb-ad .kb-visual{height:92px}
.kj-body .kb-ad>div:last-child{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 18px;align-items:center}
.kj-body .kb-ad .kb-label{grid-column:1;margin:0}
.kj-body .kb-ad .kb-title{grid-column:1;font-size:24px;margin:2px 0 4px}
.kj-body .kb-ad .kb-title br{display:none}
.kj-body .kb-ad .kb-title br::after{content:" "}
.kj-body .kb-ad .kb-copy{grid-column:1;font-size:11px;margin:0}
.kj-body .kb-ad .kb-link{grid-column:2;grid-row:1 / 4;white-space:nowrap}
@media(max-width:760px){.kj-body .kb-strip{scroll-margin-top:90px}.kj-body .kb-ad{grid-template-columns:76px minmax(0,1fr);gap:12px;padding:15px 12px}.kj-body .kb-ad>div:last-child{display:block}.kj-body .kb-ad .kb-title{font-size:21px;margin:5px 0 8px}.kj-body .kb-ad .kb-copy{font-size:11px;margin-bottom:10px}.kj-body .kb-ad .kb-visual{height:98px}}

/* Kong leads the keep-the-iron-working brand strip. */
.kj-body .kb-break--kong{background:linear-gradient(110deg,#110f0e,#2d1714);border-left-color:#ee392a}
.kj-body .kb-break--kong .kb-visual{height:140px}
.kj-body .kb-break--kong .kb-mascot{height:148px;max-width:100%;object-fit:contain}
.kj-body .kb-break--kong .kb-label{color:#ff8e7c}
@media(max-width:760px){.kj-body .kb-break--kong .kb-visual{height:118px}.kj-body .kb-break--kong .kb-mascot{height:126px}}

/* A separate merchandise promotion, with honest collection status. */
.kj-body .kb-merch{grid-template-columns:190px minmax(0,1fr);background:#1b1511;border-left-color:#ee392a;padding:0 22px 0 0;gap:24px}
.kj-body .kb-merch .kb-visual{height:190px}
.kj-body .kb-merch .kb-visual img{object-fit:cover;object-position:70% center}
.kj-body .kb-merch>div:last-child{padding:18px 0}
.kj-body .kb-merch .kb-title{font-size:29px}
.kb-merch-note{display:block;margin-top:8px;color:#c9bcb2;font:10px/1.5 Arial,sans-serif}
@media(max-width:760px){.kj-body .kb-merch{grid-template-columns:105px minmax(0,1fr);gap:14px;padding-right:14px}.kj-body .kb-merch .kb-visual{height:100%;min-height:220px}.kj-body .kb-merch .kb-visual img{object-position:58% center}.kj-body .kb-merch .kb-title{font-size:25px}.kj-body .kb-merch .kb-link{font-size:10px;padding:9px 7px}.kb-merch-note{font-size:9px}}

.kj-body .kb-break--kong .kb-face{width:126px;height:126px;max-width:100%;object-fit:contain;filter:drop-shadow(0 5px 6px #0008)}
@media(max-width:760px){.kj-body .kb-break--kong .kb-face{width:86px;height:100px}}
