/* Design/UX review, 25 October 2026. Loaded after macdoogles.css. */
@font-face{font-family:Heebo;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/heebo-hebrew-400-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Heebo;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/heebo-hebrew-700-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Heebo;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/heebo-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Heebo;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/heebo-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body,button,input,select,textarea{font-family:Heebo,Arial,"Noto Sans Hebrew",sans-serif}
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* 1. Header: compact search on the nav line; icon toggle on phones. */
.header-search label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.search-toggle{display:none}
@media(min-width:761px){
 body>header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
 #nav{grid-column:2;grid-row:1}
 .header-search{grid-column:3;grid-row:1;justify-self:end;width:220px}
 .header-search .search-controls input{min-height:40px;padding:6px 10px}
 .header-search .search-controls button{min-height:40px;padding:6px 12px}
}
@media(min-width:761px) and (max-width:1239px){
 body>header{grid-template-columns:auto minmax(0,1fr)}
 .header-search{grid-column:2;width:260px}
 #nav{grid-column:1/-1;grid-row:2;justify-content:flex-start}
}
@media(max-width:760px){
 body>header{grid-template-columns:minmax(0,1fr) auto auto}
 .search-toggle{display:inline-flex;align-items:center;gap:6px;grid-column:2;grid-row:1;min-height:44px;padding:8px 12px;border:1px solid var(--line);color:var(--ink);font-size:15px;text-decoration:none}
 .search-toggle:before{content:"";width:15px;height:15px;border:2px solid currentColor;border-radius:50%;box-sizing:border-box;box-shadow:4px 4px 0 -2px currentColor}
 .menu{grid-column:3}
 .header-search{display:none}
 body>header.search-open .header-search{display:block;grid-column:1/-1;grid-row:2}
 body>header.search-open .search-toggle{background:var(--ink);color:var(--paper)}
}

/* 2. Slimmer cookie notice on phones; accessibility button stays clear of it. */
@media(max-width:760px){
 .cookie-notice{padding:8px 14px 10px;gap:6px}
 .cookie-notice h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .cookie-notice p{font-size:13px;line-height:1.45;margin:0}
 .cookie-actions{gap:8px}
 .cookie-actions button{min-height:44px;padding:6px 10px;font-size:14px}
 .access-launch{padding:8px 13px;font-size:14px;left:10px;bottom:10px}
}

/* 4. Category label above the H1 is now the only (linked) category reference. */
.storyhead a.label{display:inline-block;padding-block:12px 4px;text-decoration:none;color:inherit}
.storyhead a.label:hover,.storyhead a.label:focus-visible{text-decoration:underline;text-underline-offset:4px}
.story{padding-top:14px}

/* 5. Smaller watermark on card thumbnails; featured and article images unchanged. */
.card .photo-wrap:after{width:70px;height:24px;background-size:60px auto;bottom:8px;right:8px;border-radius:3px}

/* 6. Whole card is one link; larger targets for small links. */
.card{position:relative}
.card h2 a:after,.card h3 a:after{content:"";position:absolute;inset:0;z-index:2}
.card:hover h2 a,.card:hover h3 a{text-decoration:underline;text-underline-offset:4px}
.card:focus-within{outline:3px solid var(--ink);outline-offset:6px}
.card h2 a:focus-visible,.card h3 a:focus-visible{outline:none}
.card .photo-wrap img{transition:transform .3s ease}
.card:hover .photo-wrap img{transform:scale(1.025)}
.sectionhead>a,.breadcrumb a,footer>div a,.footer-topics a,.recovery-links a,.news-card .sectionhead a{display:inline-flex;align-items:center;min-height:44px}
.cookie-notice p a{display:inline-block;padding-block:6px}

/* 7. Readable excerpts and help text on archive and search pages. */
.archive .card p,.card p{font-size:16px}
@media(min-width:761px){.card p{font-size:17px}}
.search-help,#count{font-size:15px}

/* 9. Sticky table of contents on wide screens; back-to-top on articles. */
@media(min-width:1001px){.toc{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto}}
.to-top{position:fixed;right:16px;bottom:16px;z-index:19;display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;background:var(--paper);color:var(--ink);border:1px solid var(--ink);border-radius:22px;font-size:14px;font-weight:bold;text-decoration:none;box-shadow:0 2px 10px #0002}
.to-top[hidden]{display:none}
body:has(.cookie-notice:not([hidden])) .to-top{bottom:calc(var(--cookie-banner-height,150px) + 12px)}

/* 10. Footer topics. */
.footer-topics{display:block;margin:6px 0 24px}
.footer-topics h2{font-size:15px;margin:0 0 4px;color:#d6e2d8}
.footer-topics ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 22px}
footer a:hover{text-decoration:underline;text-underline-offset:4px}

/* 11. Home: third section as a horizontal list. */
.list-layout .grid{grid-template-columns:1fr;gap:0}
.list-layout .card{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px;align-items:center;padding-block:22px}
.list-layout .card:first-child{padding-top:0}
.list-layout .cardbody{padding-top:0}
@media(max-width:760px){
 .list-layout .card{grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:start;padding-block:16px}
 .list-layout .card h3{font-size:19px;margin:4px 0}
 .list-layout .card p{display:none}
 .list-layout .card .photo-wrap:after{display:none}
}

/* 12. News widget matches other sections. */
.news-card{background:transparent;border:0;border-radius:0;padding:0;margin-block:56px 40px}
.news-card .sectionhead h2{font-size:27px}
@media(max-width:760px){.news-card .sectionhead h2{font-size:23px}.news-card{margin-block:40px 28px}}

/* 13. Share links. */
.share{max-width:850px;margin:8px auto 36px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.share h2{font-size:17px;margin:0}
.share-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.share-actions a,.share-actions button{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:15px;font-weight:bold;text-decoration:none;cursor:pointer}
.share-actions a:hover,.share-actions button:hover{background:#e9ede3}
.share-status{font-size:14px;color:var(--muted)}
@media(max-width:760px){.share{margin-inline:16px}}

@media(prefers-reduced-motion:reduce){.card .photo-wrap img{transition:none}.card:hover .photo-wrap img{transform:none}}
.access-contrast .to-top,.access-contrast .share-actions a,.access-contrast .share-actions button{background:#000!important;color:#fff!important;border-color:#fff!important}
.toc a{display:flex;align-items:center;min-height:44px}
@media(max-width:760px){.share{margin-bottom:84px}}

/* English edition (left to right), 26 October 2026. */
[dir=ltr] .intro p{left:auto;right:0}
[dir=ltr] .topiclinks b{margin-right:0;margin-left:auto}
[dir=ltr] .storyhead{text-align:left}
@media(min-width:761px){[dir=ltr] .storyhead{text-align:center}}
[dir=ltr] .access-panel>button{text-align:left}
[dir=ltr] .access-panel button[aria-pressed=true]::after{float:right}
.lang-switch{font-weight:bold}
[dir=rtl] .lang-switch{font-family:Heebo,Arial,sans-serif}
/* English wordmark on the photo watermark badge. */
[lang=en] .photo-wrap:after{background-image:url('/assets/logo-light-en.svg')}
[dir=ltr] .brand{direction:ltr}