/* Palette: YallaShop Corporate Identity, page 1. Neutrals are brand shades. */
@font-face{font-family:Almarai;src:url('../fonts/almarai-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Almarai;src:url('../fonts/almarai-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Almarai;src:url('../fonts/almarai-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:AlmaraiLatin;src:url('../fonts/almarai-latin-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:AlmaraiLatin;src:url('../fonts/almarai-latin-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:AlmaraiLatin;src:url('../fonts/almarai-latin-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
:root{
  color-scheme:light;
  --color-primary:#ffc805;--color-secondary:#edb900;--color-black:#0f0f0f;--color-gray:#6d6d6d;--color-silver:#c9c9c9;--color-pale:#e3e3e3;--color-white:#fff;
  --bg-primary:#fff;--bg-secondary:#f6f6f6;--bg-card:#fff;--bg-hover:#ededed;--bg-input:#fff;
  --text-primary:#0f0f0f;--text-secondary:#595959;--text-muted:#626262;--border-color:#e3e3e3;--border-strong:#c9c9c9;--accent-text:#755900;--accent-wash:#ffc8050d;--header-bg:#fff;--shadow:0 16px 50px #0f0f0f0a;
  --font-primary:Almarai,Arial,sans-serif;--font-sm:.8125rem;--font-xs:.72rem;--font-base:1rem;--font-lg:1.125rem;--font-heading:clamp(1.65rem,3vw,2.35rem);--font-hero:clamp(2.1rem,4.1vw,3.65rem);
  --weight-regular:400;--weight-bold:700;--weight-heavy:800;
  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;
  --radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--container-width:1240px;--header-height:88px;
  /* Breakpoints: 480px cards, 768px tablet, 1120px full navigation. */
}
:root[data-theme=dark]{color-scheme:dark;--bg-primary:#0f0f0f;--bg-secondary:#151515;--bg-card:#1a1a1a;--bg-hover:#252525;--bg-input:#171717;--text-primary:#fff;--text-secondary:#c9c9c9;--text-muted:#ababab;--border-color:#2a2a2a;--border-strong:#414141;--accent-text:#ffc805;--accent-wash:#ffc80508;--header-bg:#121212;--shadow:0 16px 50px #0003}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg-primary:#0f0f0f;--bg-secondary:#151515;--bg-card:#1a1a1a;--bg-hover:#252525;--bg-input:#171717;--text-primary:#fff;--text-secondary:#c9c9c9;--text-muted:#ababab;--border-color:#2a2a2a;--border-strong:#414141;--accent-text:#ffc805;--accent-wash:#ffc80508;--header-bg:#121212;--shadow:0 16px 50px #0003}}

:root[lang=en]{--font-primary:AlmaraiLatin,Almarai,Arial,sans-serif}

/* 1. Reset and document */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-block-start:2rem}
body{margin:0;background:var(--bg-primary);color:var(--text-primary);font:var(--weight-regular) var(--font-base)/1.8 var(--font-primary);-webkit-font-smoothing:antialiased}
body.modal-open{overflow:hidden}
button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}img{height:auto}
h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.5;text-wrap:balance}h1,h2{font-weight:800}h3{font-weight:700}
ul,ol{padding:0;margin:0;list-style:none}button{color:inherit}button:disabled{cursor:default}
::selection{background:var(--color-primary);color:var(--color-black)}
:focus-visible{outline:3px solid var(--accent-text);outline-offset:5px;border-radius:4px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:16px;transform:translateY(-180%);z-index:100;background:var(--color-primary);color:var(--color-black);padding:10px 20px;border-radius:8px}
.skip-link:focus{transform:translateY(0)}
.container{width:min(calc(100% - 32px),var(--container-width));margin-inline:auto}
.icon{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.arrow-icon{width:22px;height:22px}html[dir=ltr] .arrow-icon{transform:rotate(180deg)}
.accent{color:var(--accent-text)}.muted{color:var(--text-secondary)}

/* 2. Shared buttons and small components */
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:9px 24px;border:1px solid transparent;border-radius:var(--radius-pill);font-size:.875rem;font-weight:700;line-height:1.6;transition:transform .18s ease,background-color .18s ease;white-space:nowrap}
.button:hover{transform:translateY(-2px)}.button-primary{background:var(--color-primary);color:var(--color-black)}.button-primary:hover{background:var(--color-secondary)}
.button-outline{border-color:var(--accent-text);color:var(--accent-text);background:transparent}.button-outline:hover{background:var(--accent-wash)}
.button-small{min-height:40px;padding:7px 18px;font-size:.75rem}.button-wide{width:100%}
.circle-link{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--accent-text);border-radius:50%;color:var(--accent-text);flex:0 0 auto}.circle-link .icon{width:17px;height:17px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:3px 13px;border:1px solid color-mix(in srgb,var(--accent-text) 28%,transparent);border-radius:var(--radius-pill);font-size:.75rem;color:var(--accent-text);background:var(--accent-wash);line-height:1.8}
.eyebrow .icon{width:15px;height:15px}
.section-heading{text-align:center;margin-block-end:32px}.section-heading h2{font-size:var(--font-heading);margin-block-end:7px}.section-heading p{max-width:620px;margin-inline:auto;font-size:.9rem;color:var(--text-secondary)}
.section-footer{display:flex;justify-content:center;margin-block-start:30px}
.section-shell{background:var(--bg-secondary);padding:40px 20px;border:1px solid var(--border-color);border-radius:var(--radius-md)}
.section-shell + .section-shell{margin-block-start:48px}
.meta{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.72rem;line-height:1.5}.meta .icon{width:14px;height:14px}

/* 3. Header and navigation: native details remain usable without JavaScript */
.site-header{position:relative;z-index:20;background:var(--header-bg);border-block-end:1px solid var(--border-color)}
.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px}.brand img{width:157px;height:auto;aspect-ratio:220/60;object-fit:contain}
.brand{position:relative}.brand img{opacity:0}.brand::after{content:"";position:absolute;inset:0;mask:url('/assets/brand/wordmark.webp') center/contain no-repeat;background:var(--logo-color,#0f0f0f);pointer-events:none}
:root[data-theme=dark]{--logo-color:#ffc805}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--logo-color:#ffc805}}
.desktop-nav,.desktop-actions{display:none}.nav-links{display:flex;align-items:center;gap:23px;font-size:.8rem;font-weight:700}.nav-links>li>a{display:flex;align-items:center;min-height:44px;transition:color .15s}.nav-links>li>a:hover{color:var(--accent-text)}
.nav-links .current,.mobile-links .current{color:var(--accent-text)}
.solutions>summary{display:flex;align-items:center;gap:5px;list-style:none;cursor:pointer;min-height:44px}.solutions>summary::-webkit-details-marker,.mobile-navigation>summary::-webkit-details-marker{display:none}.solutions>summary .icon{width:13px;height:13px;transition:transform .2s}.solutions[open]>summary{color:var(--accent-text)}.solutions[open]>summary .icon{transform:rotate(180deg)}
.mega-menu{position:absolute;inset-inline:0;inset-block-start:100%;background:var(--bg-secondary);padding:32px 0 24px;border-block-end:1px solid var(--border-strong);box-shadow:var(--shadow);animation:menu-in .16s ease}
.mega-heading{display:flex;justify-content:space-between;align-items:center;border-block-end:1px solid var(--border-color);padding-block-end:20px;margin-block-end:20px}.mega-heading strong{font-size:1.1rem}.mega-heading p{font-size:.8rem;color:var(--text-secondary);font-weight:400;margin-block-start:4px}
.sector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 24px}.sector-grid a{display:flex;gap:14px;padding:14px 10px;border-radius:8px;transition:background-color .18s}.sector-grid a:hover{background:var(--bg-hover)}.sector-grid .icon{width:24px;height:24px;color:var(--accent-text);margin-block-start:5px}.sector-grid strong{font-size:.9rem;display:block}.sector-grid small{font-size:.74rem;color:var(--text-secondary);font-weight:400;display:block;margin-block-start:4px}
.header-tools{display:flex;align-items:center;gap:10px}.tool-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:42px;min-height:44px;padding:8px;background:none;border:0;color:var(--text-secondary);font-size:.75rem}.tool-button:hover{color:var(--text-primary)}.tool-button .icon{width:17px;height:17px}.login-link{display:flex;align-items:center;gap:6px;font-size:.75rem;min-height:44px;white-space:nowrap}.login-link .icon{width:16px;height:16px}
.theme-button{display:none}.enhanced .theme-button{display:inline-flex}
.mobile-navigation>summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;list-style:none}.mobile-navigation[open]>summary{color:var(--accent-text);position:relative;z-index:2}
.mobile-panel{position:absolute;inset-inline:0;inset-block-start:100%;background:var(--bg-secondary);padding:24px;max-height:calc(100dvh - 76px);overflow-y:auto;box-shadow:var(--shadow);border-block-end:1px solid var(--border-strong);animation:menu-in .16s ease}
.mobile-links{display:grid;gap:4px}.mobile-links>li>a,.mobile-links>li>details>summary{display:flex;align-items:center;min-height:48px;font-weight:700;border-block-end:1px solid var(--border-color)}
.mobile-panel .solutions .sector-grid{grid-template-columns:1fr;padding-block:10px}.mobile-panel .sector-grid a{padding-inline:0}.mobile-panel .sector-grid .icon{width:22px}.mobile-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block:18px}.mobile-panel>.button{width:100%}

