/* i2Arabic: shared suite shell with a coral, Arabic-first community directory. */
/* The i2Suite header follows the i2PDF navigation order on every page. */
.site-header .header-actions>.site-guides-link { display:inline-flex; }
.site-header .header-actions { margin-inline-start:auto; }
.type-collection-band { background:var(--accent-soft); }
.type-collection-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,32%); align-items:center; gap:36px; padding-block:34px; min-height:340px; }
.type-collection-hero h1 { margin:12px 0 16px; font-size:clamp(34px,4vw,48px); font-weight:750; line-height:1.2; letter-spacing:-1px; }
.type-collection-hero p { max-width:620px; margin:0; color:var(--muted); font-size:15px; line-height:1.8; }
.type-collection-art { width:min(100%,280px); justify-self:center; }
.type-collection-art img { display:block; width:100%; height:auto; }
.type-directory-tabs .type-collection-link { min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:8px; border-radius:12px; padding:10px 18px; font-size:15px; font-weight:600; }
.type-directory-tabs .type-collection-link:hover { background:var(--canvas); }
.type-directory-tabs .type-collection-link>span { padding:1px 5px; border-radius:5px; background:var(--accent); color:white; font-size:10px; }
.type-directory-tabs .type-collection-link:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
@media(max-width:1000px) { .site-header .header-inner { padding-inline:24px; gap:16px; } }
@media(max-width:800px) {
    .site-header .header-inner { padding-inline:16px; gap:12px; }
    .site-header .header-actions { gap:6px; }
    .site-header .header-menu-trigger { width:36px; height:36px; min-height:36px; justify-content:center; padding:0; border:1px solid var(--line); border-radius:50%; }
    .site-header .header-menu-trigger>span,.site-header .header-menu-trigger>bdi,.site-header .header-menu-trigger>.small-icon { display:none; }
    .site-header .appearance-picker { margin-inline-start:0; }
    .site-header .appearance-picker>summary { width:36px; height:36px; }
    .site-header .language-trigger { width:36px; height:36px; padding:0; justify-content:center; flex:none; }
    .site-header .language-trigger>span,.site-header .language-trigger>.small-icon { display:none; }
}
@media(max-width:680px) {
    .type-collection-hero { grid-template-columns:minmax(0,1fr); gap:16px; padding-block:28px 24px; text-align:center; }
    .type-collection-hero h1 { font-size:34px; }
    .type-collection-hero p { font-size:14px; }
    .type-collection-art { width:220px; }
    .type-directory-tabs .type-collection-link { font-size:13px; padding:10px 12px; }
    .site-header .header-inner { padding-inline:12px; gap:8px; }
    .site-header .header-actions { gap:4px; }
    .site-header .brand-logo { height:30px; }
}
@media(max-width:360px) { .site-header .brand-logo { height:25px; } .site-header .header-inner { gap:6px; } }

/* Keyboard shortcuts use the same footer treatment as i2Bopomo. */
.footer-keyboard-links { width:100%; justify-content:center; gap:10px; margin-bottom:6px; padding-block:20px; border-block:1px solid var(--line); font-family:var(--font-body); font-size:11px; }
.footer-keyboard-links a { display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:8px 15px; border:1px solid var(--line); border-radius:9px; background:var(--surface); color:var(--ink); font-weight:500; line-height:1.4; text-decoration:none; }
.footer-keyboard-links a:hover { background:var(--canvas); color:var(--accent-readable,var(--accent)); text-decoration:none; }
.footer-keyboard-links a[aria-current] { background:var(--accent-soft); color:var(--accent-readable,var(--accent)); font-weight:600; text-decoration:none; }
.footer-keyboard-links a:focus-visible { outline-offset:-2px; }
.footer-keyboard-links .footer-more-keyboards { gap:6px; color:var(--accent-readable,var(--accent)); background:var(--accent-soft); border-color:color-mix(in srgb,var(--accent) 24%,var(--line)); }
.footer-keyboard-links .footer-more-keyboards:hover { background:color-mix(in srgb,var(--accent-readable,var(--accent)) 16%,var(--surface)); }
.footer-more-keyboards .icon { width:14px; height:14px; }
:root[dir="rtl"] .footer-more-keyboards .icon { transform:scaleX(-1); }

