@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700;800;900&family=IBM+Plex+Sans+Arabic:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap");
/* WCC article pages, redesign 2026-10. Shared by every article, sources and privacy page. Calm reading surface: motion only for feedback. */
:root{--bg:#050505;--bg-2:#0c0c0b;--panel:#111110;--line:#262624;--line-2:#3a3a36;--ink:#f3f2ec;--muted:#a3a29a;--dim:#6e6d66;--yellow:#fddf00;--yellow-ink:#121000;--ease-out:cubic-bezier(.23,1,.32,1);--mono:"IBM Plex Mono",ui-monospace,monospace;--sans:"Rubik",system-ui,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--bg);color:#e9e8e2;font:400 19px/1.85 var(--sans);-webkit-font-smoothing:antialiased}
::selection{background:var(--yellow);color:var(--yellow-ink)}
a{color:var(--ink);text-decoration:underline;text-decoration-color:rgba(253,223,0,.55);text-decoration-thickness:1.5px;text-underline-offset:5px;transition:text-decoration-color 160ms ease,color 160ms ease}
a:hover{text-decoration-color:var(--yellow)}
a:focus-visible,button:focus-visible{outline:2px solid var(--yellow);outline-offset:4px;border-radius:2px}

/* reading progress (scroll-driven, no JS) */
@supports (animation-timeline:scroll()){
  body::before{content:"";position:fixed;top:0;inset-inline:0;height:3px;background:var(--yellow);transform-origin:var(--progress-origin,100% 50%);transform:scaleX(0);z-index:60;animation:wcc-progress linear both;animation-timeline:scroll(root)}
  html[dir=ltr] body::before{--progress-origin:0 50%}
  @keyframes wcc-progress{to{transform:scaleX(1)}}
}

/* header */
body>header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:16px max(24px,calc((100% - 1240px)/2));background:rgba(5,5,5,.82);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid var(--line);font-size:14px}
body>header>a:first-child{display:inline-flex;align-items:center;gap:12px;font:700 12px/1.1 var(--sans);letter-spacing:.2em;color:var(--ink);text-decoration:none;direction:ltr}
body>header>a:first-child::before{content:"W";width:34px;height:34px;display:grid;place-items:center;border:1.5px solid var(--ink);font:900 17px var(--sans);letter-spacing:0;transition:background-color 160ms ease,color 160ms ease}
body>header>a:first-child:hover::before{background:var(--ink);color:var(--bg)}
body>header nav{display:flex;gap:6px;flex-wrap:wrap}
body>header nav a{color:var(--muted);text-decoration:none;padding:6px 10px;position:relative}
body>header nav a::after{content:"";position:absolute;inset-inline:10px;bottom:2px;height:1.5px;background:var(--yellow);transform:scaleX(0);transition:transform 220ms var(--ease-out)}
body>header nav a:hover{color:var(--ink)}body>header nav a:hover::after{transform:scaleX(1)}

/* layout */
main{max-width:860px;margin:auto;padding:64px 28px 40px}
article{min-width:0}
body .article-languages{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);padding:0 0 22px;margin-bottom:34px;font:500 13px/1 var(--mono);direction:ltr}
body .article-languages a{padding:8px 11px;border:1px solid var(--line-2);color:var(--muted);text-decoration:none;transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease}
body .article-languages a:hover{color:var(--ink);border-color:var(--ink)}
body .article-languages a[aria-current=page]{background:var(--yellow);border-color:var(--yellow);color:var(--yellow-ink)}

