/* R218 — premium, mobile-first Video & Kajian; scoped to prevent regressions. */
:root{--iv-green:#0b4f35;--iv-green-2:#086044;--iv-ink:#19342b;--iv-muted:#62756b;--iv-line:#dce6de;--iv-bg:#f7f9f7;--iv-shadow:0 8px 28px rgba(15,57,41,.045)}
.iv-wrap,.iv-wrap *{box-sizing:border-box}
.iv-wrap{width:min(1110px,calc(100% - 32px));margin:28px auto 68px;color:var(--iv-ink);font:15px/1.58 system-ui,-apple-system,"Segoe UI",sans-serif}
.iv-wrap h1{font:700 clamp(27px,3.7vw,39px)/1.18 Georgia,"Times New Roman",serif;letter-spacing:-.02em;margin:0 0 9px;color:#123e2e}
.iv-wrap h2{font:700 clamp(18px,2.2vw,23px)/1.3 Georgia,serif;margin:0 0 10px;color:#183e30}
.iv-wrap p{margin:0 0 13px}.iv-wrap a{color:var(--iv-green);text-underline-offset:3px}
.iv-wrap button,.iv-wrap select{cursor:pointer}.iv-wrap input,.iv-wrap button,.iv-wrap select,.iv-wrap textarea{font:inherit}
.iv-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:13px;color:var(--iv-muted);margin:0 0 22px}
.iv-crumb a{text-decoration:none;font-weight:550}.iv-pagehead{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}
.iv-pagehead p,.iv-admin-head p{color:var(--iv-muted);margin:0;max-width:62ch}
.iv-back,.iv-action{flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;min-height:40px;padding:9px 14px;text-decoration:none!important;font-weight:650}
.iv-back{background:#edf5ef}.iv-action{background:var(--iv-green);color:#fff!important}
.iv-search{display:grid;grid-template-columns:minmax(0,2fr) minmax(190px,.85fr) auto;align-items:end;gap:10px;border:1px solid var(--iv-line);background:#fff;border-radius:14px;padding:15px;margin:18px 0 14px;box-shadow:var(--iv-shadow)}
.iv-search label,.iv-form label,.iv-category-edit label{display:grid;gap:5px;font-weight:600;font-size:12px;color:#345347}
.iv-wrap input:not([type=checkbox]),.iv-wrap select,.iv-wrap textarea{display:block;min-width:0;max-width:100%;width:100%;background:#fff;color:var(--iv-ink);border:1px solid #cbd9cf;border-radius:9px;padding:10px 12px;outline-offset:2px}
.iv-wrap :is(input,select,textarea,button,a,summary):focus-visible{outline:3px solid #46a779;outline-offset:2px}
.iv-wrap button:not(.iv-launch):not(.iv-chapters button),.iv-wrap .iv-search button{background:var(--iv-green);color:#fff;border:1px solid transparent;padding:10px 15px;border-radius:9px;font-weight:650;min-height:42px}
.iv-wrap button:hover:not(.iv-launch):not(.iv-chapters button),.iv-action:hover{background:var(--iv-green-2)}
.iv-results{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 13px}
.iv-sub,.iv-meta,.iv-muted{color:var(--iv-muted)}.iv-sub{font-size:13px;margin:0!important}.iv-reset{font-size:13px;font-weight:600}
.iv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.iv-grid:has(>.iv-tile:only-child){grid-template-columns:minmax(0,350px)}
.iv-tile{min-width:0;overflow:hidden;border:1px solid var(--iv-line);border-radius:13px;background:#fff;box-shadow:var(--iv-shadow)}
.iv-tile a{display:block;text-decoration:none}.iv-thumb{position:relative;overflow:hidden;aspect-ratio:16/9;background:#e5ebe5}
.iv-thumb img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16/9;transition:transform .22s ease}
.iv-tile:hover .iv-thumb img{transform:scale(1.025)}.iv-playmark{position:absolute;bottom:10px;right:11px;background:rgba(10,33,24,.76);border-radius:9px;padding:4px 9px;color:#fff;font-size:15px}
.iv-tile strong{display:block;padding:12px 12px 0;font-size:15px;line-height:1.38;min-height:2.6em;overflow-wrap:anywhere}
.iv-meta{font-size:12px;line-height:1.45;margin:7px 12px 13px!important;overflow-wrap:anywhere}
.iv-pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:13px;margin:22px 0}.iv-pages a{padding:9px 13px;border:1px solid var(--iv-line);border-radius:9px;text-decoration:none;font-weight:600}
.iv-empty{text-align:center;padding:28px 16px;border:1px dashed #ccd9d0;border-radius:12px;background:#fbfcfa}.iv-empty p{margin:5px 0 0}
.iv-cols{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(220px,.8fr);gap:24px}.iv-main{min-width:0}.iv-main>h1{margin-bottom:8px}.iv-main>.iv-sub{margin-bottom:17px!important}
.iv-player-shell{position:relative;border-radius:14px;overflow:hidden}
.iv-player{position:relative;width:100%;aspect-ratio:16/9;background:#101616;overflow:hidden;border-radius:14px;contain:layout paint}
.iv-player iframe,.iv-launch{width:100%;height:100%;border:0;display:block}.iv-launch{background:#131717!important;position:relative;cursor:pointer;padding:0!important;border-radius:0!important}
.iv-launch img{width:100%;height:100%;object-fit:cover;opacity:.84;display:block}.iv-launch>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#d3252b;color:#fff;padding:12px 18px;border-radius:10px;font-weight:750;white-space:nowrap;box-shadow:0 8px 18px #0006}
/* Only real player errors surface the alternative; normal viewing remains distraction-free. */
.iv-player-fallback[hidden]{display:none!important}
.iv-player-fallback{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;text-align:center;background:#151b19;color:#fff;padding:clamp(12px,3vw,24px)}
.iv-player-fallback-inner{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;max-width:480px}
.iv-player-fallback-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff55;border-radius:50%;font-size:19px}
.iv-player-fallback-message{font:500 clamp(13px,2.6vw,16px)/1.5 system-ui,sans-serif;color:#f6f7f6;margin:0!important}
.iv-player-fallback-link{background:#f7faf7;color:#12412e!important;padding:11px 17px;border-radius:9px;text-decoration:none!important;font:700 13px/1.3 system-ui,sans-serif;white-space:nowrap}
.iv-player-fallback-link:hover{background:#e7f0e8}
.iv-player-fallback-link:focus-visible{outline:3px solid #c3e7d0;outline-offset:4px}
.iv-player-error{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:#181d1b;text-align:center;padding:16px}
.iv-card{border:1px solid var(--iv-line);border-radius:13px;background:#fff;padding:18px;margin:13px 0;box-shadow:var(--iv-shadow);min-width:0}
.iv-about{margin-top:18px}.iv-about p{white-space:normal;overflow-wrap:anywhere;margin:0}.iv-card summary{font-weight:700;cursor:pointer;list-style-position:outside;color:#214b36}
.iv-card[open]>summary{margin-bottom:12px}.iv-card ul,.iv-card ol{margin:6px 0 0;padding-left:21px}.iv-card li{margin:6px 0;overflow-wrap:anywhere}
.iv-chapters{list-style:none;padding:0!important}.iv-chapters button{display:flex;gap:12px;align-items:baseline;text-align:left;width:100%;border:0;background:transparent;color:var(--iv-ink);padding:8px 4px;border-bottom:1px solid var(--iv-line);font:inherit;border-radius:0}.iv-chapters time{color:var(--iv-green);font-variant-numeric:tabular-nums;font-size:12px;font-weight:650;white-space:nowrap}
.iv-related{border-left:1px solid var(--iv-line);padding:5px 0 0 19px;min-width:0}.iv-related h2{font-size:20px;margin-bottom:5px}.iv-related a{display:block;border-bottom:1px solid var(--iv-line);text-decoration:none;font-size:14px;padding:12px 0;overflow-wrap:anywhere}
.iv-admin{background:var(--iv-bg)}.iv-admin-wrap{max-width:1220px}.iv-admin-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}
.iv-admin-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:16px;align-items:start}.iv-admin-primary{min-width:0}.iv-admin-editor{position:sticky;top:14px;margin-top:0}
.iv-card-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.iv-card-heading h2{margin:0 0 14px}.iv-count{font:600 13px system-ui,sans-serif;color:var(--iv-green);background:#eaf5ed;padding:3px 9px;border-radius:15px}
.iv-admin-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:0 0 12px}
.iv-admin-list{border-top:1px solid var(--iv-line)}.iv-admin-item{display:grid;grid-template-columns:24px minmax(110px,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid var(--iv-line);padding:11px 0}
.iv-admin-title{min-width:0}.iv-admin-title strong{font-size:14px;line-height:1.35;display:block;overflow-wrap:anywhere}.iv-admin-title small{font-size:12px;color:var(--iv-muted)}
.iv-admin-actions{display:flex;flex-wrap:wrap;gap:9px}.iv-admin-actions a{font-weight:650;font-size:12px;white-space:nowrap}.iv-status-form{grid-column:2/-1;display:flex;align-items:center;justify-content:flex-end;gap:8px}
.iv-status-form select{width:auto;min-width:108px}.iv-status-form button{padding:7px 10px!important;min-height:38px!important;font-size:12px}.iv-check input{width:17px;height:17px}
.iv-bulk{margin:12px 0 0;display:flex;gap:8px;align-items:end;flex-wrap:wrap}.iv-bulk label{font-size:12px;font-weight:600;display:grid;gap:3px}.iv-bulk select{min-width:120px}
.iv-form{display:grid;gap:13px}.iv-form textarea{resize:vertical;min-height:68px}.iv-form small{color:var(--iv-muted);font-weight:400}.iv-editor-body{padding-top:5px}.iv-form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.iv-form-actions a{font-size:13px}
.iv-accordion-content{display:grid;gap:12px}.iv-category-edit{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(110px,1fr) 78px auto auto;align-items:end;gap:8px;border-top:1px solid var(--iv-line);padding:10px 0}
.iv-inline-check{display:flex!important;flex-direction:row;align-items:center;gap:6px;white-space:nowrap;font-size:12px;font-weight:600}.iv-inline-check input{width:16px;height:16px}
.iv-advanced{border:1px solid var(--iv-line);border-radius:9px;padding:12px}.iv-advanced summary{font-size:13px}.iv-advanced label{display:grid;gap:6px;margin-top:12px}
.iv-note,.iv-error{padding:11px 13px;margin:12px 0;border-radius:10px;border:1px solid #badcc7;background:#effaf3}.iv-error{color:#8b2424;background:#fff1f1;border-color:#e7aaaa}
.iv-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:960px){.iv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.iv-admin-layout{grid-template-columns:minmax(0,1fr)}.iv-admin-editor{position:static}.iv-cols{grid-template-columns:minmax(0,1fr)}.iv-related{border-left:0;padding:12px 0 0;border-top:1px solid var(--iv-line)}}
@media(max-width:620px){.iv-wrap{width:calc(100% - 26px);margin:18px auto 42px;font-size:14px}.iv-pagehead,.iv-admin-head{align-items:flex-start}.iv-back{font-size:12px;min-height:36px;padding:8px 10px}.iv-search{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:12px;gap:9px}.iv-search label:first-child{grid-column:1/-1}.iv-search button{grid-column:1/-1}.iv-grid{grid-template-columns:1fr;gap:12px}.iv-tile strong{padding:10px 10px 0;font-size:13px}.iv-meta{margin:6px 10px 11px!important;font-size:11px}.iv-card{padding:14px}.iv-category-edit{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.iv-admin-item{grid-template-columns:20px minmax(0,1fr)}.iv-admin-actions{grid-column:2;justify-content:flex-start}.iv-status-form{grid-column:2;justify-content:flex-start}.iv-admin-head{flex-wrap:wrap}}
@media(max-width:620px){.iv-grid:has(>.iv-tile:only-child){grid-template-columns:minmax(0,1fr)}}
@media(max-width:350px){.iv-grid{grid-template-columns:1fr}.iv-pagehead{flex-wrap:wrap}.iv-admin-actions{gap:6px}}
@media(prefers-reduced-motion:reduce){.iv-thumb img{transition:none}}

/* R237: quiet academic editorial system, scoped to the video module. */
.iv-wrap { --iv-ink:#173c30; --iv-muted:#52685d; }
.iv-catalog { margin-top:30px; }
.iv-eyebrow { display:block; color:#587163; font:650 11px/1.4 system-ui,sans-serif; letter-spacing:.09em; text-transform:uppercase; margin-bottom:7px; }
.iv-pagehead { align-items:flex-end; gap:24px; margin-bottom:27px; }
.iv-pagehead h1 { font-size:clamp(30px,4vw,44px); margin-bottom:10px; }
.iv-pagehead p { font-size:16px; line-height:1.55; }
.iv-collection-tabs { display:flex; flex:0 0 auto; align-items:center; gap:4px; border-bottom:1px solid #cddbd0; }
.iv-collection-tabs a { display:flex; align-items:center; min-height:44px; padding:10px 12px; font-size:13px; text-decoration:none; white-space:nowrap; border-bottom:2px solid transparent; }
.iv-collection-tabs a[aria-current] { color:#0b4f35; border-bottom-color:#0b4f35; font-weight:750; }
.iv-search-r237 { display:grid; grid-template-columns:minmax(180px,1.6fr) minmax(135px,1fr) minmax(130px,1fr) auto; gap:12px; border-radius:12px; padding:17px; box-shadow:none; }
.iv-search-r237:has(#iv-series) { grid-template-columns:minmax(180px,1.5fr) minmax(120px,1fr) minmax(120px,1fr) minmax(120px,.9fr) auto; }
.iv-search-r237 label { font-size:12px; }
.iv-search-r237 input,.iv-search-r237 select { min-height:44px; font-size:13px; padding:10px; }
.iv-search-r237 button { min-height:44px!important; }
.iv-results { margin:19px 0 15px; min-height:24px; }
.iv-results .iv-sub { font-size:13px; }
.iv-grid { gap:22px; align-items:stretch; }
.iv-tile { border-radius:12px; box-shadow:0 4px 16px rgba(22,53,37,.025); transition:box-shadow .18s,border-color .18s; }
.iv-tile:hover { border-color:#a4bcae; box-shadow:0 8px 24px rgba(22,53,37,.07); }
.iv-tile-link { height:100%; }
.iv-thumb { aspect-ratio:16/9; }
.iv-editorial-cover { background:#e9eee5; color:#163e30; }
.iv-cover-copy { height:100%; padding:20px 23px; display:flex; flex-direction:column; justify-content:space-between; gap:8px; position:relative; }
.iv-editorial-cover::before { content:""; position:absolute; right:21px; top:19px; bottom:19px; width:18%; border-top:1px solid #bccbb9; border-right:1px solid #bccbb9; transform:skewY(-12deg); pointer-events:none; }
.iv-editorial-cover::after { content:""; position:absolute; inset:auto 0 0; height:4px; background:#c5a15e; }
.iv-cover-category { color:#4c6757; font:650 10px/1.35 system-ui,sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.iv-cover-title { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; max-width:94%; font:600 clamp(20px,2.05vw,27px)/1.16 Georgia,serif; letter-spacing:-.02em; }
.iv-cover-brand { color:#52705e; font:750 9px/1.3 system-ui,sans-serif; letter-spacing:.17em; }
.iv-source-cover .iv-cover-copy { display:none; }
.iv-source-cover.iv-image-unavailable .iv-cover-copy { display:flex; }
.iv-source-cover.iv-image-unavailable img { display:none; }
.iv-playmark { bottom:13px; right:14px; width:30px; height:30px; display:grid; place-items:center; padding:0; border-radius:50%; background:#174c38; font-size:12px; }
.iv-duration { position:absolute; right:52px; bottom:16px; padding:2px 6px; background:#fff; color:#193c2d; border-radius:4px; font:650 11px/1.5 system-ui; font-variant-numeric:tabular-nums; }
.iv-tile-body { padding:17px 18px 19px; }
.iv-tile-body .iv-eyebrow { font-size:10px; margin-bottom:7px; }
.iv-tile .iv-tile-body h2 { font:700 17px/1.4 system-ui,sans-serif; letter-spacing:-.01em; margin:0 0 8px; color:#153f2e; overflow-wrap:anywhere; }
.iv-tile-body .iv-summary { font-size:13px; line-height:1.6; color:#506358; margin:0 0 12px; }
.iv-tile-body .iv-speaker { font-size:12px; line-height:1.55; color:#53695c; margin:0; }
.iv-series-label { display:block; font-size:11px; line-height:1.5; color:#4a6956; border-top:1px solid #edf0e9; padding-top:10px; margin-top:12px; }
.iv-cols-single { grid-template-columns:minmax(0,850px); justify-content:center; }
.iv-detail .iv-main>h1 { font-size:clamp(28px,3.1vw,38px); line-height:1.2; }
.iv-detail-byline { display:flex; flex-wrap:wrap; align-items:center; gap:7px 14px; color:#52695b; font-size:13px; margin:15px 0 20px!important; }
.iv-detail-byline span { padding-left:14px; border-left:1px solid #cdd9ce; }
.iv-detail .iv-about p { font-size:15px; line-height:1.8; }
.iv-detail .iv-about .iv-lead { font-weight:600; margin:0 0 14px; }
.iv-sequence-nav { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:14px 0 23px; }
.iv-sequence-nav a { display:grid; gap:5px; padding:12px 14px; border:1px solid #d6e1d6; border-radius:9px; text-decoration:none; background:#fff; }
.iv-sequence-nav small { font-size:11px; color:#617265; }
.iv-sequence-nav strong { font:650 13px/1.5 system-ui; padding:0; min-height:0; }
.iv-series-panel ol { margin:14px 0 0; padding:0; list-style:none; max-height:480px; overflow:auto; }
.iv-series-panel a { display:flex; align-items:baseline; gap:10px; padding:13px 8px; border-radius:6px; }
.iv-series-panel a span { flex:0 0 18px; color:#718375; font-size:11px; }
.iv-series-panel a[aria-current] { background:#eaf1e6; font-weight:700; color:#153f2c; }
.iv-series-panel h2 { font-size:21px; }
.iv-transcript-scroll { max-height:420px; overflow:auto; white-space:normal; font-size:15px; line-height:1.85; padding:10px 8px; unicode-bidi:plaintext; }
.iv-transcript-source { margin-top:12px!important; font-size:12px; }
.iv-chapters li { margin:0; }
.iv-chapters button { min-height:44px; }
.iv-collection-tabs a:hover,.iv-related a:hover { background:#edf2e9; }
.iv-empty h2 { font-size:22px; }
.iv-empty>a { display:inline-block; padding:12px; min-height:44px; }
.iv-completeness { grid-column:2/-1; font-size:11px; color:#686b4e; }
.iv-metadata-tools { display:grid; gap:8px; padding:12px; border:1px solid #dce5d9; border-radius:9px; background:#f7f9f5; }
.iv-metadata-tools button { font-size:12px!important; }
.iv-metadata-tools p { font-size:12px; line-height:1.6; margin:0; overflow-wrap:anywhere; }
.iv-metadata-tools [hidden] { display:none!important; }
.iv-membership { display:grid; grid-template-columns:minmax(0,1fr) 84px; gap:12px; align-items:center; padding:8px 0; border-bottom:1px solid #e1e7de; }
.iv-memberships .iv-membership label { margin:0; }
.iv-membership input[type=number] { padding:7px; }
.iv-public .site-footer { margin-top:0; padding-top:30px; padding-bottom:30px; }
.iv-wrap :is(a,button,input,select,textarea,summary):focus-visible { outline:3px solid #247851; outline-offset:3px; }
@media(max-width:1100px) {
 .iv-search-r237:has(#iv-series) { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .iv-search-r237:has(#iv-series) label:first-child { grid-column:1/-1; }
 .iv-search-r237:has(#iv-series) button { grid-column:auto; }
}
@media(max-width:700px) {
 .iv-pagehead { flex-direction:column; align-items:stretch; gap:17px; margin-bottom:20px; }
 .iv-collection-tabs { align-self:flex-start; }
 .iv-pagehead p { font-size:14px; }
 .iv-catalog { margin-top:20px; }
 .iv-search-r237,.iv-search-r237:has(#iv-series) { grid-template-columns:repeat(2,minmax(0,1fr)); padding:14px; gap:12px; }
 .iv-search-r237 label:first-child { grid-column:1/-1; }
 .iv-search-r237 label { min-width:0; }
 .iv-search-r237 button,.iv-search-r237:has(#iv-series) button { grid-column:auto; }
 .iv-search-r237:not(:has(#iv-series)) button { grid-column:1/-1; }
 .iv-search-r237 input,.iv-search-r237 select { font-size:16px; min-height:46px; }
 .iv-search-r237 select { font-size:14px; }
 .iv-grid { gap:18px; }
 .iv-tile-body { padding:16px; }
 .iv-tile .iv-tile-body h2 { font-size:16px; }
 .iv-tile-body .iv-speaker,.iv-tile-body .iv-summary { font-size:13px; }
 .iv-cover-title { font-size:clamp(20px,6.7vw,29px); }
 .iv-cover-copy { padding:22px; }
 .iv-detail-byline { font-size:12px; display:grid; gap:6px; }
 .iv-detail-byline span { padding:0; border:0; }
 .iv-detail .iv-about p,.iv-transcript-scroll { font-size:14px; }
 .iv-sequence-nav { gap:9px; }
 .iv-sequence-nav a { padding:11px; }
 .iv-wrap { margin-bottom:42px; }
}
@media(min-width:621px) and (max-width:960px) { .iv-cover-title { font-size:23px; } }
@media(prefers-reduced-motion:reduce) { .iv-tile { transition:none; } }
.iv-tile .iv-cover-copy h2.iv-cover-title { font:600 clamp(20px,2.05vw,27px)/1.16 Georgia,serif; letter-spacing:-.02em; color:#163e30; margin:0; }
.iv-editorial-cover::after { height:2px; }
.iv-launch.iv-image-unavailable img { visibility:hidden; }
@media(max-width:700px) { .iv-tile .iv-cover-copy h2.iv-cover-title { font-size:clamp(20px,6.7vw,29px); } }
@media(min-width:621px) and (max-width:960px) { .iv-tile .iv-cover-copy h2.iv-cover-title { font-size:23px; } }
.iv-player { min-height:200px; }

/* R238: image-led catalog; compact editorial rows on phones. */
.iv-catalog { width:min(1110px,100% - 48px); margin-top:26px; }
.iv-catalog .iv-crumb { margin-bottom:22px; }
.iv-catalog .iv-pagehead { margin-bottom:26px; }
.iv-catalog .iv-pagehead h1 { font-size:clamp(31px,3.5vw,42px); line-height:1.15; }
.iv-catalog .iv-pagehead p { font-size:14px; color:#637267; }
.iv-catalog .iv-grid { gap:28px 24px; }
.iv-catalog .iv-tile { background:transparent; border:0; border-radius:0; box-shadow:none; overflow:visible; transition:none; }
.iv-catalog .iv-tile:hover { border:0; box-shadow:none; }
.iv-catalog .iv-tile-link { height:auto; }
.iv-catalog .iv-thumb { border-radius:9px; aspect-ratio:16/9; background:#e6eae7; }
.iv-catalog .iv-thumb::before,.iv-catalog .iv-thumb::after { display:none; }
.iv-catalog .iv-thumb img { height:100%; width:100%; object-fit:cover; }
.iv-catalog .iv-tile:hover .iv-thumb img { transform:scale(1.015); }
.iv-image-placeholder { display:none; position:absolute; inset:0; align-items:center; justify-content:center; color:#799086; background:#e9eeeb; }
.iv-image-placeholder svg { width:42px; height:32px; }
.iv-image-unavailable .iv-image-placeholder { display:flex; }
.iv-catalog .iv-playmark { right:10px; bottom:10px; width:28px; height:28px; background:rgba(0,28,17,.78); font-size:11px; }
.iv-catalog .iv-duration { right:auto; left:10px; bottom:11px; background:rgba(0,20,13,.8); color:white; font-size:11px; padding:1px 5px; }
.iv-catalog .iv-tile-body { padding:14px 1px 0; }
.iv-catalog .iv-eyebrow { color:#637668; font-size:10px; font-weight:650; letter-spacing:.07em; margin-bottom:6px; }
.iv-catalog .iv-tile h2 { color:#193d2d; font:650 18px/1.4 system-ui,sans-serif; letter-spacing:-.015em; margin:0 0 7px; overflow-wrap:break-word; }
.iv-catalog .iv-speaker { font-size:12px; color:#596b60; line-height:1.55; margin:0; }
.iv-catalog .iv-summary { font-size:13px; line-height:1.6; color:#627267; margin:9px 0 0; }
.iv-catalog .iv-series-label { border:0; padding:0; margin:8px 0 0; font-size:11px; color:#55745f; }
.iv-catalog .iv-tile a:hover h2 { color:#08724a; }
.iv-catalog .iv-search-r237 { background:transparent; border:0; border-top:1px solid #d9dfd6; border-bottom:1px solid #d9dfd6; border-radius:0; box-shadow:none; padding:17px 0; gap:12px; }
.iv-catalog .iv-results { margin:19px 0 19px; }
.iv-catalog .iv-collection-tabs a { padding:8px 10px; }
@media(max-width:700px) {
 .iv-catalog { width:calc(100% - 32px); margin-top:19px; margin-bottom:32px; }
 .iv-catalog .iv-crumb { font-size:11px; gap:7px; margin-bottom:18px; }
 .iv-catalog .iv-pagehead { gap:17px; margin-bottom:19px; }
 .iv-catalog .iv-pagehead h1 { font-size:32px; margin-bottom:9px; }
 .iv-catalog .iv-pagehead p { font-size:13px; line-height:1.6; }
 .iv-catalog .iv-collection-tabs { width:100%; }
 .iv-catalog .iv-collection-tabs a { font-size:12px; min-height:40px; padding:8px 12px; }
 .iv-catalog .iv-search-r237,.iv-catalog .iv-search-r237:has(#iv-series) { padding:13px 0; gap:10px; grid-template-columns:1fr 1fr; }
 .iv-catalog .iv-search-r237 label,.iv-catalog .iv-search-r237:has(#iv-series) label { grid-column:auto; }
 .iv-catalog .iv-search-r237 label:first-child,.iv-catalog .iv-search-r237:has(#iv-series) label:first-child { grid-column:1/-1; }
 .iv-catalog .iv-search-r237 input { padding:9px 12px; min-height:44px; }
 .iv-catalog .iv-search-r237 select { padding:9px 8px; min-height:40px; font-size:13px; }
 .iv-catalog .iv-search-r237 label { font-size:11px; gap:4px; }
 .iv-catalog .iv-search-r237 button,.iv-catalog .iv-search-r237:has(#iv-series) button { min-height:40px!important; grid-column:auto; padding:8px 13px; font-size:13px; }
 .iv-catalog .iv-search-r237:not(:has(#iv-series)) button { grid-column:1/-1; }
 .iv-catalog .iv-results { margin:15px 0 5px; }
 .iv-catalog .iv-results .iv-sub { font-size:12px; }
 .iv-catalog .iv-grid { display:block; }
 .iv-catalog .iv-tile { border-bottom:1px solid #e0e5dd; padding:17px 0; }
 .iv-catalog .iv-tile:last-child { border-bottom:0; }
 .iv-catalog .iv-tile-link { display:grid; grid-template-columns:128px minmax(0,1fr); gap:14px; align-items:start; }
 .iv-catalog .iv-thumb { width:128px; height:78px; aspect-ratio:auto; border-radius:6px; margin-top:2px; }
 .iv-catalog .iv-tile-body { padding:0; }
 .iv-catalog .iv-tile h2 { font-size:16px; line-height:1.4; margin:0 0 6px; }
 .iv-catalog .iv-eyebrow { font-size:9px; margin-bottom:4px; letter-spacing:.05em; }
 .iv-catalog .iv-speaker { font-size:11px; line-height:1.5; }
 .iv-catalog .iv-summary { font-size:12px; margin-top:7px; }
 .iv-catalog .iv-series-label { margin-top:6px; font-size:10px; }
 .iv-catalog .iv-playmark { height:22px; width:22px; right:6px; bottom:6px; font-size:9px; }
 .iv-catalog .iv-duration { left:5px; bottom:6px; font-size:9px; }
}
@media(max-width:350px) { .iv-catalog .iv-tile-link { grid-template-columns:106px minmax(0,1fr); gap:12px; } .iv-catalog .iv-thumb { width:106px; height:65px; } .iv-catalog .iv-tile h2 { font-size:15px; } }
@media(max-width:700px) {
 .iv-catalog .iv-search-r237,.iv-catalog .iv-search-r237:has(#iv-series) { grid-template-columns:repeat(6,minmax(0,1fr)); column-gap:8px; row-gap:10px; }
 .iv-catalog .iv-search-r237 label:first-child,.iv-catalog .iv-search-r237:has(#iv-series) label:first-child { grid-column:1/6; grid-row:1; }
 .iv-catalog .iv-search-r237 button,.iv-catalog .iv-search-r237:has(#iv-series) button,.iv-catalog .iv-search-r237:not(:has(#iv-series)) button { grid-column:6; grid-row:1; align-self:end; min-height:44px!important; padding:8px 4px; }
 .iv-catalog .iv-search-r237 label:not(:first-child) { grid-column:span 3; grid-row:2; }
 .iv-catalog .iv-search-r237:has(#iv-series) label:not(:first-child) { grid-column:span 2; grid-row:2; }
 .iv-catalog .iv-search-r237 select { font-size:12px; padding:9px 5px; }
}

@media(max-width:700px) { .iv-catalog .iv-speaker { font-size:12px; } .iv-catalog .iv-eyebrow { font-size:10px; } }
/* Adaptation of the provided Studio reference: one video per aligned row. */
.iv-public:has(.iv-catalog) { background:#fff; }
.iv-catalog .iv-studio-list { display:block; border-top:1px solid #dfe4df; }
.iv-catalog .iv-list-head { display:grid; grid-template-columns:minmax(0,1fr) 180px 140px; gap:20px; align-items:center; padding:12px 16px; border-bottom:1px solid #dfe4df; color:#6a766d; font:500 12px/1.4 system-ui,sans-serif; }
.iv-catalog .iv-has-dates .iv-list-head { grid-template-columns:minmax(0,1fr) 180px 125px 120px; }
.iv-catalog .iv-studio-list .iv-tile { border-bottom:1px solid #e6e9e5; padding:0; }
.iv-catalog .iv-studio-list .iv-tile:last-child { border-bottom:0; }
.iv-catalog .iv-studio-list .iv-tile-link { display:grid; grid-template-columns:120px minmax(0,1fr); align-items:start; gap:16px; padding:15px 16px; }
.iv-catalog .iv-studio-list .iv-tile-link:hover { background:#f7f9f6; }
.iv-catalog .iv-studio-list .iv-thumb { width:120px; height:68px; aspect-ratio:auto; border-radius:5px; margin:0; }
.iv-catalog .iv-studio-list .iv-tile-body { display:grid; grid-template-columns:minmax(0,1fr) 180px 140px; grid-template-areas:"title speaker category" "summary speaker category" "series speaker category"; gap:4px 20px; padding:3px 0 0; min-height:62px; }
.iv-catalog .iv-has-dates .iv-tile-body { grid-template-columns:minmax(0,1fr) 180px 125px 120px; grid-template-areas:"title speaker category date" "summary speaker category date" "series speaker category date"; }
.iv-catalog .iv-studio-list h2 { grid-area:title; font-size:15px; line-height:1.5; font-weight:600; margin:0; }
.iv-catalog .iv-studio-list .iv-speaker { grid-area:speaker; align-self:center; font-size:12px; }
.iv-catalog .iv-studio-list .iv-eyebrow { grid-area:category; align-self:center; font-size:12px; font-weight:400; letter-spacing:0; text-transform:none; margin:0; }
.iv-catalog .iv-studio-list .iv-summary { grid-area:summary; font-size:12px; line-height:1.5; margin:0; }
.iv-catalog .iv-studio-list .iv-series-label { grid-area:series; font-size:11px; margin:0; }
.iv-catalog .iv-list-date { grid-area:date; align-self:center; color:#657268; font-size:12px; line-height:1.5; }
.iv-catalog .iv-list-head .iv-list-date { grid-area:auto; }
.iv-catalog .iv-studio-list:not(.iv-has-dates) .iv-list-date { display:none; }
@media(min-width:701px) and (max-width:960px) {
 .iv-catalog .iv-list-head,.iv-catalog .iv-has-dates .iv-list-head { grid-template-columns:minmax(0,1fr) 150px 110px; gap:14px; }
 .iv-catalog .iv-studio-list .iv-tile-body,.iv-catalog .iv-has-dates .iv-tile-body { grid-template-columns:minmax(0,1fr) 150px 110px; grid-template-areas:"title speaker category" "summary speaker category" "series speaker category"; gap:4px 14px; }
 .iv-catalog .iv-has-dates .iv-list-date { display:none; }
}
@media(max-width:700px) {
 .iv-catalog .iv-list-head,.iv-catalog .iv-has-dates .iv-list-head { display:none; }
 .iv-catalog .iv-studio-list { border-top:0; }
 .iv-catalog .iv-studio-list .iv-tile-link { grid-template-columns:128px minmax(0,1fr); gap:14px; padding:17px 0; }
 .iv-catalog .iv-studio-list .iv-thumb { width:128px; height:78px; margin-top:2px; }
 .iv-catalog .iv-studio-list .iv-tile-body,.iv-catalog .iv-has-dates .iv-tile-body { display:flex; flex-direction:column; gap:0; padding:0; min-height:0; }
 .iv-catalog .iv-studio-list .iv-eyebrow { order:0; align-self:flex-start; font-size:10px; color:#62796b; text-transform:uppercase; letter-spacing:.045em; font-weight:600; margin:0 0 4px; }
 .iv-catalog .iv-studio-list h2 { order:1; font-size:16px; line-height:1.4; margin:0 0 6px; }
 .iv-catalog .iv-studio-list .iv-speaker { order:2; align-self:flex-start; font-size:12px; }
 .iv-catalog .iv-studio-list .iv-summary { order:3; font-size:12px; margin-top:6px; }
 .iv-catalog .iv-studio-list .iv-series-label { order:4; font-size:10px; margin-top:6px; }
 .iv-catalog .iv-has-dates .iv-list-date { display:block; order:5; align-self:flex-start; margin-top:6px; font-size:11px; }
 .iv-catalog .iv-has-dates span.iv-list-date { display:none; }
}
@media(max-width:350px) { .iv-catalog .iv-studio-list .iv-tile-link { grid-template-columns:106px minmax(0,1fr); gap:12px; } .iv-catalog .iv-studio-list .iv-thumb { width:106px; height:65px; } .iv-catalog .iv-studio-list h2 { font-size:15px; } }
/* Title, speaker and short description form a single reading block beside the thumbnail. */
@media(min-width:701px) {
 .iv-catalog .iv-list-head { grid-template-columns:minmax(0,1fr) 140px; }
 .iv-catalog .iv-has-dates .iv-list-head { grid-template-columns:minmax(0,1fr) 125px 120px; }
 .iv-catalog .iv-studio-list .iv-tile-body { grid-template-columns:minmax(0,1fr) 140px; grid-template-areas:"title category" "speaker category" "summary category" "series category"; }
 .iv-catalog .iv-has-dates .iv-tile-body { grid-template-columns:minmax(0,1fr) 125px 120px; grid-template-areas:"title category date" "speaker category date" "summary category date" "series category date"; }
 .iv-catalog .iv-studio-list .iv-speaker { align-self:start; margin:1px 0 2px; }
 .iv-catalog .iv-studio-list .iv-summary { color:#6a746d; }
}
@media(min-width:701px) and (max-width:960px) {
 .iv-catalog .iv-list-head,.iv-catalog .iv-has-dates .iv-list-head { grid-template-columns:minmax(0,1fr) 110px; }
 .iv-catalog .iv-studio-list .iv-tile-body,.iv-catalog .iv-has-dates .iv-tile-body { grid-template-columns:minmax(0,1fr) 110px; grid-template-areas:"title category" "speaker category" "summary category" "series category"; }
}

/* R239: catalog descriptions are a short two-line preview at every viewport. */
.iv-catalog .iv-studio-list .iv-summary {
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;
 line-clamp:2;
 overflow:hidden;
 text-overflow:ellipsis;
 max-height:3em;
 line-height:1.5;
 font-size:12px;
 margin-top:4px;
}
.iv-topic-section { margin:24px 0 28px; }
.iv-topic-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:0 0 10px; }
.iv-wrap .iv-topic-heading h2 { font:650 16px/1.4 system-ui,sans-serif; color:#244d37; margin:0; }
.iv-topic-heading>span { font-size:11px; color:#69796c; white-space:nowrap; }
.iv-topic-more { display:inline-flex; align-items:center; min-height:40px; font-size:12px; font-weight:600; margin-top:5px; text-decoration:none; }
@media(max-width:700px) { .iv-topic-section { margin:21px 0 26px; } .iv-topic-heading { margin:0 0 2px; padding-bottom:9px; border-bottom:1px solid #dfe5dd; } .iv-wrap .iv-topic-heading h2 { font-size:15px; } }


/* R242 — Banner Perpustakaan Digital MUST inherit the exact shared .page-hero
   and .content-shell / .intro styling from main.css (same as Kitab & Buku).
   Do not reintroduce page-hero min-height, padding, font-size or other duplicate
   hero rules in the Video stylesheet: this was the R240/R241 source of drift. */
.iv-public .iv-library-tabs { display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0 0 28px; }
.iv-public .iv-library-tabs a { display:inline-flex;align-items:center;justify-content:center;min-height:46px;max-width:100%;text-decoration:none;border:1px solid #d5ded6;border-radius:999px;padding:10px 24px;color:#215e45;background:transparent;font-weight:700;font-size:16px;line-height:1.3;transition:background-color .16s ease,border-color .16s ease; }
.iv-public .iv-library-tabs a[aria-current="page"] { background:#00623f;color:#fff;border-color:#00623f;box-shadow:0 2px 3px rgba(5,63,39,.08); }
.iv-public .iv-library-tabs a:not([aria-current]):hover { background:#edf5ed;border-color:#a8c8b4; }
.iv-public .iv-library-tabs a:focus-visible { outline:3px solid #c89c21;outline-offset:3px; }
.iv-public .iv-library-shell .iv-wrap { width:min(1110px,calc(100% - 48px));margin:0 auto 0; }
.iv-public .iv-library-discovery { display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px;padding:25px 27px;border:1px solid #dbe3dd;border-radius:16px;background:#f8faf8;margin-bottom:24px; }
.iv-public .iv-library-eyebrow { display:block; font-size:12px;font-weight:750;letter-spacing:.11em;color:#647a6d;margin:0 0 13px; }
.iv-public .iv-library-discovery h2 { color:#0c4633;font-family:Literata,Georgia,serif;font-size:clamp(23px,2.55vw,34px);font-weight:700;line-height:1.22;letter-spacing:-.025em;margin:0 0 12px; }
.iv-public .iv-library-discovery p { max-width:64ch;font-size:14px;line-height:1.75;color:#65776c;margin:0; }
.iv-public .iv-library-count { border-left:1px solid #dde5de;min-width:100px;text-align:center;padding:0 0 0 20px;white-space:nowrap; }
.iv-public .iv-library-count strong { display:block;color:#07513b;font-size:32px;font-weight:800;line-height:1.15;font-variant-numeric:tabular-nums; }
.iv-public .iv-library-count span { display:block;margin-top:5px;font-size:12px;color:#6b796f; }
.iv-public .iv-catalog .iv-search-r237 { margin-top:8px; }
.iv-public .iv-detail { padding-top:3px; }
.iv-public .iv-catalog .iv-summary { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden; }
/* HP landscape + mini-desktop/tablet: avoid artificial narrow cards or horizontal overflow. */
@media(min-width:701px) and (max-width:1100px) {
 .iv-public .iv-library-shell .iv-wrap { width:min(100% - 44px,1110px); }
 .iv-public .iv-library-discovery { padding:23px 24px; }
}
@media(max-width:700px) {
 .iv-public .iv-library-tabs { gap:9px;margin-bottom:24px; }
 .iv-public .iv-library-tabs a { padding:11px 16px;font-size:clamp(13px,3.7vw,16px);min-height:44px;white-space:nowrap; }
 .iv-public .iv-library-shell .iv-wrap { width:calc(100% - 32px); }
 .iv-public .iv-library-discovery { grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:18px 16px;margin-bottom:20px;border-radius:14px; }
 .iv-public .iv-library-eyebrow { font-size:10px;letter-spacing:.085em;margin-bottom:12px; }
 .iv-public .iv-library-discovery h2 { font-size:clamp(22px,6vw,30px);line-height:1.25;margin-bottom:11px; }
 .iv-public .iv-library-discovery p { font-size:12px;line-height:1.7; }
 .iv-public .iv-library-count { min-width:66px;padding-left:11px; }
 .iv-public .iv-library-count strong { font-size:24px; }
 .iv-public .iv-library-count span { font-size:10px;white-space:normal; }
 .iv-public .iv-catalog .iv-studio-list .iv-summary { -webkit-line-clamp:2;line-clamp:2; }
}
@media(max-width:380px) {
 .iv-public .iv-library-tabs { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px; }
 .iv-public .iv-library-tabs a { width:100%;padding:10px 7px;font-size:12.5px;text-align:center; }
 .iv-public .iv-library-discovery { grid-template-columns:1fr; }
 .iv-public .iv-library-count { display:flex;align-items:baseline;gap:6px;border-left:0;border-top:1px solid #dde5de;padding:9px 0 0;text-align:left; }
 .iv-public .iv-library-count strong { font-size:21px; }
 .iv-public .iv-library-count span { margin:0; }
}

@media(prefers-reduced-motion:reduce) { .iv-public .iv-library-tabs a { transition:none; } }