/* KO brand assets are intentionally preserved as the visual focal point.
   This layer is loaded after ko.css and shares its palette and component tokens. */
.komark{width:40px;height:40px;object-fit:contain;display:block;border-radius:50%;flex:0 0 auto}
.kobanner{position:relative;margin:0;overflow:hidden;border:1px solid #354321;border-radius:var(--radius);background:var(--panel);line-height:0}
.kobanner picture,.kobanner img{display:block;width:100%;height:auto}
.hero-lite{min-height:0}
.hero-lite .rank-meta .kicker{display:block;margin-bottom:9px}
.hero-lite .rank-meta .sub{line-height:1.6;font-size:11px!important}
.ca-copy{margin:8px 0 0 8px;background:transparent;color:var(--accent);border:1px solid #485d26;border-radius:100px;padding:6px 12px;font-size:10px;font-family:inherit;cursor:pointer;vertical-align:middle}
.ca-copy:hover{background:var(--accent);color:var(--accent-ink)}
.pitch .ca+.ca{margin-left:8px}
.cta-guest{text-decoration:none}
.cta-row{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:12px}
.cta-hint{color:var(--faint);font-size:10px;line-height:1.7;text-align:center}
@media(max-width:600px){.komark{width:37px;height:37px}.kobanner{border-radius:13px}.pitch .ca+.ca{margin-left:0}}