:root{--accent:#ff7567;--accent-rgb:255,117,103;--accent-soft:#fff0ec;--accent-hover:#f36052;--accent-readable:#ad3c30;--accent-ink:#351c19;--ink:#292a32;--muted:#74727d;--line:#eae7e7;--surface:#fff;--canvas:#f9f7f6;background:#fcfbfa}
:root[data-appearance="dark"]{--accent:#ff8a7e;--accent-rgb:255,138,126;--accent-soft:#392a2a;--accent-hover:#ff9f93;--accent-readable:#ffa79d;--accent-ink:#351c19;--ink:#f4f0ef;--muted:#b8b0b1;--line:#3c3538;--surface:#262326;--canvas:#201d20;background:#1c1a1d}
:root[data-font="noto-kufi-arabic"] body{line-height:1.9}
:root[data-font="noto-kufi-arabic"] :is(h1,h2,h3){letter-spacing:0;line-height:1.75}
:root[data-font="noto-kufi-arabic"] h1{font-weight:700}
body{background:inherit}
.shell-main{min-height:50vh}
.site-header{background:var(--surface)}
.header-inner{max-width:1248px;height:80px;padding-inline:40px}
.header-actions{display:flex;align-items:center;gap:15px}
.header-menu-trigger{display:flex;align-items:center;gap:8px;padding:9px 8px;font-size:13px;font-weight:500;white-space:nowrap;list-style:none}
.header-menu-trigger>.icon{width:18px;height:18px}
.site-header .language-trigger>.icon:first-child{color:var(--accent)}
button .icon,.button .icon,summary .icon{color:currentColor}
.primary,.primary:hover{color:var(--accent-ink)}
.primary:hover{background:var(--accent-hover)}
.secondary{background:var(--surface)}
:focus-visible{outline:2px solid var(--accent-readable);outline-offset:3px}
.tools-menu .site-network-panel{width:350px}
.tool-menu-link{display:flex;align-items:center;gap:12px;padding:13px 10px;border-radius:12px}
.tool-menu-link:hover,.tool-menu-link[aria-current]{background:var(--accent-soft)}
.tool-menu-link>span:nth-child(2){display:flex;flex-direction:column;flex:1}
.tool-menu-link strong{font-size:13px;font-weight:600}
.tool-menu-link small{font-size:11px;color:var(--muted)}
.tool-menu-link>.icon{width:15px;height:15px;transform:scaleX(-1)}
.home-hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:45px;min-height:510px;padding-block:50px 35px}
.hero-kicker{display:flex;align-items:center;gap:9px;color:var(--accent-readable);font-size:12px;font-weight:600}
.hero-kicker>span{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px var(--accent-soft)}
.home-copy h1{font-size:clamp(35px,3.6vw,49px);line-height:1.8!important;margin:18px 0 10px}
.home-copy h1 em{font-style:normal;color:var(--accent-readable)}
.home-copy>p{color:var(--muted);font-size:15px;line-height:2.15;margin:0 0 25px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
.hero-actions .primary{min-height:52px;padding:14px 21px;font-size:13px}
.hero-actions .primary>.icon:last-child{transform:scaleX(-1);margin-inline-start:5px}
.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-size:12px;font-weight:600}
.text-link:hover{color:var(--accent-readable)}
.text-link>.icon{width:17px;height:17px}
.hero-assurance{display:flex;align-items:center;gap:8px;margin-top:23px;color:var(--muted);font-size:10px}
.hero-assurance>.icon{width:14px;height:14px;color:var(--accent-readable)}
.hero-assurance>span{padding-inline:5px}
.home-art{position:relative;display:grid;place-items:center;isolation:isolate}
.home-art:before{content:'';position:absolute;inset:10% 2%;border-radius:50%;background:radial-gradient(ellipse,var(--accent-soft),transparent 70%);z-index:-1}
.home-art img{width:100%;max-width:460px;height:auto;display:block}
.tool-section{padding-block:20px 55px;scroll-margin-top:24px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}
.eyebrow{letter-spacing:0;text-transform:none;font-size:11px;font-weight:500;color:var(--accent-readable)}
.section-heading h2{font-size:24px;margin:5px 0 0;font-weight:650}
.section-heading>p{font-size:12px;color:var(--muted);margin-bottom:5px}
.home-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.home-tool{display:flex;flex-direction:column;position:relative;border:1px solid var(--line);border-radius:22px;background:var(--surface);padding:26px 26px 23px;transition:transform .2s,border-color .2s,box-shadow .2s}
.home-tool:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 12px 30px -18px #ba57484d}
.home-tool-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}
.tool-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--accent-soft);color:var(--accent-readable)}
.tool-icon .icon{width:26px;height:26px}
.tool-number{font-family:"Google Sans Flex",sans-serif;font-size:12px;font-weight:500;color:var(--muted);opacity:.6}
.tool-short{font-size:10px;color:var(--accent-readable)}
.home-tool h3{font-size:19px;margin:6px 0 8px;font-weight:650}
.home-tool p{font-size:12px;line-height:2.15;color:var(--muted);margin:0 0 24px;max-width:270px;flex:1}
.card-action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:12px;font-weight:600}
.card-action>.icon{width:18px;height:18px;color:var(--accent-readable);transform:scaleX(-1)}
.community-note{display:flex;align-items:center;gap:24px;border:1px solid var(--line);border-radius:22px;padding:30px;background:var(--surface);margin-block:0 65px}
.community-mark{display:grid;place-items:center;font-size:44px;font-weight:700;width:82px;height:82px;flex:none;border-radius:22px;color:var(--accent-readable);background:var(--accent-soft)}
.community-note h2{font-size:20px;margin:2px 0 4px}
.community-note p{font-size:12px;color:var(--muted);margin:0}
.community-note>.text-link{margin-inline-start:auto;white-space:nowrap}
.community-note>.text-link>.icon{transform:scaleX(-1)}
.site-footer{padding-block:35px 26px;border-top:1px solid var(--line)}
.site-footer .footer-brand{margin-inline:auto}
.footer-note{font-size:12px;color:var(--muted)}
.footer-details{width:100%}
.footer-keyboard-links{margin-top:22px;padding-block:20px;border-top:0}
.footer-information-links{gap:15px 25px;font-size:11px;justify-content:center}
.footer-copyright{color:var(--muted);font-size:10px;text-align:center;margin:20px 0 0}
.tool-hero{padding-block:28px 28px;text-align:center}
.breadcrumb{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);width:max-content;margin-bottom:24px}
.breadcrumb>.icon{width:12px;height:12px;transform:scaleX(-1)}
.tool-hero .breadcrumb{margin-bottom:15px}
.tool-hero h1{font-size:34px;margin:8px 0 6px}
.tool-hero p{font-size:13px;color:var(--muted);margin:0}
.keyboard-workspace{max-width:740px;margin-bottom:35px}
.other-tools{padding-block:25px 60px}
.other-tools h2{font-size:18px;margin:0 0 18px}
.compact-tools{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.compact-tools>a{display:flex;align-items:center;gap:16px;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:20px;font-size:13px}
.compact-tools>a>.icon:first-child{color:var(--accent-readable)}
.compact-tools>a>.icon:last-child{margin-inline-start:auto;transform:scaleX(-1);width:17px;height:17px}
.directory-hero{padding-block:25px 35px}
.directory-heading{display:flex;justify-content:space-between;align-items:center;gap:35px}
.directory-heading h1{font-size:34px;margin:7px 0 10px}
.directory-heading p{font-size:13px;color:var(--muted);margin:0}
.directory-hero-icon{display:grid;place-items:center;flex:none;width:100px;height:100px;background:var(--accent-soft);color:var(--accent-readable);border-radius:30px;transform:rotate(-6deg)}
.directory-hero-icon>.icon{width:45px;height:45px;transform:rotate(6deg)}
.directory-shell{display:grid;grid-template-columns:210px minmax(0,1fr);gap:30px;align-items:start;padding-bottom:50px}
.directory-sidebar{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:17px 10px;position:sticky;top:18px}
.directory-sidebar h2{font-size:12px;margin:0 9px 15px;font-weight:600}
.directory-groups{display:flex;flex-direction:column;gap:3px}
.directory-groups a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;font-size:11px;min-height:42px}
.directory-groups a:hover{background:var(--canvas)}
.directory-groups a[aria-current]{background:var(--accent-soft);color:var(--accent-readable);font-weight:600}
.directory-groups bdi{font-family:"Google Sans Flex",sans-serif;color:var(--muted);font-size:11px;line-height:1.6;border-radius:6px;padding:2px 6px}
.directory-groups a[aria-current] bdi{background:var(--surface);color:var(--accent-readable)}
.directory-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.directory-search{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:13px;background:var(--surface);padding:0 16px;flex:1;min-width:0;min-height:52px}
.directory-search:focus-within{border-color:var(--accent-readable);box-shadow:0 0 0 3px var(--accent-soft)}
.directory-search>.icon{width:19px;height:19px;color:var(--muted)}
.directory-search input{width:100%;border:0;background:transparent;outline:0;min-width:0;padding:12px 0;color:var(--ink);font-size:12px}
.directory-search input::placeholder{color:var(--muted)}
.saved-filter{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:12px 15px;min-height:52px;font-size:11px}
.saved-filter>.icon{width:18px;height:18px}
.saved-filter[aria-pressed=true]{border-color:var(--accent-readable);background:var(--accent-soft);color:var(--accent-readable)}
.directory-results-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.directory-results-heading h2{font-size:17px;margin:0;scroll-margin-top:25px}
.directory-results-heading p{margin:0;color:var(--muted);font-size:11px}
.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.directory-card{position:relative;border:1px solid var(--line);background:var(--surface);border-radius:17px;min-width:0;transition:border-color .16s,box-shadow .16s}
.directory-card:hover{border-color:var(--accent);box-shadow:0 8px 25px -18px #8d493b55}
.directory-card-link{display:flex;align-items:center;flex-direction:column;height:100%;padding:22px 15px 15px;text-align:center}
.directory-logo{width:100%;height:94px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;margin-bottom:14px;padding:10px}
.directory-logo img{max-width:100%;max-height:72px;width:auto;height:auto;object-fit:contain}
.directory-card h3{font-size:13px;font-weight:650;margin:0 0 3px;overflow-wrap:anywhere}
.directory-item-group{font-size:10px;color:var(--muted);margin-bottom:15px}
.directory-open{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:var(--accent-readable);border-top:1px solid var(--line);padding-top:12px;width:100%;margin-top:auto}
.directory-open>.icon{width:13px;height:13px}
.favorite-button{position:absolute;top:8px;inset-inline-start:8px;background:var(--surface);border:1px solid var(--line);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:var(--muted)}
.favorite-button>.icon{width:16px;height:16px}
.favorite-button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-readable);border-color:var(--accent)}
.favorite-button[aria-pressed=true] .icon{fill:var(--accent)}
.directory-pagination{display:flex;align-items:center;justify-content:center;gap:20px;min-height:70px;margin-top:24px}
.directory-pagination>.button{min-height:40px;padding:9px 15px;font-size:11px}
#directory-prev .icon{transform:scaleX(-1)}
#directory-page{font-size:11px;color:var(--muted)}
.directory-note{display:flex;align-items:flex-start;justify-content:center;gap:8px;color:var(--muted);font-size:10px;margin:12px 0 0;text-align:center}
.directory-note>.icon{width:14px;height:14px;flex:none;margin-top:2px}
.directory-empty{text-align:center;border:1px dashed var(--line);border-radius:18px;padding:55px 25px;background:var(--surface)}
.directory-empty>.icon{width:35px;height:35px;color:var(--accent-readable)}
.directory-empty h3{font-size:18px;margin:15px 0 8px}
.directory-empty p{font-size:12px;color:var(--muted);margin-bottom:22px}
.arabic-not-found{text-align:center;padding-block:45px 65px}
.arabic-not-found>img{display:block;width:min(310px,80%);height:auto;margin:18px auto 8px}
.arabic-not-found h1{font-size:28px;margin:8px 0}
.arabic-not-found p{color:var(--muted);font-size:13px;margin-bottom:24px}
.arabic-not-found .hero-actions{justify-content:center}
.legal-shell{padding-top:36px;padding-bottom:60px}
.legal-shell :is(.legal-kicker,.legal-section>h2>span){color:var(--accent-readable)}
.legal-shell .legal-article a:not(.button){color:var(--accent-readable)}
.legal-shell .legal-tabs a[aria-current]{color:var(--accent-ink)}
.company-shell :is(h1,h2,h3){letter-spacing:0}
.company-shell .company-eyebrow,.company-shell .company-text-link{color:var(--accent-readable)}
.company-shell .about-hero h1,.company-shell .contact-panel h1{font-size:36px;line-height:1.8}
.company-shell .company-lead{font-size:14px;line-height:2.1}
.company-shell .about-hero{padding-block:45px}
.company-shell .company-art img{width:100%;height:auto;display:block}
.company-shell .family-card h3{line-height:1.5}
:root[data-appearance="dark"] :is(.home-art,.company-art)>img{filter:brightness(.9)}
@media(max-width:1000px){.home-hero{gap:20px;min-height:460px}.home-copy h1{font-size:37px}.home-tools{gap:14px}.home-tool{padding:22px 20px}.home-tool h3{font-size:17px}.directory-shell{grid-template-columns:175px minmax(0,1fr);gap:20px}.directory-grid{gap:12px}.directory-card-link{padding-inline:10px}.community-note{gap:18px}.community-note h2{font-size:18px}.community-note>.text-link{display:none}}
@media(max-width:800px){.header-inner{padding-inline:20px}.header-actions{gap:7px}.home-copy h1{font-size:33px}.home-copy>p{font-size:13px}.hero-actions{gap:14px}.hero-actions .primary{font-size:11px;padding:12px 14px}.home-tool p{font-size:11px}.home-tool h3{font-size:15px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-heading h1{font-size:28px}.directory-sidebar{top:12px}.directory-shell{gap:17px}.community-note{padding:24px}.site-footer{padding-top:25px}}
@media(max-width:680px){.container{width:calc(100% - 32px)}.header-inner{height:72px;padding-inline:16px;gap:10px}.header-actions{gap:4px}.brand-logo{height:30px}.site-network-panel,.tools-menu .site-network-panel{inset:76px 12px auto;width:auto;max-width:none}.home-hero{grid-template-columns:1fr;text-align:center;gap:15px;padding-block:34px 26px;min-height:0}.hero-kicker,.hero-actions,.hero-assurance{justify-content:center}.home-copy h1{font-size:36px;margin-block:15px 12px;line-height:1.65!important}.home-copy>p{font-size:13px;margin-bottom:20px}.hero-actions .primary{font-size:12px;min-height:48px}.hero-assurance{margin-top:17px;font-size:10px}.home-art img{width:280px;max-width:90%}.home-art:before{inset:0 15%}.section-heading{align-items:start;margin-bottom:17px}.section-heading h2{font-size:21px}.section-heading>p{display:none}.tool-section{padding-block:15px 28px}.home-tools{grid-template-columns:1fr;gap:13px}.home-tool{padding:20px 22px;display:grid;grid-template-columns:52px 1fr;column-gap:16px}.home-tool-top{grid-row:1/5;flex-direction:column;justify-content:start;gap:12px;margin:0}.tool-number{display:none}.home-tool h3{font-size:18px;margin:3px 0 4px}.home-tool p{font-size:11px;margin-bottom:16px;max-width:none}.tool-short{font-size:9px}.card-action{font-size:11px;padding-top:12px}.community-note{padding:22px 18px;gap:14px;margin-bottom:36px;border-radius:18px}.community-mark{width:55px;height:55px;border-radius:15px;font-size:31px}.community-note h2{font-size:15px}.community-note p{font-size:10px}.community-note .eyebrow{font-size:9px}.footer-keyboard-links{gap:8px;padding-block:15px}.footer-keyboard-links a{font-size:10px;padding:8px 11px}.footer-information-links{gap:12px 20px;font-size:10px}.directory-hero{padding-block:20px 24px}.breadcrumb{margin-bottom:20px}.directory-heading{gap:12px}.directory-heading h1{font-size:24px}.directory-heading p{font-size:11px;line-height:2}.directory-hero-icon{width:62px;height:62px;border-radius:19px}.directory-hero-icon>.icon{width:29px;height:29px}.directory-shell{grid-template-columns:1fr;gap:18px}.directory-sidebar{position:static;padding:0;border:0;background:transparent;min-width:0}.directory-sidebar h2{font-size:10px;margin:0 0 8px}.directory-groups{flex-direction:row;overflow-x:auto;gap:8px;padding:3px 0 9px;scrollbar-width:thin}.directory-groups>a{flex:none;background:var(--surface);border:1px solid var(--line);padding:8px 11px;min-height:39px;font-size:10px}.directory-groups bdi{font-size:10px}.directory-groups>a[aria-current]{border-color:var(--accent);background:var(--accent-soft)}.directory-toolbar{margin-bottom:19px;gap:9px}.directory-search{padding-inline:12px;min-height:48px}.saved-filter{padding:10px;min-height:48px}.saved-filter>span{font-size:10px}.directory-search input{font-size:11px}.directory-results-heading h2{font-size:15px}.directory-card-link{padding:19px 12px 12px}.directory-logo{height:82px;margin-bottom:11px}.directory-logo img{max-height:62px}.directory-card h3{font-size:12px}.directory-item-group,.directory-open{font-size:9px}.directory-pagination{gap:12px}.directory-note{font-size:9px;line-height:2}.tool-hero{padding-top:20px}.tool-hero h1{font-size:26px}.tool-hero p{font-size:11px}.compact-tools{grid-template-columns:1fr;gap:10px}.other-tools{padding-bottom:35px}.other-tools h2{font-size:16px}.compact-tools>a{font-size:12px;padding:17px}.arabic-not-found h1{font-size:23px}.arabic-not-found p{font-size:12px}.company-shell .about-hero h1,.company-shell .contact-panel h1{font-size:28px}.company-shell .company-lead{font-size:12px}.legal-shell h1{font-size:28px}}
@media(max-width:360px){.header-inner{padding-inline:10px}.brand-logo{height:26px}.site-header .header-menu-trigger,.site-header .appearance-picker>summary,.site-header .language-trigger{width:32px;height:32px;min-height:32px}.container{width:calc(100% - 24px)}.home-copy h1{font-size:31px}.home-tool{padding:18px;column-gap:12px}.home-tool h3{font-size:16px}.directory-heading h1{font-size:21px}.directory-hero-icon{display:none}.directory-card h3{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Keep the suite header on the same warm dark surface as the site. */
:root[data-appearance="dark"] .site-header{background:var(--surface)}

/* Country names stay beside consistent, self-hosted SVG flags in both selector layouts. */
.country-label{display:inline-flex;align-items:center;gap:6px;min-width:0}
.country-flag,.country-label>.icon{display:block;width:1.333333em;height:1em;flex:none;object-fit:cover;border-radius:1px}
.country-flag{box-shadow:0 0 0 1px rgb(0 0 0 / .1)}
.country-label>.icon{color:var(--muted);object-fit:contain}