:root{--ink:#242320;--paper:#f3efe5;--orange:#c85e2e;--line:#d7cdbb;--muted:#686253;--gold:#936d30;--gold-soft:#805c25}body{background:#f3efe5;color:#242320}.header{background:#1e1e1c;color:#f4eddc;border-bottom:1px solid #c4a36d44;padding-top:20px;padding-bottom:20px}.header nav a{color:#e9dfcc}.header nav a:hover{color:#f29c61}.header .brand small{color:#c4ab7c}.intro{background:#1e1e1c;color:#f5efdf;max-width:none;padding:70px max(5%,calc((100% - 1296px)/2)) 65px;border-bottom:4px solid #c86632;position:relative}.intro:after{content:'';position:absolute;bottom:0;right:7%;width:130px;height:3px;background:#d4b478}.intro .eyebrow{color:#e5b96b}.intro h1{font-size:clamp(46px,5.8vw,83px);letter-spacing:-3.5px}.intro h1 em{color:#e5d2ae}.intro .intro-copy{color:#c9c3b7}.intro .button{background:#d77137;color:#fff9ef;border-radius:3px;font-weight:600;box-shadow:0 7px 0 #0002}.intro .button:hover{background:#be5b28}.intro .intro-side{border-color:#c6a56b66}.intro .intro-side p{color:#f1e5ce}.intro .intro-side a,.intro .edition{color:#c6bda9}.intro .territory-logo{width:190px;height:190px;opacity:1}.explorer{padding-top:55px}.map-tabs{background:#e8dfce;border:1px solid #d4c8b4}.map-tabs button{color:#38342b}.map-tabs button.selected{background:#282723;color:#fff5e4}.map-shell{border:1px solid #c6b695;background:#e5ded0;border-radius:7px}.map-fallback{background:linear-gradient(115deg,#ddd0b6,#f5eddf);color:#2b2923}.map-fallback p{color:#655d4d}.map-caption,.map-actions button,.map-status{background:#faf7efef;color:#2b2923;border-color:#cbbd9f}.map-tools{background:#ede5d5;color:#3e392e;border-color:#cbbd9f}.map-legend{color:#625844}.map-foot{color:#655d4f}.map-external a{color:#805c25}.facts{border-color:#d2c6af}.facts span{color:#2b2822}.facts small{color:#706655}.history{background:#f3efe5}.history-content p,.daily-grid p,.section-heading>p:not(.eyebrow){color:#655e50}.daily-grid article{border-color:#c2a878}.daily-grid a{color:#855c26}.culture{background:#272623;color:#f5eddc;border-top:1px solid #5b503b;border-bottom:4px solid #c5a46a}.culture .eyebrow{color:#e1a165}.culture h2{color:#f3e6cc}.culture p{color:#d4c9b4}.culture a,.culture figcaption,.culture figcaption a{color:#dfbb7c}.documentary-photo img{border-color:#c4a37055}.news-card{background:#fffaf0;border:1px solid #ddd0b8;border-top:3px solid #c35e2c;box-shadow:0 12px 24px #4d381007;border-radius:5px;overflow:hidden}.news-card h3{color:#302b23}.news-card p,.news-card time{color:#6b6251}.news-card .category{color:#a54d25}.news-card>a{color:#835a24;border-color:#d9c7a6}.news-photo,.news-photo img{background:#e7decc}.news-photo figcaption{color:#6d6351}.news-photo figcaption a{color:#835a24}.regards,.gallery{background:#ebe3d4}.gallery figcaption,.regards figcaption{color:#665c4b}.archive-section{background:#f3efe5;border-top:1px solid #c5ae89}.archive-heading h2{color:#25231e}.archive-heading p,.community-banner p{color:#655f52}.archive-toolbar input,.archive-toolbar select,.comment-form textarea{background:#fffaf1;color:#302c23;border-color:#ceba96}.archive-toolbar select option{background:#fffaf1;color:#302c23}.archive-toolbar label,.archive-count{color:#715227}.archive-card{background:#fffaf2;border-color:#d8c8ab;border-top:3px solid #ad8545;box-shadow:0 12px 22px #5d431008;border-radius:8px}.archive-photo,.archive-photo img{background:#e9e1d1;border-color:#d4c2a2}.archive-meta{color:#9c552c}.archive-card h3{color:#27241e}.archive-summary{color:#655e50}.archive-event,.archive-credit{color:#7d7160}.archive-source{color:#805720}.archive-actions,.comments-panel,.comment-item{border-color:#ded1bb}.like-button{color:#7c5525;border-color:#baa075;background:#fffdf8}.like-button[aria-pressed=true]{background:#2c2b27;color:#f2ddad;border-color:#2c2b27}.comments-panel>summary{color:#3f3729}.comment-author{color:#8a6b3c}.comment-text{color:#4c4539}.comment-form label{color:#4f4432}.comment-form small{color:#84745d}.comment-submit{background:#bd602f;color:#fff9ee}.comment-submit:hover{background:#a64e24}.comment-status,.comment-manage,.comment-reply{color:#855922}.comment-reply{background:none;border:0;padding:5px 0;font:inherit;font-size:11px;text-decoration:underline;cursor:pointer}.comment-buttons{display:flex;gap:15px;flex-wrap:wrap}.comment-replies{margin-left:13px;padding-left:14px;border-left:2px solid #dbc6a1}.reply-note{font-size:12px;color:#8e6028;margin:0}.archive-more,.community-banner button,.comment-older{color:#715126;border-color:#b69b70;background:#fbf6eb}.portraits{background:#e9e1d2;border-top:1px solid #cbb58b;border-bottom:1px solid #cbb58b}.portraits h2,.public-profiles-heading h3{color:#2e2a22}.mk-story #mk-title{color:#745522}.mk-subtitle{color:#77582a}.mk-story>p:not(.eyebrow):not(.mk-subtitle){color:#665d4e}.mk-story .mk-source{color:#8b7c64!important}.mk-portrait,.mk-personal-gallery figure{background:#fbf7ed;border-color:#bd9b62;box-shadow:0 9px 20px #5b40200c}.mk-portrait figcaption{color:#735322}.public-profiles-heading,.mk-gallery-heading{border-color:#c9b28c}.public-person{background:#fffaf0;border-color:#b99559;box-shadow:0 8px 20px #5b402007;border-radius:5px}.public-person h4{color:#3b3022}.public-person p{color:#665c4a}.public-person .person-role{color:#a45229}.public-person img{background:#e7dfd0}.public-person figcaption{color:#81725b}.person-sources a,.public-person figcaption a{color:#835a24}.sources{background:#f3efe5}.source-details details{border-color:#cebea1}.source-details summary{color:#3d3425}.source-details p{color:#6b6150}.source-details a{color:#805821}footer{background:#252420;color:#eee3ce;border-color:#887147}footer p{color:#ded0b4}footer small,footer>a:last-child{color:#ceb98f}.eyebrow{color:#a75a2d}@media(max-width:800px){.intro{padding-top:42px;padding-bottom:42px}.intro h1{letter-spacing:-2px}.intro .intro-side{border-color:#c6a56b66}.intro .territory-logo{width:130px;height:130px}.header nav{border-color:#a68b5b44}.explorer{padding-top:35px}.archive-grid{gap:20px}.comment-replies{margin-left:5px;padding-left:11px}}

.gallery img{background:#e9e0cf;border-color:#bfa16c}.gallery figcaption strong{color:#50412b}.map-readout{background:#ebe2d2;color:#635846;border-color:#c9b899}.map-readout strong{color:#373128}.map-notice,.attribution-line{color:#71634e}

/* La carte termine le carnet ; les crédits restent accessibles sans couvrir l’échelle. */
.explorer{padding-bottom:54px;scroll-margin-top:24px}.explorer .section-top>*{min-width:0}.map-tabs button{min-height:44px}.maplibregl-ctrl-attrib.maplibregl-compact{margin:0 10px 10px 0}.map-shell .maplibregl-ctrl-bottom-left{max-width:45%}.map-tools label{max-width:100%}
@media(min-width:801px) and (max-width:1100px){.header{flex-wrap:wrap}.header nav{order:3;flex-basis:100%;justify-content:center;gap:24px;flex-wrap:wrap}.explorer .section-top{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:800px){.explorer{padding-bottom:36px}.map-tabs{max-width:100%}.map-actions{right:12px;flex-wrap:wrap}.map-caption{max-width:calc(100% - 70px)}}

@media(max-width:1100px){.header nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 5px}.header nav{gap:6px 12px}}

#local-map-panel[hidden],#detailed-map-panel[hidden]{display:none!important}.map-tabs{flex-wrap:wrap;flex-shrink:1}.detailed-map-holder{width:100%;height:600px;border:1px solid #c6b695;border-radius:7px;overflow:hidden;background:#e8dfce}.detailed-map-holder iframe{display:block;border:0;width:100%;height:100%}.detailed-map-footer{display:flex;gap:16px;flex-wrap:wrap;align-items:center;font-size:13px;color:#665c4b}.detailed-map-footer p{flex:1 1 300px;margin:0}.detailed-map-footer a{color:#805c25}.detailed-map-footer button{min-height:44px;padding:8px 13px;background:#faf7ef;border:1px solid #cbbd9f;color:#443b2c}.detailed-map-holder:empty{display:none}@media(max-width:800px){.map-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.map-tabs button{white-space:normal}.detailed-map-holder{height:600px}}

.satellite-navigation{display:flex;flex-wrap:wrap;gap:10px}.satellite-navigation button{min-height:44px;padding:10px 16px;border:1px solid #bda478;border-radius:4px;background:#fbf7ed;color:#423827}.satellite-navigation button:hover{background:#e6d5b6}.satellite-placeholder{display:grid;align-content:center;height:100%;margin:0;text-align:center;font:25px Georgia,serif;color:#61533f}.satellite-placeholder small{font:13px Arial,sans-serif;margin-top:16px}.detailed-map-holder{position:relative}.detailed-map-footer [hidden]{display:none!important}@media(max-width:800px){.satellite-navigation{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.satellite-navigation button{padding:10px 8px;font-size:13px}}

.public-person .dj-natural-portrait img{height:245px;max-height:none;object-fit:cover;object-position:right center}.community-portrait .person-sources{font-size:12px;color:#81725b}@media(max-width:1100px){.public-person .dj-natural-portrait img{height:260px}}@media(max-width:800px){.public-person .dj-natural-portrait img{height:280px}}

/* Repères du quotidien : images documentées, lecture compacte et mobile. */
.useful-places{background:#eee7d9;scroll-margin-top:24px}.places-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.place-card{min-width:0;background:#fffaf0;border:1px solid #cdb997;border-radius:6px;overflow:hidden}.place-card figure{margin:0}.place-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#e7ddca}.place-card figcaption{padding:9px 22px 0;font-size:11px;line-height:1.5;color:#7d6d54}.place-card figcaption a{color:inherit}.place-copy{padding:22px}.place-kind{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#a45229}.place-copy h3{font:30px/1.15 Georgia,serif;letter-spacing:-.6px;margin:12px 0;color:#342b20;overflow-wrap:anywhere}.place-copy p{font-size:14px;line-height:1.75;color:#665c4a}.place-copy .place-address{font-size:12px;color:#7c623e}.place-source{font-size:12px;color:#805720;display:inline-block;padding:8px 0;min-height:32px}.place-text-only{border-top:3px solid #b48b4d}.public-person.bini-portrait img{object-position:center top}.public-profiles-lead{margin-bottom:42px}
@media(max-width:700px){.places-grid{grid-template-columns:minmax(0,1fr);gap:20px}.place-copy{padding:20px}.place-copy h3{font-size:27px}.place-card figcaption{padding-left:20px;padding-right:20px}}
.place-archive-photo{padding-top:22px}.place-card .place-archive-photo img{width:min(100%,320px);height:auto;aspect-ratio:4/3;object-fit:contain;margin:0 auto}.place-archive-photo figcaption{max-width:420px;margin:auto}
.place-card .place-documentary-photo img{aspect-ratio:auto;object-fit:contain}
.mk-story #mk-title{font-family:Manrope,Arial,sans-serif;font-size:clamp(26px,3vw,38px);font-weight:500;letter-spacing:-.7px;line-height:1.25;overflow-wrap:anywhere;margin-bottom:12px}.mk-story .mk-subtitle{font-family:Manrope,Arial,sans-serif;font-size:14px;letter-spacing:.25px;line-height:1.5;margin-bottom:27px}
.community-banner>a,.comment-signin{color:#805720;font-size:13px;font-weight:600;padding:10px 0;display:inline-block}.community-banner>a[hidden]{display:none}.comment-private{font-size:11px;color:#806842}.comment-form textarea:disabled{opacity:.65}

/* Navigation compacte : une rangée au repos, un panneau lisible sur petit écran. */
.header{gap:24px;flex-wrap:nowrap}.header .brand{flex-shrink:0}.header nav{width:auto;flex-basis:auto;order:0;flex-wrap:nowrap;justify-content:center;gap:4px 18px;border:0;padding:0}.header nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;font-size:14px;line-height:1.4;white-space:nowrap}.header .country{flex-shrink:0}.header .nav-toggle[hidden],.header nav[hidden]{display:none!important}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 14px;border:1px solid #b59a6c88;border-radius:5px;background:transparent;color:#f4eddc;font-size:14px;font-weight:600;line-height:1.4;flex-shrink:0}.nav-toggle:hover{background:#c4a36d18}.nav-toggle-icon{position:relative;width:16px;height:12px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor}.nav-toggle-icon:after{content:'';position:absolute;left:0;right:0;top:4px;border-top:1.5px solid currentColor}.nav-toggle[aria-expanded=true] .nav-toggle-icon{border:0}.nav-toggle[aria-expanded=true] .nav-toggle-icon:before,.nav-toggle[aria-expanded=true] .nav-toggle-icon:after{content:'';position:absolute;left:0;right:0;top:5px;border-top:1.5px solid currentColor;transform:rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-icon:after{transform:rotate(-45deg)}
@media(max-width:1200px){.header{flex-wrap:wrap;gap:14px 20px;padding-block:16px}.header .brand{margin-right:auto}.header .country{order:1}.header .nav-toggle{order:2}.header nav{order:3;flex-basis:100%;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:14px 0 0;border-top:1px solid #c4a36d44}.header nav a{min-width:0;min-height:44px;padding:10px 14px;white-space:normal;border-radius:4px;background:#ffffff05;justify-content:flex-start}.header nav a:hover,.header nav a:focus-visible{background:#c4a36d18;color:#f5cc91}.header nav a:last-child{grid-column:1/-1}.header.nav-ready:not(.nav-open){row-gap:0}}
@media(max-width:600px){.header{gap:12px;padding:14px 5%}.header .brand{font-size:17px;gap:8px;letter-spacing:1.8px}.header .brand small{font-size:9px;letter-spacing:2.2px}.header .brand-logo{width:43px;height:43px}.header .country{display:none}.header nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-top:12px}.header nav a{font-size:14px;padding:11px 12px}.header .nav-toggle{padding:10px 12px;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.public-person.adingra-portrait{scroll-margin-top:24px}.public-person.adingra-portrait figure{width:100%;max-width:300px;justify-self:center;align-self:center}.public-person.adingra-portrait img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center}
.intro{
  min-height:clamp(740px,56.3vw,960px);
  padding-top:clamp(58px,5.2vw,90px);
  padding-bottom:170px;
  align-items:start;
  background-color:#1e2119;
  background-image:linear-gradient(180deg,rgba(7,11,8,.67) 0%,rgba(7,11,8,.63) 76%,rgba(7,11,8,.08) 100%),url("assets/assuefry-hero-illustration.webp");
  background-size:cover;
  background-position:center bottom;
  background-repeat:no-repeat;
  color:#fffaf0;
}
.intro>div{min-width:0}
.intro h1{color:#fffaf0;text-shadow:0 2px 16px #0005}
.intro h1 em{color:#ffedc8}
.intro .eyebrow{color:#ffe1a3}
.intro .eyebrow-line{background:#ffe1a3}
.intro .intro-copy{color:#fff8ea;text-shadow:0 1px 10px #0006}
.intro .intro-initial-logo{display:none}
.intro .intro-side{justify-content:flex-start;border-left-color:#e5c58299}
.intro .intro-side:before{border-left-color:#e5c58233}
.intro .intro-side p{color:#fff5de;text-shadow:0 2px 14px #0006}
.intro .intro-side a,.intro .edition{color:#fff8ea;text-shadow:0 1px 10px #0006}
.intro .intro-side a:hover{color:#ffe1a3}
.intro .button{background:#b74717;border-color:#eaa76f;color:#fffaf0;text-shadow:none;box-shadow:0 6px 20px #0003}
.intro .button:hover{background:#963810}
.intro a:focus-visible{outline-color:#fff3cf;outline-offset:5px}
@media(max-width:1100px) and (min-width:801px){
  .intro{column-gap:7%;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);background-position:46% bottom}
  .intro .intro-side{padding-left:26px}
}
@media(max-width:800px){
  .intro{min-height:min(177.68vw,1060px);padding-top:44px;padding-bottom:clamp(160px,46vw,230px);grid-template-columns:minmax(0,1fr);background-position:center bottom;background-size:cover;background-image:linear-gradient(180deg,rgba(7,11,8,.66) 0%,rgba(7,11,8,.60) 62%,rgba(7,11,8,.03) 88%),url("assets/assuefry-hero-mobile-illustration.webp")}
  .intro .intro-copy{max-width:540px}
  .intro h1>br{display:none}
  .intro h1 em{display:block;margin-top:16px;line-height:1.12}
  .intro .intro-side{display:none}
  .intro .intro-initial-word{display:inline-flex;align-items:baseline;gap:0;white-space:nowrap;vertical-align:baseline}
  .intro .intro-initial{position:relative;display:inline-block;width:60px;height:54px;margin:0 -2px 0 0;flex:none}
  .intro .intro-initial-logo{display:block;position:absolute;left:0;top:0;width:60px;height:60px;max-width:none;object-fit:contain;filter:drop-shadow(0 2px 6px #0008)}
  .intro .intro-initial-u{font-size:22px;line-height:1;letter-spacing:0}
  .intro .intro-initial-letter{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
}
@media(max-width:420px){
  .intro{padding-top:38px}
  .intro h1{font-size:clamp(42px,11.8vw,49px);letter-spacing:-2px}
  .intro h1 em{letter-spacing:-1.5px}
  .intro .eyebrow{font-size:12px;letter-spacing:1.7px;gap:9px}
  .intro .button{max-width:100%;gap:24px}
}
