.lotsen-overview { color: #203442; font: 16px/1.6 system-ui, sans-serif; }
.lotsen-overview, .lotsen-overview * { box-sizing: border-box; }
.lotsen-intro { max-width: 850px; margin-bottom: 2rem; }
.lotsen-intro h1 { margin: .5rem 0 1rem; font-size: clamp(1.8rem, 4vw, 2.65rem); line-height: 1.2; color: #203442; }
.lotsen-eyebrow { margin: 0; font-size: .85rem; font-weight: 750; color: #42644d; letter-spacing: .06em; }
.lotsen-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.lotsen-card { min-width: 0; padding: 1.4rem; border: 1px solid #d9e2e7; border-top: 5px solid var(--lotse-color); border-radius: 16px; background: #fff; box-shadow: 0 4px 18px #20344208; }
.lotsen-card.is-current { outline: 2px solid var(--lotse-color); outline-offset: 3px; }
.lotsen-card-heading { display: flex; gap: 1rem; align-items: center; margin-bottom: 1rem; }
.lotsen-card-heading img { flex: 0 0 76px; width: 76px; height: 76px; object-fit: contain; }
.lotsen-card h2 { margin: 0; color: #203442; font-size: 1.3rem; }
.lotsen-current { display: inline-block; margin-top: .35rem; padding: .1rem .6rem; border-radius: 20px; background: #edf4ee; color: #275237; font-size: .8rem; font-weight: 700; }
.lotsen-copy { min-height: 3.2em; margin: 0 0 1rem; }
.lotsen-poster { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: #edf2f5; border-radius: 9px; }
.lotsen-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem; margin-top: 1rem; }
.lotsen-site, .lotsen-load { display: inline-block; padding: .65rem .95rem; background: var(--lotse-color); border: 0; border-radius: 7px; color: #fff !important; font: inherit; font-weight: 650; text-decoration: none; cursor: pointer; }
.lotsen-site:hover, .lotsen-load:hover { filter: brightness(.9); }
.lotsen-video { margin-top: 1rem; border-top: 1px solid #e0e7eb; padding-top: .8rem; }
.lotsen-video summary { cursor: pointer; font-weight: 700; color: var(--lotse-color); }
.lotsen-notice { margin-top: .8rem; font-size: .9rem; color: #526570; }
.lotsen-video iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; margin-top: 1rem; border-radius: 9px; }
.lotsen-reset { background: transparent; color: #40596a; border: 1px solid #aabac5; padding: .4rem .7rem; border-radius: 5px; margin-top: .6rem; cursor: pointer; font: inherit; font-size: .85rem; }
.lotsen-channel { margin-top: 2rem; padding: 1.2rem 1.4rem; background: #edf4f8; border-radius: 12px; }
.lotsen-channel p { margin: .35rem 0; }
.lotsen-overview a:focus-visible, .lotsen-overview button:focus-visible, .lotsen-overview summary:focus-visible { outline: 3px solid #1766b5; outline-offset: 4px; }
.lotsen-overview [hidden] { display: none !important; }
@media (max-width: 700px) { .lotsen-grid { grid-template-columns: 1fr; } .lotsen-copy { min-height: 0; } .lotsen-card { padding: 1.1rem; } }
.visually-hidden-lotse { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }