/* Shared article layout: informational, support and policy pages. */
#global.mac-static-page { --ink:#172b42;--muted:#536477;--line:#e2e8ef;background:#fff;color:var(--ink); }
.mac-static-page > header.content { min-height:480px;height:auto;position:relative;background:#172b42;isolation:isolate;padding-bottom:54px; }
.mac-static-page > header.content .background-image { opacity:1!important;z-index:0; }
.mac-static-page > header.content .background-image::before { content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(12,30,48,.86),rgba(12,30,48,.6));pointer-events:none; }
.mac-static-page > header.content .hero { position:relative;z-index:1;width:min(780px,calc(100% - 48px));top:55%;transform:translate(-50%,-40%); }
.mac-static-page > header.content > .overlay { background:linear-gradient(110deg,rgba(12,30,48,.86),rgba(12,30,48,.42));z-index:0; }
.mac-static-page > header.content .main-menu { position:relative;z-index:20;background:#172b42;padding-top:20px;padding-bottom:18px; }
.mac-static-page > header.content .main-menu a,.mac-static-page > header.content .main-menu select { color:#fff; }
.mac-static-page > header.content .main-menu .orange { color:#172b42;background:#ffc261;border-color:#ffc261;border-radius:8px; }
.mac-static-page > header.content h1,.mac-static-page > header.content h2,.mac-static-page > header.content h3,.mac-static-page > header.content h4 { color:#fff!important;line-height:1.16;font-size:clamp(30px,4vw,52px);font-weight:700;letter-spacing:-.035em; }
.mac-static-page > header.content p { color:#eef3f8!important;line-height:1.7;font-size:18px;max-width:680px;margin:20px auto; }
.mac-static-page > header.content .btn { border-radius:9px;min-height:48px;padding:13px 24px;background:#ffc261;color:#172b42;font-weight:600; }
.mac-static-page #main-content { padding-top:48px;padding-bottom:64px; }
.mac-static-page #main-content > .item-page { max-width:1160px;margin:auto; }
.mac-static-page #main-content .container { max-width:100%; }
.mac-static-page #main-content .section { padding-top:36px;padding-bottom:36px; }
.mac-static-page #main-content p { color:var(--muted);font-size:17px;line-height:1.85;overflow-wrap:break-word; }
.mac-static-page #main-content h2,.mac-static-page #main-content h3,.mac-static-page #main-content h4 { color:var(--ink);font-weight:700;line-height:1.25;letter-spacing:-.025em;margin-top:32px;margin-bottom:22px; }
.mac-static-page #main-content h4 { font-size:28px; }
.mac-static-page #main-content a:not(.btn) { color:#995407;text-decoration:underline;text-underline-offset:3px; }
.mac-static-page #main-content .btn { white-space:normal;border-radius:8px;min-height:46px;padding:12px 22px;font-weight:600; }
.mac-static-page #main-content .btn.orange { background:#ffc261;color:var(--ink);border-color:#ffc261; }
.mac-static-page #main-content img { max-width:100%;height:auto; }
.mac-static-page #main-content ul:not(.nav):not(.dropdown-menu) { padding-left:24px; }
.mac-static-page #main-content ul:not(.nav):not(.dropdown-menu) > li { list-style:disc;margin:10px 0;line-height:1.8;color:var(--muted); }
.mac-static-page #main-content .contact-box { border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 30px rgba(20,42,62,.05);padding:32px 20px;height:auto;min-height:230px;background:#f7f9fc; }
.mac-static-page #main-content .contact-box h4 { font-size:clamp(19px,2.3vw,26px);overflow-wrap:anywhere; }
.mac-static-page #main-content .contact-box img { width:56px;height:56px;object-fit:contain; }
.mac-static-page #main-content .contact-media { border-top:1px solid var(--line);padding-top:24px; }
.mac-static-page #main-content .ifs { border-radius:16px;overflow:hidden; }
.mac-static-page #main-content .address { background:#f1f5f9!important;color:var(--ink); }
.mac-static-page #main-content #gmap_canvas { display:flex;align-items:center;justify-content:center;padding:32px;background:#edf2f7; }
.mac-static-page #main-content .mac-map-link { display:inline-flex;align-items:center;padding:16px 24px;border:1px solid #cad5e0;border-radius:10px;background:#fff;line-height:1.6; }
.mac-static-page #main-content #get-map-data { display:none; }
.mac-static-page a:focus-visible,.mac-static-page button:focus-visible { outline:2px solid #d99e3e;outline-offset:5px; }
.mac-static-page > header a:focus-visible { outline-color:#fff; }
@media(max-width:991px){
 .mac-static-page > header.content { min-height:300px;padding-bottom:36px; }
 .mac-static-page #main-content { padding-top:20px;padding-bottom:36px; }
 .mac-static-page #main-content .section { padding-top:24px;padding-bottom:24px; }
 .mac-static-page #main-content .contact-box { margin-bottom:20px; }
}
@media(max-width:767px){
 .mac-static-page > header.content { min-height:240px; }
 .mac-static-page > header.content h1,.mac-static-page > header.content h2,.mac-static-page > header.content h3,.mac-static-page > header.content h4 { font-size:32px; }
 .mac-static-page #main-content p { font-size:16px;line-height:1.75; }
 .mac-static-page #main-content h4 { font-size:25px;margin-top:24px; }
 .mac-static-page #main-content .ifs .background { height:auto!important;min-height:220px; }
 .mac-static-page #main-content .inner-box { position:static!important;padding:32px 22px!important;transform:none!important; }
 .mac-static-page #main-content #gmap_canvas { height:240px!important; }
}
@media(prefers-reduced-motion:reduce){.mac-static-page .wow,.mac-static-page .animated {animation:none!important;visibility:visible!important;}}
/* Module heroes size from their text, including longer translations. */
.mac-static-page > header.content:has(.hero) { display:flex;flex-direction:column;min-height:0;padding-bottom:0; }
.mac-static-page > header.content:has(.hero) > .main-menu { order:-1;flex:none; }
.mac-static-page > header.content:has(.hero) .background-image { position:relative;top:auto;left:auto;height:auto;min-height:300px;padding:64px 24px; }
.mac-static-page > header.content:has(.hero) .hero { position:relative;top:auto;left:auto;transform:none;margin:0 auto;width:100%;max-width:840px;text-align:center; }
.mac-static-page > header.content:has(.hero) .hero h1,.mac-static-page > header.content:has(.hero) .hero h2,.mac-static-page > header.content:has(.hero) .hero h3,.mac-static-page > header.content:has(.hero) .hero h4 { margin:0 auto 22px; }
@media(max-width:767px){.mac-static-page > header.content:has(.hero) .background-image { padding:42px 24px;min-height:210px; }}
.mac-static-page > header.content .about-us-inner { position:absolute;inset:100px 24px 0;width:auto;height:auto;background:transparent;display:flex;align-items:center;justify-content:center; }
.mac-static-page > header.content .about-us-inner h3 { width:100%;max-width:900px;padding:0;font-size:clamp(30px,4vw,52px)!important;font-weight:700;line-height:1.2; }
.mac-static-page > header.content .hero { top:auto!important; }
.mac-static-page > header.content .pricing-top { position:relative;z-index:1;margin-top:32px!important; }
.mac-static-page > header.content .pricing-top p { margin:8px 0; }
.mac-static-page #main-content .accordion-heading a { padding:18px 42px 18px 0;line-height:1.5; }
.mac-static-page #main-content .accordion { border-color:var(--line);padding-bottom:12px; }
.mac-static-page #main-content table { max-width:100%; }
.mac-static-page #main-content .nav-pills { display:flex;flex-wrap:wrap;gap:8px;margin:20px 0; }
.mac-static-page #main-content .nav-pills > li { margin:0; }
.mac-static-page #main-content .nav-pills > li > a { border-radius:8px;padding:12px 18px; }
@media(max-width:767px){.mac-static-page #main-content img {margin-left:0!important;margin-right:0!important;}}
/* A compact translucent navigation over the photograph, matching the blog. */
.mac-static-page > header.content { padding-left:0;padding-right:0; }
.mac-static-page > header.content > .main-menu,
.mac-static-page > header.content:has(.hero) > .main-menu { position:absolute;inset:0 0 auto;margin:0;padding:10px 16px;min-height:60px;background:rgba(15,20,26,.38);border-bottom:1px solid rgba(255,255,255,.14);z-index:30; }
.mac-static-page > header.content .main-menu .btn { min-height:38px;padding:8px 18px;border-radius:5px;font-size:14px;line-height:20px; }
.mac-static-page > header.content .main-menu a:not(.btn),.mac-static-page > header.content .main-menu select { font-size:14px; }
.mac-static-page > header.content:has(.hero) .background-image { min-height:460px;padding:136px 24px 82px; }
.mac-static-page > header.content .background-image::before { background:linear-gradient(180deg,rgba(9,18,27,.42),rgba(9,18,27,.35)); }
.mac-static-page > header.content .hero { max-width:820px; }
.mac-static-page > header.content .hero h1,.mac-static-page > header.content .hero h2,.mac-static-page > header.content .hero h3,.mac-static-page > header.content .hero h4 { font-size:clamp(30px,3.2vw,42px);font-weight:600!important;line-height:1.25;letter-spacing:-.025em; }
.mac-static-page > header.content .hero p { font-size:19px;line-height:1.7;max-width:700px; }
.mac-static-page > header.content .about-us-inner { inset:70px 24px 0; }
.mac-static-page > header.content .about-us-inner h3 { max-width:850px;font-size:clamp(30px,3.2vw,42px)!important; }
.mac-static-page > header.content .pricing-top { margin-top:30px!important; }
.mac-static-page #main-content:has(.product) { padding-top:32px; }
@media(max-width:991px){.mac-static-page > header.content .main-menu { min-height:64px; }}
@media(max-width:767px){
 .mac-static-page > header.content:has(.hero) .background-image { padding:116px 24px 48px;min-height:340px; }
 .mac-static-page > header.content .hero h1,.mac-static-page > header.content .hero h2,.mac-static-page > header.content .hero h3,.mac-static-page > header.content .hero h4 {font-size:32px;}
 .mac-static-page > header.content .hero p {font-size:16px;}
 .mac-static-page > header.content .about-us-inner {inset:84px 24px 20px;}
 .mac-static-page > header.content:has(.about-us-inner) {min-height:330px;}
}
.mac-static-page > header.content:has(.product-title) .background-image {background-image:url('https://d1idjbb9jmy0ec.cloudfront.net/templates/medium/img/team.jpg')!important;background-position:center 40%!important;}
.mac-static-page > header.content:has(.pricing-title) .background-image {background-image:url('https://d1idjbb9jmy0ec.cloudfront.net/media/k2/items/cache/700226d13b56ab5f2f0330a17a7ee485_L.jpg')!important;background-position:center center!important;}
.mac-static-page #main-content .build-process-title {margin-top:0;margin-bottom:32px;}
.mac-static-page #main-content .build-process-title h2 {margin-top:0;}
.mac-static-page #main-content .mac-pricing-features {margin:0 auto 40px!important;padding:28px 20px;border:1px solid #e2e8ef;border-radius:12px;background:#fff;box-shadow:0 8px 28px rgba(20,42,62,.05);}
.mac-static-page #main-content .mac-pricing-features .row {margin:0!important;padding:0;}
.mac-static-page #main-content .mac-pricing-features p {font-size:16px;line-height:1.65;margin:8px 0;color:#40546a;}
.mac-static-page #main-content .mac-pricing-features .pricing-top-padding {padding:0;}
@media(min-width:992px){
 .mac-static-page > header.content > .main-menu,.mac-static-page > header.content:has(.hero) > .main-menu {padding:5px 0;min-height:58px;}
 .mac-static-page > header.content .main-menu .logo {margin-top:0;}
}
@media(max-width:767px){.mac-static-page #main-content .mac-pricing-features {padding:20px 10px;margin-bottom:28px!important;}}
.mac-static-page #main-content .section:has(.build-process-title) {padding-top:12px;}

/* Photo captions need their own contrast, independent of article headings. */
.mac-static-page #main-content .ifs .background:has(> .athlete-supporter)::after { content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.6));pointer-events:none; }
.mac-static-page #main-content .ifs h3.athlete-supporter { position:absolute;left:20px;right:20px;top:auto;bottom:30px;margin:0;transform:none;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.8);z-index:1; }
.mac-static-page #main-content .ifs h3.athlete-supporter span { color:inherit; }
/* Product's dark funding panel uses light text rather than article ink. */
.mac-static-page #main-content .funding-option {background:#333;color:#fff;}
.mac-static-page #main-content .funding-option h2,.mac-static-page #main-content .funding-option h4 {color:#fff;}
.mac-static-page #main-content .funding-option p {color:#e2e9f2;opacity:1;}