/* 4. Hero and native search */
.hero{text-align:center;padding-block:50px 42px;position:relative}.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 15%,var(--accent-wash),transparent 65%)}
.hero>*{position:relative}.hero h1{font-size:var(--font-hero);line-height:1.45;margin-block:18px 14px;letter-spacing:-.035em}.hero h1 span{display:block}.hero>p{max-width:750px;margin-inline:auto;color:var(--text-secondary);font-size:.95rem;line-height:1.9}
.search-form{display:none;max-width:690px;margin:30px auto 0;padding:6px;align-items:center;gap:12px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--bg-input);box-shadow:0 0 0 5px var(--accent-wash)}
.search-form{display:flex}.search-form>.icon{margin-inline-start:15px;color:var(--text-muted);width:22px;height:22px}.search-form input{background:transparent;border:0;color:var(--text-primary);width:100%;min-width:0;outline:0;min-height:42px;font-size:.85rem}.search-form:focus-within{outline:2px solid var(--accent-text);outline-offset:3px}.search-form .button{min-height:43px;padding-inline:24px}.search-form input::placeholder{color:var(--text-muted)}
.category-list{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-block-start:28px}.category-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 13px;min-height:40px;border:1px solid var(--border-color);border-radius:var(--radius-pill);background:var(--bg-secondary);color:var(--text-secondary);font-size:.73rem;transition:background-color .18s}.category-button .icon{width:16px;height:16px}.category-button:hover,.category-button[aria-pressed=true]{color:var(--accent-text);border-color:var(--accent-text);background:var(--accent-wash)}
.category-list{display:flex;visibility:hidden}.enhanced .category-list{visibility:visible}

