/* Zulo visual identity, 2026-10-25: white pages, indigo, coral and sunflower; rounded modern type. */
:root{--paper:#ffffff;--white:#ffffff;--ink:#1b1f3b;--text:#2a2d45;--muted:#585b72;--line:#e5e4ef;--accent:#c4381c;--wash:#f4f2fb;--sun:#ffcf3a;--sky:#eaf1ff;--radius:16px}
body{background:var(--paper)}
h1,h2,h3{color:var(--ink)}
.intro h1,.article-header h1,.page-heading h1,.info-page h1{font-weight:800;letter-spacing:-.5px}

/* Header: indigo brand bar + pill navigation. */
header{background:var(--ink);color:#fff}
header .brand,header .top-actions a{color:#fff}
header .brand-word{font-weight:800}
.brand-word>span{color:var(--sun)!important}
header .brand-sign{color:#d7d9ee;border-color:#3b4068}
header .top-actions a:hover{color:var(--sun)}
header .menu-toggle{border-color:#fff;color:#fff;border-radius:999px}
header .menu-toggle[aria-expanded="true"]{background:var(--sun);color:var(--ink);border-color:var(--sun)}
header a:focus-visible,header button:focus-visible,header summary:focus-visible{outline-color:var(--sun)}
.nav-shell{background:#fff;border-block:0;border-bottom:1px solid var(--line);color:var(--ink)}
@media(min-width:761px){
.primary-nav{justify-content:flex-start;gap:8px;min-height:64px;flex-wrap:wrap;padding-block:10px}
.primary-nav>a,.nav-more summary{border:0;border-radius:999px;padding:7px 16px;min-height:40px;display:inline-flex;align-items:center;font-size:15px;font-weight:700;background:transparent}
.primary-nav>a:hover,.nav-more summary:hover{background:var(--wash);color:var(--ink)}
.primary-nav>a[aria-current=page]{background:var(--ink);color:#fff;border:0}
.nav-more{margin-inline-start:auto}
.nav-more summary{background:var(--sun);color:var(--ink)}
.nav-more[open] summary{color:var(--ink)}
.nav-more-panel{border-radius:var(--radius);border:1px solid var(--line);box-shadow:0 14px 34px #1b1f3b1f;margin-top:8px;padding:8px}
.primary-nav .nav-more-panel a{border-radius:10px;padding:10px 12px;font-weight:700}
.primary-nav .nav-more-panel a:hover{background:var(--wash)}
}
@media(max-width:760px){.js .nav-shell.is-open{border-bottom:3px solid var(--sun)}.primary-nav>a[aria-current=page]{color:var(--accent)}}

/* Labels and eyebrows: small tags instead of ruled lines. */
.eyebrow{display:inline-flex;gap:8px;background:var(--sun);color:var(--ink);padding:3px 12px;border-radius:999px;font-size:13px;letter-spacing:0}
.eyebrow:before{content:none}
.label{display:inline-flex;align-items:center;gap:7px;color:var(--accent);letter-spacing:0}
.label:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 2px var(--accent) inset}
.story .label,.hero-main .label{display:inline-flex}

/* Intro and hero. */
.intro{padding-block:46px 30px}
.intro h1{font-size:clamp(38px,4.6vw,62px)}
.intro h1{background:linear-gradient(transparent 62%,var(--sun) 62%,var(--sun) 90%,transparent 90%);display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.intro>div{max-width:760px}
.intro p{color:var(--muted)}
.hero-main .hero-image,.image-link,.article-figure img,.small-story img{border-radius:var(--radius)}
.image-link,.hero-main .hero-image{overflow:hidden;isolation:isolate}
.hero-main h2{font-weight:800}
.hero-main:hover h2{color:var(--accent)}
.side-feature{border-top:0;background:var(--wash);border-radius:var(--radius);padding:22px}
.side-feature>h2{font-size:15px;color:var(--accent)}
.small-story{border-color:#dcd9ea}
.small-story img{border-radius:12px}

/* Sections and cards. */
.section-head{border-top:0;padding-top:0;align-items:center}
.section-head h2{font-size:30px;font-weight:800;display:flex;align-items:center;gap:12px}
.section-head h2:before{content:'';width:14px;height:14px;border-radius:4px;background:var(--accent);transform:rotate(45deg);flex-shrink:0}
.section-head a{border:1.5px solid var(--ink);border-radius:999px;padding:6px 16px;text-decoration:none;font-weight:700;color:var(--ink)}
.section-head a:hover{background:var(--ink);color:#fff}
.story h2,.story h3{font-weight:700}
.story h2 a:hover,.story h3 a:hover{color:var(--accent)}
.image-link img,.hero-main img{transition:transform .4s ease}
.story .image-link{box-shadow:0 1px 0 var(--line)}
.cards{gap:30px}

/* Topics band: sunflower panel with chip links. */
.category-band{background:var(--sun);color:var(--ink);border-radius:24px}
.category-band .eyebrow{background:var(--ink);color:#fff}
.category-band h2{color:var(--ink);font-weight:800}
.category-links{gap:10px}
.category-links a{border:0;background:#fff;border-radius:12px;padding:12px 16px;font-weight:700}
.category-links a:hover{color:var(--accent);background:#fffdf4}
.cat-meta small{color:var(--muted)}
.category-band a:focus-visible{outline:3px solid var(--ink);box-shadow:none}
@media(max-width:430px){.category-band{margin-inline:0}}

/* Numbered list and manifesto. */
.number-story{border-color:var(--line)}
.number-story>span{width:44px;height:44px;border-radius:50%;background:var(--sky);color:var(--ink);font-size:18px;display:grid;place-items:center;font-weight:800}
.manifesto{background:var(--ink);color:#e9eaf6;border-radius:24px}
.manifesto h2{color:#fff;font-weight:800}
.manifesto .eyebrow{background:var(--sun);color:var(--ink)}
.manifesto a{color:var(--sun);font-weight:700}
.manifesto a:focus-visible{outline-color:var(--sun)}

/* Israel News Pulse card. */
.pulse-news{background:var(--sky);border:0;border-radius:24px}
.pulse-news .section-head{margin-bottom:12px}
.pulse-news li{border-color:#d3def5}
.pulse-news li::marker{color:var(--accent)}

/* Article page. */
.breadcrumb a:hover{color:var(--accent)}
.article-header .label{font-size:14px}
.article-figure img{border-radius:var(--radius)}
@media(max-width:760px){.article-figure img{border-radius:0}}
.article-body a{color:var(--accent)}
.article-body h2{font-weight:800;padding-inline-start:16px;border-inline-start:5px solid var(--sun)}
.toc{background:var(--wash);border:0;border-radius:var(--radius)}
.toc li{border-color:#dcd9ea}
.editorial-note{background:var(--sky);border-inline-start-color:var(--accent);border-radius:12px}
.article-end{border-color:var(--line)}
.copy-link{border-radius:999px;border-width:1.5px;font-weight:700}
.copy-link:hover{background:var(--ink);color:#fff}

/* Listing pages, search, buttons. */
.all-category-nav a{border-radius:999px;border-color:var(--line);font-weight:700}
.all-category-nav a:hover{border-color:var(--ink)}
.all-category-nav a[aria-current=page]{background:var(--accent);border-color:var(--accent)}
.search-form input{border-radius:999px;padding-inline:20px;border-width:1.5px}
.search-form button{border-radius:999px;background:var(--accent);font-weight:700}
.search-form button:hover{background:var(--ink)}
.more-button{border-radius:999px}
.empty,.no-js-note{border-radius:var(--radius)}

/* Footer. */
.footer{background:var(--ink);border-top:6px solid var(--sun)}
.footer a:hover{color:var(--sun)}
.footer-links button:hover{color:var(--sun)}
.footer-bottom{border-color:#3b4068}

/* Preferences UI follows the theme. */
.zp-notice{border-radius:var(--radius);border-top:4px solid var(--sun)}
.zp-notice button{border-radius:999px}
@media(max-width:760px){.zp-notice{border-radius:var(--radius) var(--radius) 0 0}}
#zulo-preferences-ui .zp-launcher{background:var(--accent);border-color:var(--accent)}
#zulo-preferences-ui .zp-launcher:hover{background:var(--ink);border-color:var(--ink)}
.zp-dialog{border-radius:var(--radius)}

/* High-contrast mode keeps its plain palette. */
html.zp-contrast header,html.zp-contrast .manifesto{background:#000}
html.zp-contrast .category-band,html.zp-contrast .pulse-news,html.zp-contrast .side-feature{background:#fff;color:#000;border:2px solid #000}
html.zp-contrast .category-band h2{color:#000}
html.zp-contrast .intro h1{background:none}
.intro .eyebrow,.page-heading .eyebrow,.info-page .eyebrow{display:flex;width:max-content;margin-bottom:14px}.intro h1{line-height:1.35}