@charset "UTF-8";
/* Scoped additions to the existing cinema theme. No route-app styling. */
.seo-preview-bar{background:#183d3b;color:#f6e7ca;border-bottom:1px solid #e3c48235;padding:9px 4%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 20px;font:500 12px/1.5 system-ui;position:relative;z-index:50}
.seo-preview-bar a{color:#ffcc7b;text-decoration:underline;text-underline-offset:3px;padding:3px}
.seo-preview-bar .preview-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9de5cd;margin-right:8px}
.cinematic .site-header nav{gap:18px}
.cinematic .seo-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:400 13px/1.6 system-ui;color:#b2c9c6;margin:0 0 26px}
.seo-breadcrumbs a:hover{text-decoration:underline;color:#ffc36b}
.cinematic .seo-home-links{padding-block:75px;border-block:1px solid #bedbd626;background:linear-gradient(135deg,#102b2c,#0c242b)}
.cinematic .route-related-links{padding-block:28px;background:#102c2e;border-block:1px solid #bedbd626;scroll-margin-top:24px}
.route-related-links>.wrap{display:flex;align-items:center;justify-content:space-between;gap:14px 36px;flex-wrap:wrap}
.cinematic .route-related-links h2{font-size:1.6rem;line-height:1.25;margin:0}
.route-related-links ul{display:flex;gap:8px 32px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.route-related-links a{display:inline-flex;align-items:center;gap:16px;min-height:44px;color:#ffca7b;font-size:16px;line-height:1.5;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#ffca7b70}
.route-related-links a:hover{color:#fff2d4}
.route-related-links a:focus-visible{outline:2px solid #ffca7b;outline-offset:4px;border-radius:3px}
.route-related-links a span{flex-shrink:0}
@media(max-width:680px){.route-related-links>.wrap{align-items:start;flex-direction:column;gap:12px}.route-related-links ul{flex-direction:column;gap:2px}}
.cinematic .seo-section-title{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}
.cinematic .seo-section-title h2{font-size:clamp(2.1rem,4.2vw,3.9rem);line-height:1.08;margin-top:12px}
.seo-section-title>p{max-width:350px;color:#bed1ca}
.guide-cards{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.guide-card{min-width:0;overflow:hidden;background:linear-gradient(155deg,#1d4140,#122d32);border:1px solid #cfddc736;border-radius:23px;box-shadow:0 18px 40px #0002;display:flex;flex-direction:column}
.guide-card-photo{display:block;overflow:hidden;aspect-ratio:2/1}
.guide-card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.guide-card:hover .guide-card-photo img{transform:scale(1.025)}
.guide-card-copy{padding:27px 30px 30px;flex:1;display:flex;flex-direction:column;align-items:start}
.cinematic .guide-card h3{font-size:clamp(1.8rem,2.5vw,2.4rem);line-height:1.15;margin:12px 0}
.guide-card-copy>p:not(.eyebrow){color:#c9d9d1;margin:0 0 18px}
.guide-card-copy>.text-link{margin-top:auto;min-height:44px;display:inline-flex;align-items:center;gap:18px}
.cinematic .guide-hero{padding-block:38px 55px}
.guide-hero-grid{display:grid;grid-template-columns:1.07fr 1fr;gap:5%;align-items:center}
.cinematic .guide-hero h1{font-size:clamp(3.1rem,5.1vw,5.5rem);line-height:1.04;margin:20px 0 24px}
.guide-hero .guide-intro{color:#c9d9d1;max-width:620px;font-size:1.05rem}
.guide-hero figure{margin:0;min-width:0}
.guide-hero figure>img{width:100%;height:auto;aspect-ratio:1.22;object-fit:cover;border-radius:25px;border:1px solid #cfddc749;box-shadow:0 24px 55px #0004}
.guide-hero figcaption{font-size:12px;margin-top:10px;color:#b2c9c6}
.guide-hero figcaption a{text-decoration:underline;text-underline-offset:3px}
.guide-byline{display:flex;gap:8px 18px;flex-wrap:wrap;color:#a9c9bc;font-size:13px;margin-top:25px}
.cinematic .guide-body{display:grid;grid-template-columns:minmax(0,780px) minmax(230px,330px);justify-content:space-between;gap:7%;padding-block:35px 80px;border-top:1px solid #bedbd62b}
.guide-article{min-width:0}
.guide-article section{padding:24px 0 15px;scroll-margin-top:25px}
.cinematic .guide-article h2{font-size:clamp(1.9rem,3.1vw,2.8rem);line-height:1.16;margin-bottom:22px}
.guide-article p,.guide-article li{font-size:17px;line-height:1.85;color:#d4dfd8}
.guide-article p{margin:16px 0}
.guide-article a:not(.button){color:#ffca7b;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#ffca7b70}
.guide-article ul,.guide-article ol{padding-left:24px;margin:15px 0}
.guide-article li{padding-left:5px;margin-bottom:12px}
.guide-article li strong{color:#fff8e9}
.guide-note{padding:25px;border-left:3px solid #ffc36b;background:#193b3c;border-radius:0 14px 14px 0;margin-block:25px}
.guide-note>strong{color:#ffda9b;font-size:17px}
.guide-note p{font-size:15px}
.guide-aside{align-self:start;position:sticky;top:25px;background:#143236;border:1px solid #cadbc72d;border-radius:20px;padding:26px}
.guide-aside nav{display:flex;flex-direction:column;margin:16px 0 24px}
.guide-aside nav a{display:block;border-bottom:1px solid #bedbd620;padding:11px 0;font-size:14px;color:#d4dfd8;line-height:1.6}
.guide-aside nav a:hover{color:#ffc36b}
.guide-aside .button{width:100%}
.guide-aside>p:not(.eyebrow){font-size:13px;color:#b2c9c6;margin-top:20px}
.guide-aside strong{color:#ffe4b5}
.guide-sources{font-size:13px;border-top:1px solid #bedbd626;padding-top:15px}
.guide-sources p{font-size:13px;color:#a9c4bb}
.cinematic .seo-related{padding:55px 0 75px;background:#102c2e;border-block:1px solid #bedbd626}
.seo-related .guide-card{display:grid;grid-template-columns:1fr 1.3fr;max-width:950px;margin:auto}
.seo-related .guide-card-photo{aspect-ratio:auto;height:100%}
.seo-cta{padding:30px;background:linear-gradient(145deg,#254944,#153135);border:1px solid #ffce7f45;border-radius:20px;margin-top:35px}
.cinematic .seo-cta h3{font-size:2rem;margin-bottom:14px}
.seo-cta .button{margin-top:10px}
.cinematic .seo-overview-hero{padding:48px 0 35px;max-width:1050px}
.cinematic .seo-overview-hero h1{font-size:clamp(3rem,6vw,5.4rem);line-height:1.02;margin:20px 0}
.seo-overview-hero>p:not(.eyebrow){font-size:18px;color:#c9d9d1;max-width:780px}
.seo-overview-nav{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0}
.seo-overview-nav a{border:1px solid #cedcc82d;background:#153738;border-radius:10px;padding:10px 16px;min-height:44px;color:#ffd594;font-size:14px}
.seo-owner-section{padding:45px 0;border-top:1px solid #bedbd62b;scroll-margin-top:20px}
.cinematic .seo-owner-section h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:20px}
.seo-owner-section>p{color:#bcd1c8;max-width:800px}
.seo-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.seo-summary-card{border:1px solid #cadbc72d;background:#133237;border-radius:18px;padding:25px;min-width:0}
.cinematic .seo-summary-card h3{font-size:1.65rem;margin:14px 0 10px}
.seo-summary-card p{font-size:15px;color:#c1d4cc}
.seo-status{display:inline-flex;align-items:center;border-radius:7px;background:#72bd9b20;color:#adeacf;padding:4px 9px;font-size:12px;line-height:1.5;border:1px solid #72bd9b40}
.seo-status.pending{background:#eac07915;border-color:#eac07940;color:#ffce8a}
.seo-table-wrap{overflow:auto;border:1px solid #bedbd630;border-radius:14px;margin-top:24px}
.seo-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}
.seo-table th{background:#1a3e3e;color:#ffda9b;padding:16px;font-weight:600}
.seo-table td{padding:16px;border-top:1px solid #bedbd626;line-height:1.7;vertical-align:top}
.seo-table td:first-child{font-weight:600;color:#fcf0d8}
.seo-table a{color:#ffce8a;text-decoration:underline}
.seo-table .muted{display:block;font-size:12px;color:#a8c8bc;font-weight:400}
.snippet-controls{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}
.snippet-controls button{min-height:44px;border:1px solid #cedcc835;background:#153536;color:#eee9db;border-radius:9px;padding:10px 16px;cursor:pointer;font:inherit;font-size:14px}
.snippet-controls button[aria-pressed="true"]{background:#ffc36b;color:#172a26;border-color:#ffc36b}
.search-snippet{border:1px solid #cadbc738;border-radius:18px;padding:30px;background:#11292e;max-width:780px;min-height:208px}
.search-snippet .snippet-brand{font-size:15px;color:#f4ecd8;margin:0}
.snippet-url{font-size:12px;color:#a9c9bc;margin:5px 0 12px;overflow-wrap:anywhere}
.cinematic .snippet-title{display:inline-block;font:500 22px/1.35 system-ui;color:#ffd490;margin:0 0 8px;text-decoration:none}
.snippet-description{font:15px/1.65 system-ui;color:#c4d6d0;max-width:660px}
.seo-note{font-size:13px!important;color:#adc5ba!important;max-width:780px;margin-top:15px}
.seo-checklist{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}
.seo-checklist article{padding:26px;background:#122d32;border:1px solid #bedbd626;border-radius:17px}
.cinematic .seo-checklist h3{font-size:1.6rem;margin-bottom:12px}
.seo-checklist ul{padding-left:18px}
.seo-checklist li{margin:9px 0;color:#c2d7cc;font-size:15px;line-height:1.7}
.seo-checklist a,.seo-owner-section p>a{color:#ffc36b;text-decoration:underline;text-underline-offset:3px}
.partner-draft{max-width:870px;padding:28px;border:1px solid #bedbd638;border-radius:18px;background:#143435;margin:24px 0}
.partner-draft p{color:#d4dfd8;margin:12px 0}
.partner-draft .button{margin-top:15px}
.copy-status{font-size:13px;color:#a9dfbf;min-height:22px}
.copy-fallback{width:100%;min-height:220px;background:#0b252b;color:#f7ecd3;border:1px solid #bbd8c659;padding:15px;font:15px/1.7 system-ui;border-radius:8px}
.seo-preview-blocked{max-width:750px;padding-block:60px 100px;min-height:60vh}
.cinematic .seo-preview-blocked h1{font-size:clamp(2.8rem,5vw,4rem);line-height:1.1;margin:20px 0}
.seo-preview-blocked p{margin:18px 0;color:#c3d5cc}
.seo-preview-blocked .button{margin-top:20px}
@media(max-width:1150px){.cinematic .site-header nav{gap:10px}.cinematic .site-header nav>a{font-size:12px}.cinematic .site-header{gap:14px}.guide-hero-grid{gap:30px}.guide-hero h1 br{display:none}.guide-body{gap:35px!important}}
@media(max-width:960px){.cinematic .site-header nav{gap:4px;align-items:stretch}.cinematic .site-header nav>a:not(.button){font-size:15px}.guide-hero-grid{grid-template-columns:1fr 1fr}.guide-hero figure>img{aspect-ratio:.85}.seo-summary-grid{grid-template-columns:1fr}.cinematic .guide-body{grid-template-columns:minmax(0,1fr) 245px;gap:25px!important}.guide-aside{padding:20px}.seo-section-title{align-items:start!important;flex-direction:column}.seo-section-title>p{max-width:600px}}
@media(max-width:680px){.seo-preview-bar{font-size:11px;padding:7px 12px;gap:2px 12px}.guide-cards,.guide-hero-grid,.cinematic .guide-body,.seo-checklist{grid-template-columns:1fr}.cinematic .guide-hero{padding-top:25px}.cinematic .guide-hero h1{font-size:2.7rem;line-height:1.07}.guide-hero figure>img{aspect-ratio:1.6}.guide-hero-grid{gap:30px}.guide-byline{font-size:12px}.guide-card-copy{padding:23px}.cinematic .seo-home-links{padding-block:50px}.guide-hero .guide-intro{font-size:16px}.guide-article p,.guide-article li{font-size:16px}.guide-aside{position:static;grid-row:1;padding:20px}.guide-aside nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;margin-bottom:12px}.guide-aside nav a{padding:6px 10px;min-height:44px;display:flex;align-items:center;background:#244442;border-radius:8px;border:0;font-size:12px}.guide-aside>.button,.guide-aside>p:not(.eyebrow){display:none}.guide-article section{padding-block:15px}.guide-note{padding:20px}.seo-related .guide-card{grid-template-columns:1fr}.seo-related .guide-card-photo{aspect-ratio:2;height:auto}.seo-table{font-size:13px;min-width:650px}.search-snippet{padding:22px;min-height:260px}.seo-overview-hero>p:not(.eyebrow){font-size:16px}.seo-cta{padding:23px}.seo-checklist article{padding:22px}.seo-overview-nav a{font-size:13px;padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.guide-card-photo img{transition:none}.guide-card:hover .guide-card-photo img{transform:none}}
/* Eight navigation destinations need the menu before the header becomes cramped. */
@media(min-width:1321px) and (max-width:1500px){
 .cinematic .site-header nav{gap:13px}
 .cinematic .site-header nav>a,.cinematic .site-header nav>.nav-cta{font-size:.8125rem}
 .cinematic .site-header nav>.nav-cta{padding-inline:15px}
}
@media(max-width:1320px){
 .cinematic .menu-toggle{display:flex;margin-left:auto}
 .cinematic .site-header nav{display:none;position:absolute;left:0;right:0;top:calc(100% - 2px);width:auto;margin:0;background:#143538fc;border:1px solid #bedbd640;border-radius:17px;padding:18px;box-shadow:0 20px 50px #0006;flex-direction:column;align-items:stretch;gap:4px;max-height:calc(100vh - 155px);max-height:calc(100dvh - 155px);overflow-y:auto;overscroll-behavior:contain}
 .cinematic .site-header nav.is-open{display:flex}
 .cinematic .site-header nav>a:not(.button){font-size:.95rem;padding:10px 12px;min-height:44px}
 .cinematic .site-header nav>.nav-cta{margin-top:8px;font-size:.875rem;flex-shrink:0}
}