/* 5. Editorial cards */
.article-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.article-card{min-width:0;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:transform .2s ease,border-color .2s ease}.article-card:hover{transform:translateY(-4px);border-color:var(--border-strong)}
.card-link{display:flex;flex-direction:column;flex:1;padding:10px}.card-image{width:100%;aspect-ratio:1.6;object-fit:cover;border-radius:7px;background:var(--bg-hover)}.card-content{display:flex;flex-direction:column;flex:1;padding:16px 7px 7px}.card-category{font-size:.67rem;color:var(--accent-text);margin-block-end:7px}.card-content h3{font-size:1.05rem;line-height:1.7;margin-block-end:8px}.card-description{color:var(--text-secondary);font-size:.8rem;line-height:1.85;margin-block-end:17px}.card-bottom{margin-block-start:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-block-start:5px}
.compact-grid .card-content h3{font-size:.88rem}.compact-grid .card-content{padding:12px 5px 5px}.compact-grid .card-description{display:none}.compact-grid .card-image{aspect-ratio:1.85}

/* 6. Growth journeys */
.journeys{padding-block:52px}.journey-grid{display:grid;gap:18px}.journey{padding:24px;background:linear-gradient(135deg,var(--accent-wash),transparent 60%),var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}
.journey-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block-end:20px;border-block-end:1px solid var(--border-color)}.journey-title h3{font-size:1.3rem}.journey-title p{font-size:.75rem;color:var(--text-muted);margin-block-start:2px}.journey-title>.icon{width:31px;height:31px;color:var(--accent-text)}
.journey ol{counter-reset:steps;margin-block:6px 23px}.journey li{counter-increment:steps}.journey li a{display:flex;align-items:flex-start;gap:13px;padding-block:17px;border-block-end:1px solid var(--border-color);font-size:.84rem;line-height:1.8}.journey li:last-child a{border:0}.journey li a::before{content:counter(steps);display:flex;align-items:center;justify-content:center;flex:0 0 25px;height:28px;border:1px solid color-mix(in srgb,var(--accent-text) 55%,transparent);border-radius:5px;color:var(--accent-text);font-size:.85rem}.journey li a:hover{color:var(--accent-text)}.journey .button{font-size:.77rem;min-height:40px}

