.video-hero{padding:54px 0 38px;background:linear-gradient(135deg,#eef7ff 0%,#fff8ee 100%);border-bottom:1px solid #e3ebf3}
.video-hero-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:32px;align-items:center}
.video-kicker{margin:0 0 8px;color:#1769aa;font-size:.92rem;font-weight:800;letter-spacing:.06em}
.video-hero h1{margin:0;color:#14375a;font-size:2.15rem;line-height:1.25}
.video-lead{max-width:760px;margin:18px 0 0;color:#45576a;font-size:1.08rem;line-height:1.8}
.video-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.video-hero-actions .btn-outline{background:#fff;border-color:#1769aa;color:#1769aa}
.video-hero-actions .btn-outline:hover{background:#eaf5ff;color:#12578d}
.account-card{display:flex;align-items:center;gap:15px;padding:22px;border:1px solid rgba(23,105,170,.18);border-radius:16px;background:rgba(255,255,255,.86);box-shadow:0 12px 35px rgba(20,55,90,.09)}
.account-card img{border-radius:14px}
.account-card strong,.account-card span{display:block}
.account-card strong{margin-bottom:6px;color:#14375a;font-size:1.08rem}
.account-card span{color:#627181;font-size:.92rem;line-height:1.6}
.video-bridge,.video-featured,.video-library,.video-faq{padding:38px 0}
.video-bridge h2,.video-featured h2,.video-library h2,.video-faq h2{color:#14375a}
.bridge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.bridge-grid article{padding:20px;border:1px solid #e4ebf2;border-radius:12px;background:#fff}
.bridge-grid article>span{display:inline-grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#eaf4ff;color:#1769aa;font-weight:800}
.bridge-grid h3{margin:13px 0 7px;color:#213e5b;font-size:1.02rem}
.bridge-grid p{margin:0;color:#5f6f7e;line-height:1.7}
.video-featured{background:#f7fafc}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}
.section-heading h2{margin:0}
.section-heading>p{max-width:420px;margin:0;color:#687785;font-size:.9rem;text-align:right}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.video-card{display:flex;min-height:170px;flex-direction:column;padding:20px;border:1px solid #e2e9f0;border-radius:12px;background:#fff;box-shadow:0 4px 16px rgba(20,55,90,.05)}
.video-card-featured{min-height:190px;border-color:#cfe0f1}
.video-card-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:#6b7885;font-size:.82rem}
.video-card-meta span:first-child{color:#1769aa;font-weight:700}
.video-card h3{margin:15px 0 18px;color:#1d3852;font-size:1.05rem;line-height:1.55}
.video-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.video-card-actions a{padding:8px 11px;border-radius:7px;font-size:.9rem;font-weight:700}
.video-link{background:#1b2838;color:#fff}
.related-link{border:1px solid #bcd4eb;color:#155d99;background:#f8fbff}
.video-search{display:grid;gap:6px;min-width:310px;color:#536474;font-size:.88rem;font-weight:700}
.video-search input{width:100%;padding:11px 13px;border:1px solid #cdd9e4;border-radius:8px;background:#fff;color:#23384d;font:inherit;font-weight:400}
.video-search input:focus{outline:3px solid rgba(26,115,232,.16);border-color:#1a73e8}
.result-status{margin:0 0 14px;color:#667685}
.video-group{margin-top:28px}
.video-group>h3{margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #e5ebf1;color:#24435f;font-size:1.13rem}
.load-note{padding:16px;border-radius:8px;background:#fff4df;color:#754d0d}
.video-faq{background:#f7fafc}
.video-faq details{max-width:900px;margin:10px 0;border:1px solid #e1e8ef;border-radius:10px;background:#fff;padding:14px 16px}
.video-faq summary{cursor:pointer;color:#23425e;font-weight:700}
.video-faq details p{margin:10px 0 0;color:#5c6c7b;line-height:1.75}
@media(max-width:900px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-hero-layout{grid-template-columns:1fr}.account-card{max-width:420px}}
@media(max-width:768px){.video-hero{padding:118px 0 28px}.video-hero h1{font-size:1.65rem}.video-lead{font-size:1rem}.bridge-grid,.video-grid,.featured-grid{grid-template-columns:1fr}.section-heading{align-items:stretch;flex-direction:column}.section-heading>p{text-align:left}.video-search{min-width:0}.video-card{min-height:0}.video-bridge,.video-featured,.video-library,.video-faq{padding:28px 0}}
