.kod-wp-widget {
    --kod-wp-accent: #485fd0;
    --kod-wp-text: #26324b;
    --kod-wp-muted: #637086;
    --kod-wp-border: #e0e5ef;
    --kod-wp-surface: #f6f8fc;
    box-sizing: border-box;
    color: var(--kod-wp-text);
    font: inherit;
    line-height: 1.5;
    margin-block: 1.5rem;
    max-width: 100%;
    text-align: left;
    width: 100%;
}
.kod-wp-widget *, .kod-wp-widget *::before, .kod-wp-widget *::after { box-sizing: border-box; }
.kod-wp-widget [hidden] { display: none !important; }
.kod-wp-widget a { color: var(--kod-wp-accent); text-decoration: underline; text-underline-offset: .2em; }
.kod-wp-widget a:hover { color: #30459f; }
.kod-wp-widget button, .kod-wp-widget input, .kod-wp-widget select { font: inherit; }
.kod-wp-widget button { cursor: pointer; text-transform: none; letter-spacing: normal; }
.kod-wp-widget button:disabled { cursor: default; }
.kod-wp-widget :is(a, button, input, select, summary):focus-visible { outline: 3px solid var(--kod-wp-accent); outline-offset: 3px; }
.kod-wp-widget .kod-wp-content { display: grid; gap: 2rem; width: 100%; }
.kod-wp-widget .kod-wp-playback { min-width: 0; }
.kod-wp-widget .kod-wp-player-stage { background: #000; border-radius: 14px; overflow: hidden; width: 100%; }
.kod-wp-widget .kod-wp-video { aspect-ratio: 16 / 9; display: block; width: 100%; }
.kod-wp-widget .kod-videojs10-player { margin: 0; max-width: 100%; width: 100%; }
.kod-wp-widget .kod-wp-video-title { color: var(--kod-wp-text); font-size: 1.4em; font-weight: 700; line-height: 1.3; margin: 0 0 .35rem; }
.kod-wp-widget .kod-wp-video-date { color: var(--kod-wp-muted); font-size: .9em; margin: 0 0 1rem; }
.kod-wp-widget .kod-wp-service-details { background: var(--kod-wp-surface); border: 1px solid var(--kod-wp-border); border-radius: 12px; margin-block: 1rem; padding: .9rem 1rem; }
.kod-wp-widget .kod-wp-service-details summary { cursor: pointer; font-weight: 600; }
.kod-wp-widget .kod-wp-detail-list { display: grid; gap: .6rem 1rem; grid-template-columns: minmax(7rem, 1fr) 3fr; margin: 1rem 0 .2rem; }
.kod-wp-widget .kod-wp-detail-list dt { font-weight: 600; margin: 0; }
.kod-wp-widget .kod-wp-detail-list dd { margin: 0; overflow-wrap: anywhere; white-space: pre-line; }
.kod-wp-widget .kod-wp-toolbar { align-items: center; display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; margin-bottom: 1.25rem; }
.kod-wp-widget .kod-wp-catalog-title { color: var(--kod-wp-text); font-size: 1.3em; font-weight: 700; line-height: 1.3; margin: 0; }
.kod-wp-widget .kod-wp-search { align-items: end; display: flex; flex: 1 1 100%; flex-wrap: wrap; gap: .75rem; margin: 0; max-width: 100%; width: 100%; }
.kod-wp-widget .kod-wp-filter-field select, .kod-wp-widget .kod-wp-search-input { appearance: auto; background: #fff; border: 1px solid var(--kod-wp-border); border-radius: 9px; color: var(--kod-wp-text); font-size: 16px; height: auto; line-height: 1.4; margin: 0; min-width: 0; padding: .65rem .85rem; width: 100%; }
.kod-wp-widget .kod-wp-search-button, .kod-wp-widget .kod-wp-page-button { background: #fff; border: 1px solid var(--kod-wp-border); border-radius: 9px; color: var(--kod-wp-text); flex: 0 0 auto; font-size: .88em; font-weight: 600; line-height: 1.4; margin: 0; padding: .65rem .9rem; }
.kod-wp-widget .kod-wp-filter-field { display: grid; flex: 1 1 115px; gap: .35rem; min-width: 0; }
.kod-wp-widget .kod-wp-filter-search { flex-basis: 190px; }
.kod-wp-widget .kod-wp-filter-field > .nice-select { float: none; min-width: 0; width: 100%; }
.kod-wp-widget .kod-wp-filter-field > .nice-select .list { max-height: 18rem; overflow-y: auto; width: 100%; }
.kod-wp-widget .kod-wp-filter-field > .nice-select .current { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kod-wp-widget .kod-wp-native-filter select { display: block !important; }
.kod-wp-widget .kod-wp-filter-field label { color: var(--kod-wp-muted); font-size: .8em; font-weight: 600; line-height: 1.4; margin: 0; }
.kod-wp-widget .kod-wp-filter-field select:disabled { background: var(--kod-wp-surface); color: var(--kod-wp-muted); }
.kod-wp-widget .kod-wp-filter-actions { align-items: center; display: flex; flex: 0 0 auto; gap: .7rem; }
.kod-wp-widget .kod-wp-filter-reset { appearance: none; background: transparent; border: 0; color: var(--kod-wp-muted); font-size: .8em; line-height: 1.4; margin: 0; padding: .65rem 0; text-decoration: underline; text-underline-offset: .2em; }
.kod-wp-widget .kod-wp-search-button { background: var(--kod-wp-accent); border-color: var(--kod-wp-accent); color: #fff; }
.kod-wp-widget .kod-wp-search-button:hover { background: #30459f; }
.kod-wp-widget .kod-wp-page-button:hover:enabled { border-color: var(--kod-wp-accent); color: var(--kod-wp-accent); }
.kod-wp-widget .kod-wp-page-button:disabled { color: #9da7b7; background: var(--kod-wp-surface); }
.kod-wp-widget .kod-wp-video-grid { display: grid; gap: 1.1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); width: 100%; }
.kod-wp-widget .kod-wp-video-card { appearance: none; background: #fff; border: 1px solid var(--kod-wp-border); border-radius: 13px; color: var(--kod-wp-text); display: flex; flex-direction: column; font-size: 1em; font-weight: 400; line-height: 1.5; margin: 0; min-width: 0; overflow: hidden; padding: 0; text-align: left; transition: border-color .15s, box-shadow .15s; width: 100%; }
.kod-wp-widget .kod-wp-video-card:hover:enabled { border-color: #a6b2ec; box-shadow: 0 5px 18px #26324b0c; }
.kod-wp-widget .kod-wp-video-card[aria-pressed="true"] { border-color: var(--kod-wp-accent); box-shadow: 0 0 0 1px var(--kod-wp-accent); }
.kod-wp-widget .kod-wp-video-card:disabled { opacity: .7; }
.kod-wp-widget .kod-wp-thumbnail { aspect-ratio: 16 / 9; background: #e9edf5; display: block; overflow: hidden; position: relative; width: 100%; }
.kod-wp-widget .kod-wp-thumbnail img { border: 0; display: block; height: 100%; margin: 0; object-fit: cover; width: 100%; }
.kod-wp-widget .kod-wp-video-card-body { display: flex; flex: 1; flex-direction: column; gap: .45rem; padding: 1rem; width: 100%; }
.kod-wp-widget .kod-wp-card-title { font-weight: 700; line-height: 1.4; overflow-wrap: anywhere; }
.kod-wp-widget .kod-wp-card-date { color: var(--kod-wp-muted); font-size: .82em; }
.kod-wp-widget .kod-wp-card-action { color: var(--kod-wp-accent); font-size: .85em; font-weight: 600; margin-top: auto; padding-top: .35rem; }
.kod-wp-widget .kod-wp-video-card:disabled .kod-wp-card-action { color: var(--kod-wp-muted); }
.kod-wp-widget .kod-wp-pagination { align-items: center; display: flex; flex-wrap: wrap; gap: .7rem; justify-content: center; margin: 1.5rem 0 0; }
.kod-wp-widget .kod-wp-page-status { color: var(--kod-wp-muted); font-size: .86em; padding-inline: .25rem; }
.kod-wp-widget .kod-wp-notice { background: var(--kod-wp-surface); border: 1px solid var(--kod-wp-border); border-radius: 12px; font-size: .94em; margin: 0 0 1rem; padding: 1rem 1.15rem; }
.kod-wp-widget .kod-wp-notice p { margin: 0; }
.kod-wp-widget .kod-wp-notice .kod-wp-page-button, .kod-wp-widget .kod-wp-notice .kod-wp-access-link { display: inline-block; margin-top: .7rem; }
.kod-wp-widget .kod-wp-notice[data-error="true"] { background: #fff7ee; border-color: #f1d8b7; color: #724e1b; }
.kod-wp-widget .kod-wp-live { background: #000; border-radius: 14px; overflow: hidden; width: 100%; }
.kod-wp-widget .kod-wp-live-frame { aspect-ratio: 16 / 9; border: 0; display: block; height: auto; margin: 0; max-width: 100%; width: 100%; }
.kod-wp-widget .kod-wp-live-details { background: #fff; border: 1px solid var(--kod-wp-border); border-radius: 13px; margin-block: 1.2rem; padding: 1.25rem 1.4rem; }
.kod-wp-widget .kod-wp-live-details-header { display: grid; gap: .35rem; }
.kod-wp-widget .kod-wp-live-details-label { color: var(--kod-wp-accent); font-size: .75em; font-weight: 700; letter-spacing: .06em; line-height: 1.4; margin: 0; text-transform: uppercase; }
.kod-wp-widget .kod-wp-live-details-title { color: var(--kod-wp-text); font-size: 1.25em; font-weight: 700; line-height: 1.35; margin: 0; overflow-wrap: anywhere; }
.kod-wp-widget .kod-wp-live-details-date { color: var(--kod-wp-muted); font-size: .86em; line-height: 1.5; }
.kod-wp-widget .kod-wp-live-details .kod-wp-detail-list { border-top: 1px solid var(--kod-wp-border); gap: .75rem 1rem; margin-top: 1.1rem; padding-top: 1.1rem; }
.kod-wp-widget .kod-wp-fallback { font-size: .9em; margin-top: .85rem; }
.kod-wp-widget .kod-wp-screen-reader { border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; }
@media (max-width: 520px) {
    .kod-wp-widget .kod-wp-search { flex-basis: 100%; }
    .kod-wp-widget .kod-wp-detail-list { gap: .2rem; grid-template-columns: 1fr; }
    .kod-wp-widget .kod-wp-detail-list dd { margin-bottom: .65rem; }
    .kod-wp-widget .kod-wp-video-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    .kod-wp-widget .kod-wp-video-card { transition: none; }
}