/* 7. Featured reading */
.featured-layout{display:grid;gap:26px}.feature-card{order:-1;border:1px solid var(--border-color);border-radius:12px;padding:14px;background:var(--bg-card)}.feature-card .card-image{aspect-ratio:1.65}.feature-card h3{font-size:1.3rem}.feature-card .card-content{padding:18px 10px 8px}.feature-card .eyebrow{align-self:flex-start;margin-block-end:12px}.feature-card .circle-link{width:42px;height:42px}
.reading-list{display:grid;align-content:center}.reading-item a{display:flex;align-items:center;gap:17px;padding-block:23px;border-block-end:1px solid var(--border-color)}.reading-item:last-child a{border:0}.reading-item img{width:112px;aspect-ratio:1.28;object-fit:cover;border-radius:8px}.reading-item-content{flex:1}.reading-item h3{font-size:.95rem;line-height:1.7;margin-block:7px}.reading-item .eyebrow{font-size:.65rem;padding:1px 9px}.reading-item .circle-link{width:36px;height:36px}.reading-item a:hover h3{color:var(--accent-text)}

/* 8. Product highlights: lightweight vector UI illustrations */
.updates{margin-block:48px}.updates-grid{display:grid;gap:18px}.update-card{padding:12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:14px}.update-visual{height:158px;border:1px solid var(--border-strong);border-radius:9px;background:radial-gradient(ellipse at 60% 30%,#ffc80514,transparent 65%),#151515;display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;color:#c9c9c9;overflow:hidden;position:relative}.update-visual::after{content:"";position:absolute;inset:7px;border:1px solid #ffffff08;border-radius:6px;pointer-events:none}.ui-icon{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#3e3514,#1d1c17);border:1px solid #66551c;border-radius:14px;box-shadow:0 12px 16px #0005;flex:0 0 64px;height:74px;color:var(--color-primary);transform:rotate(-7deg)}.ui-icon .icon{width:35px;height:35px}.ui-panel{display:grid;gap:11px;width:90px;transform:rotate(5deg);padding:13px 10px;background:#252525;border:1px solid #414141;border-radius:8px;box-shadow:0 8px 14px #0006}.ui-line{height:5px;background:#6d6d6d;border-radius:4px}.ui-line:nth-child(2){width:65%}.ui-line:last-child{width:80%;height:12px;background:var(--color-primary);margin-block-start:4px}.ui-chart{display:flex;gap:6px;align-items:flex-end;height:57px}.ui-chart i{width:12px;height:40%;border-radius:3px 3px 0 0;background:var(--color-primary)}.ui-chart i:nth-child(2){height:60%}.ui-chart i:nth-child(3){height:45%}.ui-chart i:nth-child(4){height:85%}.ui-chart i:nth-child(5){height:100%}.ui-product{width:65px;height:80px;background:#292929;border-radius:7px;padding:10px;color:var(--color-primary)}.ui-product .icon{width:100%;height:100%}.ui-type{font-size:1.7rem;color:#e3e3e3;font-weight:700;line-height:1}
.update-card .eyebrow{font-size:.62rem;align-self:flex-start;padding:1px 9px}.update-card h3{font-size:1rem;margin-block:0 6px}.update-card p{font-size:.8rem;color:var(--text-secondary)}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent-text);font-size:.78rem;font-weight:700;margin-block-start:auto;min-height:32px}.text-link .icon{width:18px;height:18px}

