﻿.sofl-public-hlv .hlv-hero{background-image:linear-gradient(90deg,#00172d 0%,#00172de8 32%,#00172d30 68%),url('/images/blog/public-hlv-hero.webp');background-position:center;background-size:cover;min-height:295px;padding-bottom:28px}.hlv-hero h1{max-width:660px;margin:12px 0}.hlv-hero p{font-size:1.15rem;max-width:620px}.hlv-benefits{display:flex;gap:25px;margin-top:20px;max-width:590px}.hlv-benefits>span{display:flex;align-items:center;gap:10px;font-size:.8rem;max-width:125px}.hlv-benefits i{color:#ffbf30;border:1px solid #c88a00;border-radius:6px;padding:10px;font-size:20px}.hlv-content{padding-top:18px!important}.hlv-content>section{margin-bottom:22px}.hlv-content h2{ font-family: var(--public-font-heading);color:#061b40;font-size:1.65rem;margin:0 0 4px;font-weight:700}.hlv-content p{color:#455b7e;margin:0 0 12px}.hlv-section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.hlv-text-button{background:none;border:0;color:#0049d8;font-size:.85rem}.hlv-playlists{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding:2px 0 8px}.hlv-playlists.expanded{flex-wrap:wrap}.hlv-playlist{flex:0 0 calc((100% - 50px)/6);min-width:140px;border:1px solid #e5eaf1;border-radius:7px;overflow:hidden;background:#fffaf0;text-decoration:none;scroll-snap-align:start}.hlv-playlist>img{width:100%;aspect-ratio:1.7;object-fit:cover}.hlv-playlist>span{display:flex;gap:8px;padding:10px;color:#09204a}.hlv-playlist strong{font-size:.8rem;display:block}.hlv-playlist small{font-size:.75rem;display:block}.hlv-playlist i{color:#d08c04;background:#ffedc8;border-radius:6px;padding:8px;height:33px}.hlv-playlist-controls{display:flex;justify-content:flex-end;gap:6px}.hlv-playlist-controls button{border:1px solid #e0e7f1;background:white;color:#09204a;border-radius:50%;width:32px;height:32px;font-size:24px}.hlv-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hlv-video{border:1px solid #e4edf9;border-radius:7px;overflow:hidden;background:white;box-shadow:0 2px 8px #bdd1e510}.hlv-thumb{position:relative;display:block;overflow:hidden}.hlv-thumb img{width:100%;aspect-ratio:2.1;object-fit:cover;display:block}.hlv-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:#ffffffe8;display:grid;place-items:center;color:#26334a;font-size:14px}.hlv-duration{position:absolute;right:9px;bottom:9px;background:#000b;color:white;border-radius:4px;font-size:.75rem;padding:2px 6px}.hlv-video-body{padding:7px 12px 10px}.hlv-badges{display:flex;justify-content:space-between;gap:6px;align-items:start;font-size:.63rem;margin-bottom:5px}.hlv-badges>span{background:#fff0ca;color:#193051;padding:3px 7px;border-radius:4px;max-width:80%;text-transform:uppercase}.hlv-badges .hlv-free{background:#d2f6df;text-transform:none}.hlv-video h3{font-size:.93rem;line-height:1.28;margin:0 0 10px;font-weight:700}.hlv-video h3 a{color:#09204a;text-decoration:none}.hlv-video-meta{color:#425775;font-size:.77rem;min-height:19px}.hlv-featured{display:grid;grid-template-columns:1.05fr 1fr}.hlv-featured .hlv-thumb img{height:100%;aspect-ratio:2.15;min-height:225px}.hlv-featured .hlv-video-body{padding:22px 30px}.hlv-featured h3{ font-family: var(--public-font-heading);font-size:1.65rem}.hlv-featured .hlv-badges{justify-content:start;gap:20px;font-size:.7rem}.hlv-featured .hlv-video-meta{margin:10px 0 17px}.hlv-featured .hlv-play{width:48px;height:48px;font-size:20px}.hlv-result-count{display:block;font-size:.75rem;color:#53698c;margin-bottom:8px}.hlv-pagination{display:flex;justify-content:center;gap:6px;margin:14px 0 0}.hlv-pagination a,.hlv-pagination span{display:grid;place-items:center;min-width:28px;height:29px;border:1px solid #e4edf9;border-radius:5px;text-decoration:none;color:#163566;font-size:.8rem}.hlv-pagination [aria-current]{background:#ffc348;border-color:#ffc348}.hlv-pagination [aria-disabled]{opacity:.4}.hlv-promotion{background-image:linear-gradient(90deg,#00172d 55%,#00172d30),url('/images/blog/public-money-sense-books.webp')!important}.hlv-promotion ul{color:white;font-size:.8rem;padding-left:18px}.hlv-promotion h2{color:white; font-family: var(--public-font-heading);font-size:1.2rem}.hlv-promotion p{color:white;font-size:.82rem}.hlv-promotion .blogs-subscription-intro{max-width:50%}#hlv-results[aria-busy=true]{pointer-events:none}#hlv-error{padding:15px;color:#842019;background:#fff0ed;border-radius:6px}.sofl-public-hlv :focus-visible{outline:3px solid #da9400;outline-offset:3px}#latest-videos{scroll-margin-top:110px}@media(max-width:991px){.hlv-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hlv-playlist{flex-basis:180px}.hlv-featured .hlv-video-body{padding:18px}.hlv-promotion .blogs-subscription-intro{max-width:100%}.hlv-promotion{flex-wrap:wrap}.hlv-hero{background-position:62% center}}@media(max-width:575px){.hlv-video-grid{grid-template-columns:minmax(0,1fr)}.hlv-featured{grid-template-columns:minmax(0,1fr)}.hlv-featured .hlv-thumb img{min-height:0}.hlv-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hlv-benefits>span{max-width:100%}.hlv-hero p{font-size:1rem}.sofl-public-hlv .hlv-hero{background-image:linear-gradient(90deg,#00172df7,#00172db3),url('/images/blog/public-hlv-hero.webp')}.hlv-section-heading{align-items:start;flex-wrap:wrap}.hlv-text-button{padding:0 0 8px}.hlv-video h3{font-size:1.05rem}.hlv-promotion .approved-button{width:100%;justify-content:center}}
.sofl-public-hlv .hlv-promotion .blogs-subscription-intro{max-width:none;min-width:0}.hlv-playlist>span>span{min-width:0}.hlv-playlist strong,.hlv-video h3{overflow-wrap:anywhere}.hlv-badges>span{overflow-wrap:anywhere;min-width:0}.hlv-playlist-controls button[hidden]{display:none}.hlv-pagination span{font-size:18px}.sofl-public-hlv .hlv-promotion ul{list-style:none}.sofl-public-hlv .hlv-promotion li::marker{content:''}@media(max-width:575px){.hlv-promotion{grid-template-columns:minmax(0,1fr)!important}.hlv-promotion .approved-button{grid-column:1!important}.hlv-playlists.expanded .hlv-playlist{flex-basis:calc(50% - 5px);min-width:0}}

.sofl-public-hlv #latest-videos > .hlv-section-heading{display:block;text-align:center;margin-bottom:clamp(28px,3vw,44px)} 
.sofl-front-page main #latest-videos .public-section-description{ max-width:780px;margin-inline:auto }

/* Public latest videos use the public card, independently of portal styles. */
.sofl-public-hlv :is(#hlv-results,.hlv-featured-video-results) .hlv-video-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.sofl-front-page .hlv-reference-card { display:flex; flex-direction:column; height:100%; min-width:0; border:1px solid #e4ecf5; border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 4px 16px #08264c08; }
.sofl-front-page .hlv-reference-card .hlv-thumb { display:block; position:relative; aspect-ratio:16/9; overflow:hidden; background:#071d30; }
.sofl-front-page .hlv-reference-card .hlv-thumb img { display:block; width:100%; height:100%; object-fit:cover; aspect-ratio:auto; }
.sofl-front-page .hlv-reference-card .hlv-play { width:48px; height:48px; font-size:18px; background:#ffffffeb; }
.sofl-front-page .hlv-reference-card .hlv-video-body { display:flex; flex-direction:column; align-items:flex-start; flex:1; min-width:0; padding:22px; }
.sofl-front-page .hlv-reference-card .hlv-badges { width:100%; margin-bottom:14px; gap:10px; }
.sofl-front-page .hlv-reference-card .hlv-badges > span { font-size:11px; line-height:1.4; }
.sofl-front-page .hlv-reference-card h3 { font-size:20px; line-height:1.35; margin:0 0 12px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.sofl-front-page .hlv-reference-card h3 a { color:#08264c; text-decoration:none; }
.sofl-front-page .hlv-reference-card .hlv-video-body > p { font-size:15px; line-height:1.55; margin:0 0 18px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.sofl-front-page .hlv-reference-card .hlv-video-meta { margin-top:auto; padding-top:12px; font-size:14px; }
.sofl-front-page .hlv-reference-card .hlv-video-meta i { margin-right:6px; }
.sofl-public-hlv :is(#hlv-results,.hlv-featured-video-results) .public-card-link { margin-top:18px; align-self:flex-end; }
@media(max-width:1199px) { .sofl-public-hlv :is(#hlv-results,.hlv-featured-video-results) .hlv-video-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) { .sofl-public-hlv :is(#hlv-results,.hlv-featured-video-results) .hlv-video-grid { grid-template-columns:minmax(0,1fr); } }

.sofl-public-hlv .hlv-featured-videos{padding-block:var(--public-section-space)}
.hlv-featured-videos .public-section-heading--center{margin-bottom:32px}
.hlv-popup-header h2 {color:#ffffff}
.sofl-public-hlv .hlv-video-body > .hlv-difficulty-badge {
    gap: 8px;
    margin-top: 14px;
    align-self: flex-start
}

/* Shared public video card: thumbnail, topic, difficulty and full-width playback CTA. */
.sofl-front-page .hlv-reference-card{padding:6px;border-radius:14px;box-sizing:border-box}
.sofl-front-page .hlv-reference-card .hlv-thumb{border-radius:9px}
.sofl-front-page .hlv-reference-card .hlv-play{width:64px;height:64px;border:2px solid #ffffff70;background:#071e3be8;color:#efbb45;font-size:27px;box-shadow:0 3px 12px #0003}
.hlv-reference-card .hlv-play i{margin-left:4px}
.sofl-front-page .hlv-reference-card .hlv-duration{display:inline-flex;align-items:center;gap:7px;right:10px;bottom:10px;border-radius:20px;padding:5px 11px;background:#000c;color:#fff;font-size:13px;font-weight:600}
.sofl-front-page .hlv-reference-card .hlv-video-body{padding:14px 10px 12px;align-items:stretch}
.sofl-front-page .hlv-reference-card .hlv-badges{margin-bottom:10px}
.sofl-front-page .hlv-reference-card .hlv-badges>span{background:#fff5dc;color:#54370e;border:1px solid #edbe64;border-radius:9px;text-transform:none;font-size:14px;font-weight:600;padding:6px 14px;max-width:100%;width:fit-content}
.sofl-front-page .hlv-reference-card h3{font-size:clamp(22px,1.8vw,28px);line-height:1.25;margin:0 0 10px;-webkit-line-clamp:2}
.sofl-front-page .hlv-reference-card .hlv-video-body>p{font-size:18px;line-height:1.5;color:#4d4d4d;margin:0 0 16px;-webkit-line-clamp:3}
.hlv-reference-footer{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:auto;border-top:1px solid #e1e8f0;padding-top:12px;width:100%}
.hlv-reference-footer .hlv-difficulty-badge{gap:9px;padding:7px 13px;font-size:14px}
.sofl-front-page #public-main .hlv-reference-card .hlv-reference-watch{display:flex;justify-content:center;align-items:center;gap:18px;width:100%;align-self:stretch;margin:0;padding:12px 18px;min-height:50px;background:linear-gradient(110deg,#e7b947,#e5b646)!important;border:1px solid #e5b646!important;border-radius:10px;color:#071e3b!important;font-size:20px;font-weight:700;box-sizing:border-box}
.hlv-reference-watch>i{font-size:23px}
.sofl-front-page #public-main .hlv-reference-card .hlv-reference-watch:hover{filter:brightness(.96)}
