/* Canonical shared chrome; copy with scripts/sync-brand-fonts.cjs. */
.family-header{display:flex;align-items:center;justify-content:space-between;gap:24px}
.family-header > .landing-header-inner{display:flex;width:100%;align-items:center;justify-content:space-between}
.family-header .family-header-brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none;color:inherit;font:600 25px/1.2 Fredoka,sans-serif;letter-spacing:-.5px}
.family-header .family-header-brand img{width:40px;height:40px;object-fit:contain;border-radius:10px}
.family-header .family-header-actions{display:flex;align-items:center;gap:16px;margin-left:auto;flex-shrink:0}
.family-header .family-comics{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid #E8972E;border-radius:14px;background:#e8972e18;color:inherit;font:800 14px/1.2 Mulish,sans-serif;text-decoration:none}
.family-header .family-theme{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border:1px solid #6A718480;border-radius:14px;background:transparent;color:inherit;font-size:22px;cursor:pointer}
.family-header .family-account{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:0;border-radius:14px;background:#E8972E;color:#1B2A47;font:800 14px/1.2 Mulish,sans-serif;text-decoration:none;white-space:nowrap}
.family-header a:focus-visible,.family-header button:focus-visible,.family-chrome-footer a:focus-visible{outline:3px solid #E8972E;outline-offset:4px}
.family-chrome-footer.family-footer{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;text-align:left;padding-block:28px;border-top:1px solid #6A718440;font:12px/1.7 Mulish,sans-serif}
.family-chrome-footer .family-footer-brand{display:flex;flex-direction:column;gap:8px;flex-shrink:0}
.family-chrome-footer .family-footer-home{display:inline-flex;align-items:center;gap:10px;color:#E8972E;text-decoration:none;font:600 25px/1.2 Fredoka,sans-serif}
.family-chrome-footer .family-footer-home img{width:34px;height:34px;object-fit:contain}
.family-chrome-footer .family-footer-mention{color:inherit;text-decoration:none;font:12px/1.6 Mulish,sans-serif}
.family-chrome-footer .family-footer-data{min-width:0;display:flex;flex-direction:column;gap:10px;text-align:right;font:12px/1.7 Mulish,sans-serif}
.family-chrome-footer .family-footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 20px;font:inherit}
.family-chrome-footer .family-footer-links a{display:inline;color:inherit;text-decoration:none}
.family-chrome-footer .family-footer-links a:hover,.family-chrome-footer .family-footer-mention:hover{text-decoration:underline}
.family-chrome-footer .family-footer-note{margin:0;font:inherit}
@media(max-width:760px){.family-header{height:auto;min-height:72px;flex-wrap:wrap;padding-block:14px;gap:12px}.family-header .family-header-brand{font-size:22px}.family-header .family-header-brand img{width:36px;height:36px}.family-header .family-header-actions{gap:8px;flex-wrap:wrap}.family-header .family-comics,.family-header .family-account{font-size:12px;padding-inline:10px}.family-chrome-footer.family-footer{flex-direction:column;align-items:flex-start;gap:20px}.family-chrome-footer .family-footer-data{text-align:left}.family-chrome-footer .family-footer-links{justify-content:flex-start}}
.family-header .family-header-actions .family-comics{display:inline-flex}
@media(max-width:760px){.family-header > .landing-header-inner{flex-wrap:wrap;gap:12px}.family-header > .breadcrumb{display:none}.family-header .landing-comics-button{order:0;width:auto;margin:0}.family-header .family-header-actions{margin-left:0}.family-chrome-footer.family-footer{padding-bottom:90px}}
/* Canonical theme tokens for products that previously had a single theme. */
:root[data-family-theme="light"]{--navy:#1B2A47;--amber:#E8972E;--bg:#F6F1E7;--paper:#F6F1E7;--card:#FFFDF8;--border:#ECE4D5;--line:#ECE4D5;--text:#1B2A47;--muted:#6A7184;--faint:#8A8576;--soft:#FBEFD9;--green-soft:#E2F0E8;--field:#FFFDF8;color-scheme:light;color:var(--text);background:var(--bg)}
:root[data-family-theme="dark"]{--navy:#1B2A47;--amber:#E8972E;--bg:#0E1626;--paper:#0E1626;--card:#16223B;--border:#25324F;--line:#25324F;--text:#EAECF2;--muted:#9AA4BC;--faint:#9AA4BC;--soft:#302D2E;--green-soft:#1D4038;--field:#0E1626;color-scheme:dark;color:var(--text);background:var(--bg)}
:root[data-family-theme] body,:root[data-family-theme] .page,:root[data-family-theme] .app-shell{background:var(--bg);color:var(--text)}
:root[data-family-theme] .top,:root[data-family-theme] .topbar,:root[data-family-theme] .family-chrome-footer{background:var(--card);color:var(--text);border-color:var(--border)}
:root[data-family-theme] .planner,:root[data-family-theme] .extra-filters,:root[data-family-theme] .planner-footer,:root[data-family-theme] .destination-card,:root[data-family-theme] .country-browser,:root[data-family-theme] .place-panel,:root[data-family-theme] .saved-item,:root[data-family-theme] .empty-saved,:root[data-family-theme] .modal,:root[data-family-theme] .journey-card{background:var(--card);color:var(--text);border-color:var(--border)}
:root[data-family-theme] .section-heading h2,:root[data-family-theme] .journey-heading h2,:root[data-family-theme] .journey-copy h3,:root[data-family-theme] .card-body h3,:root[data-family-theme] .page-intro h1,:root[data-family-theme] .country-list button,:root[data-family-theme] .country-list button.selected,:root[data-family-theme] .browser-head h3,:root[data-family-theme] .place-panel h2,:root[data-family-theme] .empty-saved h2,:root[data-family-theme] .saved-item h3{color:var(--text)}
:root[data-family-theme] .planner input,:root[data-family-theme] .planner select,:root[data-family-theme] .field input,:root[data-family-theme] .field textarea,:root[data-family-theme] .search,:root[data-family-theme] .country-list button{background:var(--field);color:var(--text);border-color:var(--border)}
.family-chrome-footer .family-footer-home,.family-chrome-footer .family-footer-home span{color:#E8972E}
/* One frame, gutter, separator and control treatment for every product. */
.family-header.family-header{position:sticky;top:0;z-index:100;height:88px;min-height:88px;width:100%;max-width:none;margin:0;padding:0 32px;background:#FFFDF8;color:#1B2A47;border:0;border-bottom:1px solid #ECE4D5!important;border-radius:0;box-shadow:none}
.family-header.family-header>.landing-header-inner{padding:0!important;max-width:none;margin:0;gap:24px}
:root[data-theme="dark"] .family-header.family-header,[data-family-theme="dark"] .family-header.family-header,body.dark .family-header.family-header{background:#0E1626;color:#EAECF2;border-bottom-color:#25324F!important}
.family-header .family-header-brand>span{font:inherit!important}
.family-header .family-comics{box-shadow:none;text-decoration:none}
.family-header .family-comics,.family-header .family-comics[aria-current="page"]{color:inherit!important;border-color:#E8972E;text-decoration:none}
.family-header .family-account{box-shadow:none}
.family-header.family-header .family-comics{box-sizing:border-box;height:44px;min-height:44px;min-width:0!important;width:auto;padding:10px 14px!important;font:800 14px/1.2 Mulish,sans-serif!important;gap:0}
.family-header.family-header .family-account{box-sizing:border-box;height:44px;min-height:44px;min-width:0!important;width:auto;padding:10px 14px!important;font:800 14px/1.2 Mulish,sans-serif!important;gap:0}
.family-header .family-account>[data-icon],.family-header .family-account>svg{display:none}
.family-header .family-theme{font-size:0;color:inherit;box-shadow:none}
.family-header .family-theme>*{display:none}
.family-header .family-theme::before{content:"";display:block;width:23px;height:23px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.7 14.7A9.1 9.1 0 0 1 9.3 3.3a9 9 0 1 0 11.4 11.4Z'/%3E%3C/svg%3E") center/contain no-repeat}
.family-header .family-theme[aria-pressed="true"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2m0 16v2M2 12h2m16 0h2M5 5l1.4 1.4m11.2 11.2L19 19M5 19l1.4-1.4M17.6 6.4 19 5' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E")}
.family-account-menu{position:relative}.family-account-menu summary{list-style:none;cursor:pointer}.family-account-menu summary::-webkit-details-marker{display:none}.family-account-popover{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;padding:12px;background:#FFFDF8;color:#1B2A47;border:1px solid #ECE4D5;border-radius:14px;box-shadow:0 8px 24px #0003}.family-account-popover button{width:100%;min-height:44px;border:0;background:transparent;color:inherit;font:700 14px Mulish,sans-serif;cursor:pointer}
.family-chrome-footer.family-footer{padding:28px 32px;background:#14213B;color:#D7DEEB}
:root[data-theme="dark"] .family-chrome-footer.family-footer,[data-family-theme="dark"] .family-chrome-footer.family-footer,body.dark .family-chrome-footer.family-footer{background:#0B1220;color:#D7DEEB}
@media(max-width:760px){.family-header.family-header{height:auto;min-height:72px;padding:14px 16px}.family-header.family-header>.landing-header-inner{gap:12px}.family-chrome-footer.family-footer{padding:28px 16px 90px}}
.family-header .family-header-brand img,.family-chrome-footer .family-footer-home img{background:transparent;border:0;border-radius:0!important;box-shadow:none}
.family-header .family-theme{padding:0}
/* Reserve the same thin scrollbar gutter even on short pages. */
html{scrollbar-gutter:stable}
:root{--scrollbar-thumb:#6A7184;--scrollbar-track:#F6F1E7}
:root[data-theme="dark"],:root[data-family-theme="dark"]{--scrollbar-thumb:#9AA4BC;--scrollbar-track:#0E1626}
*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:var(--scrollbar-track)}
::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid var(--scrollbar-track);border-radius:999px}
@media(forced-colors:active){*{scrollbar-color:auto}::-webkit-scrollbar-thumb{background:CanvasText;border-color:Canvas}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:Canvas}}
:root[data-theme="dark"]{--navy:#EAECF2;--paper:#0E1626;--card:#16223B;--muted:#9AA4BC;--line:#25324F}
:root[data-theme="dark"] body{background:#0E1626;color:#EAECF2}
:root[data-theme="light"] body{background:#F6F1E7;color:#1B2A47}
/* Shared readable canvas: identical outer box and inner content edges. */
:root{--family-content-width:1120px;--family-content-padding:40px}
.family-content.family-content{box-sizing:border-box;width:100%;max-width:var(--family-content-width);margin-inline:auto;padding-inline:var(--family-content-padding)}
.family-content.content>.section,.family-content.content>.journey-section{padding-inline:0}
.family-content.content>.hero{margin-inline:0}
.family-content.legal-page{max-width:var(--family-content-width)}
.family-content.panel{width:calc(100% - 32px)}
.family-full-bleed{padding-inline:max(var(--family-content-padding),calc((100% - var(--family-content-width))/2 + var(--family-content-padding)))!important}
/* Three footer rows have a stable place, even when the extra row is empty. */
.family-chrome-footer.family-footer{box-sizing:border-box;min-height:160px;align-items:center;background:#FFFDF8;color:#1B2A47}
.family-chrome-footer .family-footer-data{display:grid;grid-template-rows:minmax(21px,auto) minmax(21px,auto) minmax(21px,auto);gap:10px;align-content:center}
.family-chrome-footer .family-footer-data>.family-footer-links{margin:0;padding:0}
.family-chrome-footer .family-footer-home,.family-chrome-footer .family-footer-home span{color:inherit}
.family-header .family-brand-accent,.family-chrome-footer .family-brand-accent{color:#E8972E!important}
.family-header .family-wordmark,.family-chrome-footer .family-wordmark{color:#E8972E!important}
.family-chrome-footer .family-footer-mention .family-wordmark{font:600 14px/1.5 Fredoka,sans-serif;letter-spacing:-.2px}
.family-header.family-header .family-header-brand,.family-chrome-footer.family-footer .family-footer-home{font:600 25px/1.2 Fredoka,sans-serif!important;letter-spacing:-.5px}
.family-chrome-footer.family-footer .family-footer-mention{font:400 12px/1.6 Mulish,sans-serif!important}
.family-chrome-footer.family-footer .family-footer-data,.family-chrome-footer.family-footer .family-footer-data a,.family-chrome-footer.family-footer .family-footer-links{font:400 12px/1.7 Mulish,sans-serif!important}
:root[data-theme="dark"] .family-chrome-footer.family-footer,[data-family-theme="dark"] .family-chrome-footer.family-footer,body.dark .family-chrome-footer.family-footer{background:#0E1626;color:#EAECF2}
.family-privacy-note{margin:28px 0;border:1px solid #B4D8C3;border-left:4px solid #2F8F66;border-radius:16px;padding:20px 24px;background:#E2F0E8;color:#1B2A47;font:14px/1.7 Mulish,sans-serif;text-align:left}
.family-privacy-note strong{display:block;font-size:16px;font-weight:800;margin-bottom:6px}.family-privacy-note p{margin:0}
[data-family-theme="dark"] .family-privacy-note,:root[data-theme="dark"] .family-privacy-note,body.dark .family-privacy-note{background:#1D4038;color:#EAECF2;border-color:#2F8F66;border-left-color:#5FCB97}
[data-family-theme="dark"] .family-privacy-note strong,:root[data-theme="dark"] .family-privacy-note strong,body.dark .family-privacy-note strong{color:#5FCB97}
@media(max-width:760px){:root{--family-content-padding:20px}.family-chrome-footer.family-footer{align-items:flex-start;min-height:0}.family-chrome-footer .family-footer-data{width:100%}.family-privacy-note{padding:18px 20px}.family-content.content>.hero{margin-inline:0}}
/* Full-width section rows are part of the family identity. */
:root{--family-band-base:#F6F1E7;--family-band-surface:#FFFDF8;--family-band-tint:#E2F0E8;--family-band-navy:#1B2A47;--family-band-border:#ECE4D5}
[data-theme="dark"],[data-family-theme="dark"],body.dark{--family-band-base:#0E1626;--family-band-surface:#16223B;--family-band-tint:#1D4038;--family-band-navy:#1B2A47;--family-band-border:#25324F}
.family-band.family-band{width:100%;max-width:none;margin:0;border-block:1px solid var(--family-band-border);scroll-margin-top:112px}
.family-band.family-band-base{background:var(--family-band-base)}
.family-band.family-band-surface{background:var(--family-band-surface)}
.family-band.family-band-tint{background:var(--family-band-tint)}
.family-band.family-band-navy,[data-theme="dark"] .family-band.family-band-navy{background:var(--family-band-navy);color:#EAECF2}
.family-band>.family-content{padding-block:56px}
.family-band>.family-notice-content{padding-block:24px}
.family-notice-content .family-privacy-note{margin:0}
@media(max-width:760px){.family-band>.family-content{padding-block:40px}.family-band>.family-notice-content{padding-block:24px}}