/* 9. Closing CTA and footer */
.closing-cta{text-align:center;margin-block:52px;padding:46px 20px;background:radial-gradient(ellipse at 50% 100%,var(--accent-wash),transparent 75%);border:1px solid var(--border-color);border-radius:16px;position:relative;overflow:hidden}.closing-cta h2{font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.4;margin-block:14px}.closing-cta>p{max-width:730px;margin-inline:auto;color:var(--text-secondary);font-size:1rem;line-height:1.9}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:1000px;margin:32px auto}.benefits li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px 10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px}.benefit-icon{width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--accent-wash);color:var(--accent-text)}.benefit-icon .icon{width:27px;height:27px}.benefits strong{display:block;font-size:.85rem}.benefits small{display:block;font-size:.74rem;color:var(--text-secondary);margin-block-start:3px}.closing-cta>.button{min-width:250px;min-height:54px;font-size:1rem}.cta-note{display:flex;justify-content:center;align-items:center;gap:7px;margin-block-start:15px;color:var(--text-muted);font-size:.74rem}.cta-note .icon{width:14px;height:14px}
.site-footer{margin-block-end:24px;padding:18px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px}.footer-banner{padding:23px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;flex-wrap:wrap}.footer-banner h2{font-size:1.4rem}.footer-banner p{font-size:.85rem;color:var(--text-secondary);margin-block-start:7px}.footer-banner .button{border-radius:8px}
.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:36px 14px}.footer-brand{grid-column:1/-1}.footer-brand p{font-size:.82rem;max-width:270px;color:var(--text-secondary);margin-block-start:12px}.footer-column h3{font-size:.9rem;display:inline-block;border-block-end:2px solid var(--color-primary);padding-block-end:7px;margin-block-end:12px}.footer-column a{display:block;font-size:.8rem;color:var(--text-secondary);padding-block:5px}.footer-column a:hover{color:var(--accent-text)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-block-start:1px solid var(--border-color);padding:18px 10px 0}.footer-bottom p{font-size:.7rem;color:var(--text-muted)}.social-links{display:flex;gap:5px;direction:ltr}.social-links a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:1rem;font-weight:700;color:var(--text-secondary)}.social-links a:hover{color:var(--accent-text)}.social-links .icon{width:17px;height:17px}

/* 10. Shared dialog controls for home template previews. */
.dialog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-block-end:1px solid var(--border-color);padding-block-end:15px;margin-block-end:15px;font-size:.8rem;color:var(--text-secondary)}.dialog-close{display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:50%;width:44px;height:44px;flex:0 0 auto}