/* headline block */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:500 12px/1.4 var(--mono);letter-spacing:.14em;color:var(--yellow)}
.eyebrow::before{content:"";width:7px;height:7px;background:var(--yellow);border-radius:50%}
h1,h2,h3{font-family:var(--sans);color:var(--ink);overflow-wrap:break-word}
h1{font-weight:900;font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-.015em;margin:18px 0 22px}
h2{font-weight:800;font-size:clamp(26px,3vw,34px);line-height:1.2;margin:64px 0 18px;padding-top:26px;border-top:1px solid var(--line);position:relative}
h2::before{content:"";position:absolute;top:-1px;inset-inline-start:0;width:56px;height:3px;background:var(--yellow)}
body .dek{color:#d6d5ce;font-size:22px;line-height:1.6;max-width:none}
.meta,figcaption{font:400 13px/1.6 var(--mono);color:var(--dim);letter-spacing:.02em}
body .status{position:relative;margin:30px 0;padding:18px 22px 18px 22px;border:1px solid #5a4d0e;background:linear-gradient(0deg,rgba(253,223,0,.05),rgba(253,223,0,.05)),var(--bg-2);font-size:16px;line-height:1.7;color:#e8e2c0}
body .status::before{content:"STATUS";display:block;font:500 11px var(--mono);letter-spacing:.2em;color:var(--yellow);margin-bottom:6px}
html[lang=he] body .status::before{content:"סטטוס ההליך"}
html[lang=ar] body .status::before{content:"حالة الإجراء"}
html[lang=ru] body .status::before{content:"СТАТУС ДЕЛА"}
html[lang=fr] body .status::before{content:"STATUT DE LA PROCÉDURE"}

/* body text */
p{margin:0 0 1.1em}
.opening{font-size:21px;line-height:1.75;color:var(--ink);border-inline-start:3px solid var(--yellow);padding-inline-start:24px;margin:34px 0 10px}
.sources{font:400 13px/1.8 var(--mono);color:var(--dim);border-inline-start:1px solid var(--line-2);padding-inline-start:14px;overflow-wrap:anywhere}
.sources a{color:var(--muted)}
.contents{display:grid;gap:2px;padding:22px 24px;background:var(--panel);border:1px solid var(--line);font-size:16px;margin:40px 0;counter-reset:toc}
.contents b{font:500 11px var(--mono);letter-spacing:.2em;color:var(--yellow);margin-bottom:10px}
.contents a{counter-increment:toc;color:var(--ink);text-decoration:none;padding:7px 0;border-top:1px solid var(--line);display:flex;gap:14px}
.contents a::before{content:counter(toc,decimal-leading-zero);font:500 12px/2.2 var(--mono);color:var(--dim)}
.contents a:hover{color:var(--yellow)}
figure{margin:40px 0}
figure img{width:100%;height:340px;object-fit:cover;filter:grayscale(.3) contrast(1.05);border:1px solid var(--line)}
table{width:100%;border-collapse:collapse;font-size:16px;margin:24px 0}
th,td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:start;vertical-align:top}
th{font:500 12px var(--mono);letter-spacing:.1em;color:var(--muted)}
blockquote{margin:28px 0;padding:6px 22px;border-inline-start:3px solid var(--line-2);color:#d6d5ce}

/* documents and sources */
.related{margin-top:56px;padding:26px;background:var(--panel);border:1px solid var(--line);position:relative}
.related::before,.related::after{content:"";position:absolute;width:14px;height:14px;border:2px solid var(--yellow)}
.related::before{top:-1px;inset-inline-start:-1px;border-inline-end:0;border-bottom:0}
.related::after{bottom:-1px;inset-inline-end:-1px;border-inline-start:0;border-top:0}
.related h2{margin-top:0;border:0;padding:0;font-size:24px}.related h2::before{display:none}
body .document-link{display:inline-flex;align-items:center;gap:12px;padding:13px 18px;margin:8px 0;border:1px solid var(--line-2);background:var(--bg);color:var(--ink);text-decoration:none;font-size:16px;overflow-wrap:anywhere;transition:transform 160ms var(--ease-out),border-color 160ms ease,background-color 200ms ease,color 200ms ease}
body .document-link::before{content:"PDF";font:500 11px var(--mono);letter-spacing:.12em;padding:4px 6px;background:var(--yellow);color:var(--yellow-ink)}
body .document-link:active{transform:scale(.98)}
@media (hover:hover) and (pointer:fine){body .document-link:hover{border-color:var(--yellow)}}
.source-list{padding-inline-start:0;list-style:none;counter-reset:src}
body .source-list li{counter-increment:src;position:relative;padding:18px 0 4px;padding-inline-start:52px;border-top:1px solid var(--line);margin:0}
body .source-list li::before{content:counter(src,decimal-leading-zero);position:absolute;inset-inline-start:0;top:20px;font:500 14px var(--mono);color:var(--yellow)}
body .source-list p{font-size:16px;color:var(--muted)}
.disclosure,.privacy-notice{margin-top:48px;font-size:14px;line-height:1.7;color:var(--dim);border-top:1px solid var(--line);padding-top:20px}

/* footer */
body>footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:30px max(24px,calc((100% - 1240px)/2));border-top:1px solid var(--line);background:var(--bg-2);font:500 14px var(--mono)}
body>footer a{color:var(--muted);text-decoration:none}body>footer a:hover{color:var(--yellow)}

@media(max-width:650px){
  main{padding:40px 18px 30px}body{font-size:18px}
  .opening{font-size:19px;padding-inline-start:16px}
  body .dek{font-size:19px}
  figure img{height:230px}
  body>header{padding:12px 16px}body>header nav{gap:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:0ms!important}body::before{display:none}}
html:is([lang=he],[lang=ar]) :is(.eyebrow,.meta,.kicker,.status,.case-top,.case-foot,.doc time,.sources,.contents b,.updated,.chip .n,.stat span,.hero-file p,.num,.legal,.search kbd,.badge-wip,body .status::before){letter-spacing:0!important}
html[lang=ar]{--sans:"IBM Plex Sans Arabic","Rubik",system-ui,sans-serif}