/* Shared visual polish for pages using Frankly's global header. */
:root { --frankly-text-orange: #a34200; --frankly-light-orange: #ffa05a; }
.frankly-header .site-nav a:hover,
.frankly-header .site-nav a[aria-current="page"] { color: var(--frankly-text-orange); }
.page .section-kicker { margin: 0 0 10px; color: var(--frankly-text-orange); font-size: .78rem; font-weight: 700; line-height: 1.5; letter-spacing: .18em; }
.page :is(.hub-about, .home-image-panel, .home-apps-teaser, .apps-philosophy, .navy-section) .section-kicker { color: var(--frankly-light-orange); }
.page .site-footer { align-items: flex-start; gap: 24px 32px; }
.page .site-footer nav { gap: 6px; min-width: 0; }
.page .site-footer a { display: inline-flex; align-items: center; min-height: 28px; font-weight: 500; line-height: 1.4; text-underline-offset: 4px; }
.page .site-footer a:hover { color: var(--frankly-text-orange); text-decoration: underline; }
.page .site-footer .footer-link-row { align-items: center; gap: 4px 16px; }
.page .site-footer a:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; border-radius: 2px; }
/* Keep the utility link below the header without shifting its primary links. */
.frankly-header .partnership-header-links { position: relative; }
.frankly-header .partner-login-link { position: absolute; right: 0; top: calc(100% + 4px); white-space: nowrap; }
/* Section labels and body text should retain their own hierarchy. */
.partnership-experience p:not(.section-kicker) { font-weight: 400; color: #d5deea; }
.apps-page .apps-product-eyebrow,
.apps-page .apps-availability { color: var(--frankly-text-orange); }
.apps-page .apps-product-tagline,
.apps-page .apps-expect li { font-weight: 600; }
/* Match the two Digital subpage introductions and active section links. */
.presence-page .digital-section-nav a[aria-current="page"] { color: var(--frankly-text-orange); font-weight: 600; }
.pricing-page .pricing-hero,
.work-page .work-hero { margin-top: 0; padding-top: 28px; }
.pricing-page .pricing-terms h2 { color: var(--ink); }
@media (max-width: 760px) {
 .frankly-header .site-nav a { min-height: 40px; }
 .frankly-header .partner-login-link { position: static; align-self: flex-end; }
 .page .site-footer { flex-direction: column; }
 .page .site-footer nav { align-items: flex-start; width: 100%; }
 .page .site-footer .footer-link-row { justify-content: flex-start; }
 .page .site-footer a { min-height: 36px; }
 .pricing-page .pricing-hero,
 .work-page .work-hero { padding-top: 24px; }
}

/* Shared page edges: all Frankly properties use the same outer content width. */
.page:has(> .frankly-header) { width: min(1180px, calc(100% - 48px)); max-width: none; }
@media (max-width: 600px) { .page:has(> .frankly-header) { width: calc(100% - 32px); } }
/* Long legal text retains a readable measure inside the shared page edges. */
.legal-page:has(> .frankly-header) > :is(section, h1, .intro) { max-width: 780px; }
/* About follows the parent homepage's title scale and dark-panel contrast. */
.about-page .about-hero,
.about-page .about-hero h1 { max-width: 1100px; }
.about-page .about-hero h1 { font-size: clamp(2.75rem,5.7vw,5.15rem); line-height: 1.04; }
.page .about-meet .section-kicker { color: var(--frankly-light-orange); }
.about-page .about-linkedin { color: #fff; font-weight: 600; }
.about-page .about-linkedin:hover { color: var(--frankly-light-orange); }
.about-page .about-linkedin:focus-visible { outline: 3px solid var(--frankly-light-orange); outline-offset: 4px; }
.about-page .about-cta { align-items: center; justify-content: space-between; gap: 24px; }
.about-page .about-cta .contact-button { flex-shrink: 0; gap: 8px; }
@media (max-width:760px) { .about-page .about-cta { flex-direction: column; align-items: flex-start; } }
/* Keep page switches stable, including the Partnerships utility link. */
.frankly-header .site-nav a[aria-current="page"] { font-weight: 500; }
@media (max-width: 760px) {
 .frankly-header { padding-bottom: 32px; }
 .frankly-header .partner-login-link { position: absolute; right: 0; top: calc(100% + 4px); }
}