/* A cultural illustrated map and its catalogue share accessible filter controls. */
.nawa-atlas{--na-ink:#153d38;--na-muted:#45635d;--na-paper:#fffdf7;--na-surface:#f1f4ed;--na-line:#6f817a;--na-accent:#165f53;color:var(--na-ink);background:var(--na-paper);max-inline-size:1180px;margin-inline:auto;padding:clamp(1rem,3vw,2rem);padding-block-end:10rem;line-height:1.65;overflow-wrap:anywhere}
.nawa-atlas *{box-sizing:border-box;min-inline-size:0}
.nawa-atlas [hidden]{display:none!important}
.nawa-atlas [lang=ar]{display:block;direction:rtl;text-align:start;font-family:inherit;line-height:1.85}
.nawa-atlas [lang=fr]{display:block;direction:ltr;text-align:start}
.nawa-atlas h1,.nawa-atlas h2,.nawa-atlas h3,.nawa-atlas p{margin-block:0 1rem;color:inherit}
.nawa-atlas h1{font-size:clamp(1.8rem,5vw,3rem);line-height:1.2}
.nawa-atlas h1 [lang=ar]{font-size:.75em}
.nawa-atlas h2{font-size:clamp(1.3rem,3vw,1.9rem);line-height:1.4}
.nawa-atlas h3{font-size:1.1rem;line-height:1.6}
.nawa-atlas a{color:var(--na-accent);text-decoration:underline;text-underline-offset:.18em}
.nawa-atlas button,.nawa-atlas select,.nawa-atlas input{font:inherit;max-inline-size:100%}
.nawa-atlas button,.nawa-atlas .na-detail-actions a,.nawa-atlas .na-footer a{display:inline-flex;flex-direction:column;justify-content:center;min-block-size:2.75rem;min-inline-size:2.75rem;padding:.625rem .875rem;border:1px solid var(--na-line);border-radius:.6rem;background:var(--na-paper);color:var(--na-ink);cursor:pointer;text-align:start;text-decoration:none;white-space:normal}
.nawa-atlas button:hover,.nawa-atlas a:hover{background:var(--na-surface)}
.nawa-atlas button[aria-pressed=true]{background:var(--na-accent);color:#fff;border-color:var(--na-accent)}
.nawa-atlas button[aria-pressed=true]::before{content:'✓';font-weight:800}
.nawa-atlas button:disabled{cursor:not-allowed;border-style:dashed;color:var(--na-muted)}
.nawa-atlas :focus-visible{outline:3px solid var(--na-accent);outline-offset:4px;scroll-margin-block:9rem}
.nawa-atlas .na-header{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(1rem,2.5vw,2rem);padding:clamp(1rem,2.5vw,1.5rem);border:1px solid #cbd7ce;border-radius:1.25rem;background:linear-gradient(120deg,#f1f6f1,#fcf8ed);text-align:left}
.nawa-atlas[dir=rtl] .na-header{text-align:right}
.nawa-atlas .na-header [lang=fr],.nawa-atlas .na-header [lang=ar]{text-align:inherit}
.nawa-atlas .na-eyebrow{display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem .8rem;font-size:.78rem;font-weight:650;letter-spacing:.015em;color:#3d6056;margin-block-end:.8rem}
.nawa-atlas .na-header h1{font-size:clamp(1.65rem,2.5vw,2.35rem);font-weight:700;line-height:1.15;letter-spacing:-.015em;margin-block-end:.75rem}
.nawa-atlas .na-header h1 [lang=ar]{font-size:.74em;font-weight:600;line-height:1.65;letter-spacing:normal;margin-block-start:.25rem}
.nawa-atlas .na-header-description{font-size:1rem;font-weight:400;line-height:1.6;max-inline-size:36ch;margin:0;color:#355c53}
.nawa-atlas .na-header-description [lang=ar]{font-size:.94em;line-height:1.85;margin-block-start:.3rem}
.nawa-atlas .na-counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:.75rem;inline-size:100%;margin:0}
.nawa-atlas .na-country-card{padding:1rem;border:1px solid #bccfc4;border-radius:1rem;background:#fffdf7;box-shadow:0 4px 16px #173e3610}
.nawa-atlas .na-country-card dt{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;font-size:1rem;font-weight:650;line-height:1.35;margin:0 0 1rem}
.nawa-atlas .na-country-card dt [lang=ar]{font-size:.82em;font-weight:500;color:#3d6056;line-height:1.6;margin-block-start:.2rem}
.nawa-atlas .na-country-band{flex:0 0 auto;inline-size:1.65rem;block-size:1.2rem;border-radius:.2rem;border:1px solid #72827d;box-shadow:0 1px 3px #173e3620}
.nawa-atlas .na-country-fr .na-country-band{background:linear-gradient(90deg,#243e78 0 33.33%,#fff 33.33% 66.66%,#c3473e 66.66%)}
.nawa-atlas .na-country-eg .na-country-band{background:linear-gradient(#c3473e 0 33.33%,#fff 33.33% 66.66%,#24312e 66.66%)}
.nawa-atlas .na-country-card dd{display:grid;gap:.45rem;margin:0;padding-block-start:.8rem;border-block-start:1px solid #d5ded4}
.nawa-atlas .na-count-value{font-size:2rem;font-weight:600;font-variant-numeric:lining-nums tabular-nums;line-height:1;letter-spacing:-.025em;color:#153d38;white-space:nowrap}
.nawa-atlas .na-count-label{font-size:.875rem;font-weight:500;line-height:1.45;color:#355c53}
.nawa-atlas .na-count-label [lang=ar]{font-size:.92em;line-height:1.75;margin-block-start:.15rem}
.nawa-atlas .na-guide{margin-block:1rem;background:var(--na-surface);border:1px solid var(--na-line);border-radius:.6rem;padding:.8rem 1rem}
.nawa-atlas summary{cursor:pointer;min-block-size:2.75rem}
.nawa-atlas .na-local-note,.nawa-atlas .na-footer{font-size:.85rem;color:var(--na-muted)}
.nawa-atlas .na-notice{font-weight:650}
.nawa-atlas .na-notice:empty{margin:0;min-block-size:0}
.nawa-atlas .na-controls{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);align-items:end;gap:1rem;padding-block:1rem;border-block-end:1px solid var(--na-line)}
.nawa-atlas .na-controls label{display:block;font-size:.9rem;font-weight:650}
.nawa-atlas input[type=search],.nawa-atlas select{display:block;inline-size:100%;min-block-size:3rem;background:var(--na-paper);color:var(--na-ink);border:1px solid var(--na-line);border-radius:.4rem;padding:.5rem;margin-block-start:.3rem}
.nawa-atlas input::placeholder{color:var(--na-muted);opacity:1}
.nawa-atlas .na-controls .na-check{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;min-block-size:2.75rem;grid-column:1 / 3}
.nawa-atlas .na-check input{inline-size:1.2rem;block-size:1.2rem;accent-color:var(--na-accent)}
.nawa-atlas .na-results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-block-start:1.5rem}
.nawa-atlas .na-results{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1rem}
.nawa-atlas .na-card{display:flex;flex-direction:column;padding:0;background:var(--na-paper);border:1px solid #bacac0;border-radius:1rem;box-shadow:0 5px 18px #173e3609}
.nawa-atlas .na-card-body{display:flex;flex-direction:column;flex:1;padding:1.25rem}
.nawa-atlas .na-card h3{font-size:1.2rem;line-height:1.4;letter-spacing:-.01em}
.nawa-atlas .na-card h3 a{text-decoration:none;color:var(--na-ink)}
.nawa-atlas .na-card h3 [lang=ar]{font-size:.88em;line-height:1.8;margin-block-start:.25rem}
.nawa-atlas .na-art{margin:0;background:#edf1e9;border-radius:1rem 1rem 0 0}
.nawa-atlas .na-art-frame{position:relative;display:grid;place-items:center;inline-size:100%;aspect-ratio:8/5;overflow:hidden;background:#e4ebe2;border-radius:1rem 1rem 0 0}
.nawa-atlas .na-art-frame img{position:absolute;inset:0;display:block;inline-size:100%;block-size:100%;max-block-size:none;object-fit:contain;object-position:center}
.nawa-atlas .na-art-open{display:block;border-radius:1rem 1rem 0 0;text-decoration:none}
.nawa-atlas .na-art-open:focus-visible{outline-offset:3px;outline-color:#165f53}
.nawa-atlas .na-art-fallback{padding:1.25rem;color:#355c53;font-size:.9rem;text-align:center}
.nawa-atlas .na-art-credits{border-block:1px solid #c6d4c8;padding:0 .85rem;background:#f1f4ed;color:#355c53;font-size:.75rem;border-radius:0}
.nawa-atlas .na-art-credits summary{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem .6rem;min-block-size:2.75rem;padding:.35rem 0;font-weight:500;list-style:none}
.nawa-atlas .na-art-credits summary::before{content:'+';font-size:1.1rem;line-height:1;flex:0 0 auto}
.nawa-atlas .na-art-credits summary::-webkit-details-marker{display:none}
.nawa-atlas .na-art-credits[open] summary::before{content:'−'}
.nawa-atlas .na-art-credits p{margin-block:0 .6rem}
.nawa-atlas .na-art-credits a{display:inline;overflow-wrap:anywhere}
.nawa-atlas .na-art-detail{max-inline-size:48rem;margin:0 auto 1.5rem;border:1px solid #bacac0;border-radius:1rem;overflow:hidden}
.nawa-atlas .na-art-detail .na-art-frame{aspect-ratio:8/5;max-block-size:28rem}
.nawa-atlas .na-card-top{display:flex;justify-content:space-between;gap:1rem;font-size:.75rem;color:var(--na-muted);margin-block-end:1rem}
.nawa-atlas .na-tag{font-weight:800}
.nawa-atlas .na-location{font-size:.85rem;color:var(--na-muted)}
.nawa-atlas .na-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:auto;padding-block-start:1rem}
.nawa-atlas .na-card-actions button:first-child{background:var(--na-accent);border-color:var(--na-accent);color:#fff}
.nawa-atlas .na-detail>header{margin-block:1.5rem;border-block-end:1px solid var(--na-line)}
.nawa-atlas .na-reading{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:2rem}
.nawa-atlas .na-practice{background:var(--na-surface);padding:1.25rem;border-radius:.6rem;align-self:start}
.nawa-atlas .na-practice dl>div{display:grid;grid-template-columns:1fr 1fr;gap:1rem;border-block-end:1px solid var(--na-line);padding-block:.5rem}
.nawa-atlas dd{margin:0}
.nawa-atlas .na-speech,.nawa-atlas .na-detail-actions,.nawa-atlas .na-footer nav{display:flex;gap:.75rem;flex-wrap:wrap}
.nawa-atlas .na-sources{border-block:1px solid var(--na-line);padding-block:1rem;margin-block:1.5rem}
.nawa-atlas .na-sources p,.nawa-atlas [data-atlas-speech-note]{font-size:.85rem}
.nawa-atlas .na-photo{margin:0 0 1rem;max-inline-size:22rem}
.nawa-atlas .na-photo img{display:block;inline-size:100%;max-block-size:24rem;object-fit:contain}
.nawa-atlas .na-photo figcaption{font-size:.75rem}
.nawa-atlas .na-map{margin-block:1.5rem 1rem;border:1px solid #beab85;background:#fbf3e2;border-radius:1rem;overflow:hidden;box-shadow:0 8px 30px #193e3610}
.nawa-atlas .na-map-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem}
.nawa-atlas .na-map-heading h2{margin:0;font-family:Georgia,serif}
.nawa-atlas .na-map-heading a{font-size:.85rem}
.nawa-atlas .na-map-figure{margin:0}
.nawa-atlas .na-map-viewport{position:relative;direction:ltr;isolation:isolate}
.nawa-atlas .na-map-viewport>img{display:block;inline-size:100%;block-size:auto;aspect-ratio:1672/941;object-fit:contain}
.nawa-atlas button.na-map-pin{position:absolute;left:var(--pin-x);top:var(--pin-y);transform:translate(-50%,-50%);width:44px;height:44px;min-inline-size:44px;min-block-size:44px;padding:0;border-radius:50%;border:3px solid #fff9e9;box-shadow:0 2px 8px #132f3c70;background:#8f3d22;color:#fff;align-items:center;text-align:center;font-weight:800;line-height:1}
.nawa-atlas button.na-map-pin[aria-pressed=true]{background:#084d44;outline:3px solid #084d44;outline-offset:2px}
.nawa-atlas button.na-map-pin[aria-pressed=true]::before,.nawa-atlas .na-map-cities button[aria-pressed=true]::before{content:none}
.nawa-atlas .na-map-caption{padding:.75rem 1.5rem;font-size:.85rem;background:#fffaf0;border-block:1px solid #cbbd9e}
.nawa-atlas .na-map-cities{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;padding:1rem}
.nawa-atlas .na-map-cities button{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem;font-size:.85rem;background:#fffdf7;border-color:#bfb195}
.nawa-atlas .na-map-cities button>span:nth-child(2){flex:1;line-height:1.45}
.nawa-atlas .na-map-cities button[aria-pressed=true]{background:#165f53;color:#fff}
.nawa-atlas .na-city-number{flex-shrink:0;display:grid;place-items:center;inline-size:1.6rem;block-size:1.6rem;border:1px solid currentColor;border-radius:50%;font-size:.8rem;font-weight:800}
.nawa-atlas #na-results-title{scroll-margin-block:10rem}
.nawa-atlas .na-footer{margin-block-start:2rem;padding-block-start:1rem;border-block-start:2px solid var(--na-ink)}
@media(max-width:960px){.nawa-atlas .na-header{grid-template-columns:minmax(0,1fr);gap:1.25rem}.nawa-atlas .na-header-description{max-inline-size:52ch}}
@media(max-width:760px){.nawa-atlas .na-controls{grid-template-columns:1fr 1fr}.nawa-atlas .na-search{grid-column:1 / -1}.nawa-atlas .na-controls .na-check{grid-column:1 / -1}.nawa-atlas .na-results,.nawa-atlas .na-reading{grid-template-columns:1fr}.nawa-atlas .na-results-heading{display:block}}
@media(max-width:440px){.nawa-atlas .na-counts{grid-template-columns:minmax(0,1fr)}.nawa-atlas .na-country-card{padding:.9rem}.nawa-atlas .na-country-card dt{flex-wrap:wrap;margin-block-end:.7rem}.nawa-atlas .na-country-card dd{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem}.nawa-atlas .na-count-value{font-size:2rem;flex:0 0 auto}.nawa-atlas .na-count-label{flex:1 1 8rem}}
@media(max-width:380px){.nawa-atlas .na-controls{grid-template-columns:1fr}.nawa-atlas .na-card-body{padding:1rem}.nawa-atlas .na-card-top{flex-wrap:wrap}.nawa-atlas .na-card-actions button{flex:1}}
@media(max-width:1000px){.nawa-atlas .na-map-cities{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.nawa-atlas .na-map-heading{align-items:flex-start;flex-direction:column;padding:1rem}.nawa-atlas .na-map-cities{grid-template-columns:repeat(2,minmax(0,1fr));padding:.75rem}.nawa-atlas button.na-map-pin{display:none}.nawa-atlas .na-map-caption{padding:1rem}.nawa-atlas .na-map-cities button{padding:.65rem .5rem}.nawa-atlas .na-map-cities button:last-child{grid-column:1/-1}}
@media(forced-colors:active){.nawa-atlas button[aria-pressed=true]{border:3px solid Highlight}.nawa-atlas :focus-visible{outline-color:Highlight}}