/* 11. Responsive layouts. Content controls breakpoints; no viewport JS listeners. */
@media(min-width:480px){.article-grid,.updates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1 span{display:inline}.mobile-panel .solutions .sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-tools{gap:16px}.section-shell{padding:36px 24px}}
@media(min-width:768px){.container{width:min(calc(100% - 64px),var(--container-width))}.header-inner{min-height:88px}.brand img{width:170px}.mobile-panel{max-height:calc(100dvh - 88px)}.hero{padding-block:65px 55px}.hero h1{margin-block:23px 18px}.hero>p{font-size:1.04rem}.hero h1 span{white-space:nowrap}.search-form{margin-block-start:35px}.category-list{margin-block-start:30px;gap:10px}.category-button{padding:8px 14px}.section-shell{padding:42px 28px}.journey-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.journey{padding:23px 20px}.journey-title h3{font-size:1.3rem}.journey li a{font-size:.8rem}.featured-layout{grid-template-columns:1fr 1fr;gap:35px}.feature-card{order:0}.reading-item img{width:100px}.reading-item a{gap:14px}.reading-item .circle-link{width:32px;height:32px}.benefits{grid-template-columns:repeat(4,minmax(0,1fr))}.benefits li{flex-direction:row;text-align:start;padding:19px 12px}.footer-main{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:35px}.footer-brand{grid-column:auto}.closing-cta{padding:56px 40px}.footer-bottom{flex-wrap:nowrap}}
@media(min-width:1024px){.article-grid,.updates-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card-content h3{font-size:.99rem}.card-description{font-size:.76rem}.section-shell{padding:45px 28px}.journey li a{font-size:.88rem}.journey{padding:26px}.reading-item img{width:137px}.reading-item h3{font-size:1.07rem}.reading-item .circle-link{width:40px;height:40px}.featured-layout{gap:45px}.feature-card h3{font-size:1.5rem}.footer-main{padding:38px 26px}.header-inner{gap:18px}}
@media(min-width:1120px){.desktop-nav{display:block}.desktop-actions{display:flex;align-items:center;gap:12px}.mobile-navigation{display:none}.header-tools>.theme-button{display:none}.header-inner{width:min(calc(100% - 56px),1440px)}.brand img{width:173px}.header-tools{margin-inline-start:auto;gap:0}.nav-links{gap:19px}.header-inner>.brand{margin-inline-end:14px}.hero{padding-block:67px 57px}.hero h1{white-space:nowrap}.hero>p{font-size:1rem}.hero{max-width:1340px}.closing-cta{margin-block:60px}.desktop-actions .button{box-shadow:0 0 20px #ffc80512}.section-heading{margin-block-end:34px}.section-heading h2{line-height:1.4}}
@media(min-width:1400px){.nav-links{gap:30px}.desktop-actions{gap:16px}.hero{padding-block:76px 64px}.hero h1{font-size:3.75rem}.section-shell{padding:45px 32px}.card-content h3{font-size:1.09rem}.card-description{font-size:.82rem}}
@media(max-width:479px){.header-inner>.brand img{width:143px}.header-tools{gap:2px}.hero>p{font-size:.86rem}.hero h1{font-size:2rem}.search-form{gap:6px}.search-form .button{padding-inline:16px}.search-form>.icon{margin-inline-start:9px}.category-list{gap:7px}.category-button{font-size:.69rem;padding:6px 10px}.section-shell{padding-inline:14px}.reading-item a{gap:12px}.reading-item img{width:85px}.reading-item h3{font-size:.84rem}.reading-item .circle-link{display:none}.feature-card{padding:9px}.footer-banner{padding:18px}.footer-bottom{justify-content:center}.footer-bottom p{order:3;text-align:center;width:100%}.journeys{padding-block:38px}.closing-cta .eyebrow{font-size:.65rem}.closing-cta>p{font-size:.9rem}}

/* 12. Short, finite motion. Content is visible before JS and at all scroll positions. */
@keyframes menu-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.article-card:hover{transform:none}}
@media print{.site-header,.search-form,.category-list,.site-footer,.closing-cta{display:none}body{background:#fff;color:#000}.container{width:100%}.article-grid{grid-template-columns:repeat(2,1fr)}.article-card{break-inside:avoid}}

/* Corporate navigation accommodates the additional localized pages. */
@media(min-width:1024px) and (max-width:1250px){.header-inner{gap:12px}.desktop-nav .nav-links{gap:10px;font-size:12px}.header-tools .button{padding-inline:12px}.site-header .brand img{width:150px}}
/* Site settings → Layout: announcement bar above the header and an optional note below the footer. */
.announcement-bar{background:var(--color-primary);color:var(--color-black);font-size:var(--font-sm);text-align:center;line-height:1.6}.announcement-bar .container{padding-block:8px}.announcement-bar a{color:inherit;font-weight:var(--weight-bold);text-decoration:underline;text-underline-offset:3px}.footer-note{padding-block:0 32px;font-size:var(--font-sm);color:var(--text-muted);text-align:center}.footer-note p{margin:0}