/* Shared navigation and accessible controls; each painting keeps its palette. */
:focus-visible{outline:2px solid var(--accent,var(--gold));outline-offset:5px}
button:disabled{cursor:wait;opacity:.6}
.contact-hint{font:400 .72rem/1.5 var(--f-sans,var(--display,system-ui));color:var(--ink);opacity:.72;margin-top:5px;letter-spacing:0}
.form-consent{display:flex;align-items:flex-start;gap:9px;margin:15px 0 8px;font:400 .75rem/1.55 var(--f-sans,var(--display,system-ui));color:var(--ink-2,var(--ink))}
.form-consent input{width:17px;height:17px;flex-shrink:0;margin-top:2px;accent-color:var(--accent,var(--gold));cursor:pointer}
.form-consent label{cursor:pointer}
.form-consent a{color:var(--accent,var(--gold));text-underline-offset:3px;white-space:nowrap}
.cookie-notice{position:fixed;z-index:65;left:50%;bottom:max(8px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:9px;width:max-content;max-width:calc(100vw - 24px);padding:8px 10px 8px 13px;border:1px solid var(--line,var(--gold-dim));border-radius:6px;background:#19150f;color:#f3ede0;box-shadow:0 3px 22px #0002;font:400 11px/1.35 system-ui,sans-serif;letter-spacing:0}
.cookie-notice span{min-width:0}
.cookie-notice a{color:inherit;text-underline-offset:2px;white-space:nowrap;opacity:.75}
.cookie-notice button{flex-shrink:0;padding:4px 7px;border:1px solid currentColor;border-radius:3px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.cookie-notice button:hover{opacity:.75}
body[data-theme="light"] .cookie-notice{background:#fff4df;color:#24160c}
.cp.open ~ .cookie-notice{display:none}
.cookie-notice-visible .bottom-art{bottom:var(--cookie-space,48px)}
.cookie-notice-visible .idx{bottom:calc(30px + var(--cookie-space,48px))}
.cookie-notice-visible .cap{bottom:calc(118px + var(--cookie-space,48px))}
.cookie-notice-visible #cbubble{bottom:calc(106px + var(--cookie-space,48px));max-height:calc(100dvh - 160px - var(--cookie-space,48px))}
.hd-name{font-weight:inherit}
.art-group{min-width:0}
.art-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:13px;font-family:var(--f-sans,var(--sans));font-size:.76rem;line-height:1.6}
.art-links a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold-dim,var(--line));padding:3px 0;transition:color .2s}
.art-links a:hover,.art-links a[aria-current]{color:var(--accent,var(--gold));border-color:currentColor}
.art-links a span{margin-inline-start:5px;color:var(--accent,var(--gold))}
.return-home{position:fixed;top:144px;left:44px;z-index:15;font-family:var(--f-sans,var(--sans));font-size:.72rem;color:var(--ink-2,var(--ink));text-decoration:none;padding:8px 0}
.sibling-art{display:inline-block;pointer-events:auto;color:var(--accent);font-size:.75rem;line-height:1.8;margin-bottom:8px;text-decoration:none;border-bottom:1px solid var(--line)}
.cp-box{max-height:calc(100dvh - 18px);overflow-y:auto;overscroll-behavior:contain}
.cp[inert],#cbubble[inert]{visibility:hidden}
.cp.open,#cbubble.open{visibility:visible}
.cp .fi,.cp .fta,#cinput{font-size:max(16px,1rem)}
.fok{font-size:1.08rem!important;line-height:1.5;overflow-wrap:anywhere}
.cmsg-b{white-space:pre-wrap;overflow-wrap:anywhere}
.cmsg-act{display:block;width:fit-content;color:var(--accent,var(--gold));border:0;border-bottom:1px solid currentColor;background:none;text-decoration:none;font:inherit;font-style:normal;margin-top:9px;padding:4px 0;cursor:pointer}
.ch-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 12px;max-height:110px;overflow-y:auto}
.chip{font-family:var(--f-sans,var(--sans));font-size:.65rem;line-height:1.5;padding:6px 9px;color:var(--ink);border:1px solid var(--line,var(--gold-dim));background:transparent;cursor:pointer}
.chip:hover{color:var(--accent,var(--gold));border-color:currentColor}
#cbubble{max-height:calc(100dvh - 140px);max-width:calc(100vw - 24px)}
#cmsgs{min-height:80px;max-height:260px;overscroll-behavior:contain}
body[data-lang="ar"] .cp-box,body[data-lang="ar"] #cbubble{direction:rtl}
body[data-lang="ar"] .ch-x{margin-left:0;margin-right:auto}
body[data-lang="ar"] .art-links{direction:rtl;justify-content:flex-end}
body[data-lang="ar"] .cmsg-b{font-family:var(--f-ar,var(--ar));font-style:normal}
.noscript-note{position:fixed;bottom:0;left:0;right:0;z-index:200;padding:16px;background:#fff4df;color:#20150d;font:16px/1.5 system-ui}
.noscript-note a{color:inherit}
@media(max-width:760px){
  .cookie-notice-visible .idx{bottom:calc(14px + var(--cookie-space,48px))}
  .cookie-notice-visible .cap{bottom:calc(128px + var(--cookie-space,48px))}
  .art-links{gap:8px 17px;margin-top:8px;font-size:.7rem}
  .return-home{top:165px;left:18px}
  body[data-page="home"] .phone-art{position:absolute;top:122px;left:16px;align-items:flex-start}
  body[data-page="home"] .pa-num{white-space:nowrap;font-size:.95rem}
  .cp-box{padding-top:60px!important}
  #cbubble{bottom:100px}
  .cp .fr2{grid-template-columns:1fr}
}
@media(max-height:650px){
  .nav-wrap{top:auto!important;bottom:23%!important;transform:none!important}
  .nav-item{margin-bottom:12px!important}
  .nav-link{font-size:clamp(1rem,2.3vw,1.65rem)!important}
  .art-links{margin-top:5px}
  #cbubble{bottom:70px;max-height:calc(100dvh - 82px)}
  #cmsgs{max-height:130px;min-height:50px}
  .ch-chips{max-height:60px}
  .return-home{top:18px;left:40%;font-size:.65rem}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}
}