/* Television directions, managed as HostCMS page content. */
.managed-page-article:has(.tv-direction-hero) > .managed-page-heading { display: none; }
.tv-direction-hero { display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:35px; align-items:center; background:#075e47; color:#fff; padding:46px 48px; border-radius:24px; margin:0 0 30px; overflow:hidden; }
.tv-direction-hero .eyebrow { color:#d3f36b; }
.content-body .tv-direction-hero h1 { color:#fff; font-size:clamp(32px,3.5vw,49px); line-height:1.15; letter-spacing:-1.3px; margin:15px 0 19px; }
.content-body .tv-direction-hero p { color:#e0ece2; font-size:18px; line-height:1.75; margin:0; max-width:none; }
.tv-direction-hero-symbol { color:#d4f66c; background:#ffffff0a; border:1px solid #ffffff19; border-radius:50%; padding:22px; aspect-ratio:1; display:flex; align-items:center; }
.tv-direction-hero-symbol svg { width:100%; height:auto; max-height:160px; }
.tv-direction-choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:0 0 36px; }
.tv-direction-choice { border:1px solid #d7e1d4; border-radius:20px; padding:32px; display:flex; flex-direction:column; align-items:flex-start; min-height:295px; }
.content-body .tv-direction-choice h2 { font-size:30px; line-height:1.25; letter-spacing:-.7px; margin:18px 0 16px; }
.content-body .tv-direction-choice p { font-size:17px; line-height:1.8; color:#60756a; margin:0 0 28px; }
.tv-direction-choice .button { margin-top:auto; width:100%; max-width:100%; white-space:normal; }
.tv-direction-help { background:#f0f4e9; border-radius:20px; padding:34px; display:grid; grid-template-columns:1fr 1fr; gap:35px; align-items:center; margin-bottom:42px; }
.content-body .tv-direction-help h2 { font-size:29px; line-height:1.25; margin:14px 0; }
.content-body .tv-direction-help p { font-size:17px; color:#60756a; line-height:1.7; }
.tv-direction-help-links { display:flex; flex-direction:column; gap:15px; }
.tv-direction-help-links > a { color:#075e47; text-decoration:underline; text-underline-offset:4px; }
.tv-direction-help .button { justify-self:start; white-space:normal; }
.services-section .service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.services-section .service-card.surveillance { grid-column:auto; }
@media(min-width:1100px) { .navigation { gap:22px; } }
@media(max-width:1000px) { .tv-direction-hero { grid-template-columns:minmax(0,1fr) 150px; padding:32px; gap:20px; } .content-body .tv-direction-hero h1 { font-size:36px; } .tv-direction-choice { padding:26px; } }
@media(max-width:760px) {
 .tv-direction-hero { grid-template-columns:1fr; padding:27px; border-radius:19px; margin-bottom:22px; }
 .tv-direction-hero-symbol { display:none; }
 .content-body .tv-direction-hero h1 { font-size:32px; letter-spacing:-.8px; }
 .content-body .tv-direction-hero p { font-size:16px; }
 .tv-direction-choice-grid { grid-template-columns:1fr; gap:18px; }
 .tv-direction-choice { padding:26px; min-height:260px; }
 .tv-direction-help { grid-template-columns:1fr; padding:26px; gap:18px; }
 .content-body .tv-direction-help h2 { font-size:25px; }
 .services-section .service-grid { grid-template-columns:1fr; }
}

/* Official service logo, kept in its original white version. */
.tv-direction-hero.tv-direction-branded { grid-template-columns:minmax(0,1fr) 300px; }
.tv-direction-brand { display:flex; align-items:center; justify-content:center; min-width:0; width:100%; height:110px; overflow:hidden; border-radius:16px; background:#f5f5f5; }
.tv-direction-brand img { display:block; width:160%; max-width:none; height:auto; flex-shrink:0; }
@media(max-width:1000px) { .tv-direction-hero.tv-direction-branded { grid-template-columns:minmax(0,1fr) 240px; } }
@media(max-width:760px) {
 .tv-direction-hero.tv-direction-branded { grid-template-columns:1fr; gap:24px; }
 .tv-direction-brand { justify-content:center; max-width:270px; height:100px; }
 .tv-direction-brand img { width:160%; max-width:none; }
}
