/* Harmonisation du guide, octobre 2026 */
body{background-color:#fff9f0!important;background-image:none!important;min-height:100vh;isolation:isolate}
body::before{content:"";position:fixed;inset:0;background:url('carte-sud.webp') center 65%/cover no-repeat;opacity:.075;z-index:-1;pointer-events:none}
.maspa-crumbs{font:500 15px/1.6 system-ui,sans-serif;display:flex;flex-wrap:wrap;gap:8px;padding:16px max(5%,calc((100vw - 1500px)/2));background:#fff9f0d9;border-bottom:1px solid #ead8bc88;align-items:center}
.maspa-crumbs a{color:#285f4a;text-decoration:underline;text-underline-offset:4px}.maspa-crumbs span[aria-current]{color:#24343a}.maspa-separator{color:#7a8078}
.maspa-panorama{margin:0;width:100%;height:clamp(210px,23vw,390px);overflow:hidden;position:relative;background:#174a5b}
.maspa-panorama img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:none}
.maspa-panorama.maspa-end{height:clamp(170px,19vw,280px)}
.maspa-panorama figcaption{position:absolute;bottom:0;left:0;right:0;padding:16px 6%;font:500 15px/1.6 system-ui,sans-serif;color:white;background:linear-gradient(transparent,#0b2325d9)}
.maspa-photo-pending{padding:18px 6%;background:#f2e5c9;color:#53452f;font:15px/1.6 system-ui;margin:0}
.maspa-checked{font:14px/1.6 system-ui,sans-serif;padding:12px 18px;background:#e8f0ebcc;border-left:3px solid #285f4a;border-radius:0 12px 12px 0;margin:20px 0;color:#355245}
.maspa-checked a{text-decoration:underline}.maspa-checked span{display:block}
.maspa-tools{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 14px;align-items:center}.maspa-tools button{min-height:48px;padding:12px 20px;font:600 15px/1.4 system-ui;border:1px solid #285f4a;border-radius:30px;color:#285f4a;background:#fff9f0;cursor:pointer}.maspa-tools button:first-child{background:#285f4a;color:white}.maspa-tools input{max-width:100%;font:15px system-ui}
.maspa-notice{font:15px/1.6 system-ui;color:#355245;background:#e8f0eb;border-radius:12px;padding:14px 18px;margin:12px 0}.maspa-notice:empty{display:none}
.maspa-attribution{display:block;font:13px/1.7 system-ui;margin-top:18px}.maspa-attribution a{text-decoration:underline}
.maspa-skip{position:absolute;top:-100px;left:18px;z-index:1000;background:white;color:#285f4a;padding:12px}.maspa-skip:focus{top:12px}
body>.top{background:#fff9f0f5}.wrap{background:#fff9f0b8}.detail{background:#fff9f0ed}.legacy-content{max-width:100%;overflow-x:auto}
.legacy-content table{max-width:100%;font-size:16px}.legacy-content td,.legacy-content th{overflow-wrap:anywhere}
.filters label{font-size:14px}.place .meta,.caption{font-size:14px}.hero .button{font-size:15px}.eyebrow{font-size:14px}.bottom{font-size:14px}
#lightbox img{width:auto;max-width:100%}.gallery-item:focus-visible{outline:3px solid #d9785d;outline-offset:4px}
.maspa-detail-link{display:inline-block;margin:12px 0;color:#285f4a;text-decoration:underline;font:600 16px system-ui}
@media(max-width:600px){.maspa-crumbs{font-size:14px;padding:13px 6%}.maspa-panorama{height:220px}.maspa-panorama.maspa-end{height:175px}.maspa-crumbs span[aria-current]{overflow-wrap:anywhere}.maspa-tools{align-items:stretch;flex-direction:column}.maspa-tools button{width:100%}.hero .button{font-size:15px}.hero-foot{font-size:14px}.top{height:auto;min-height:82px}.facts,.filters{max-width:100%}.place .card-actions{flex-wrap:wrap}h1{overflow-wrap:anywhere}.bottom a{min-height:44px}.bottom{padding:8px 5px calc(8px + env(safe-area-inset-bottom));gap:5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Long source URLs must wrap inside practical descriptions on small screens. */
.detail-intro,.detail-intro>div{min-width:0;max-width:100%;overflow-wrap:anywhere}
main{min-width:0;max-width:100%}main p,main li{overflow-wrap:anywhere}
@media(max-width:600px){.guide-section,.guide-section>*{max-width:100%;min-width:0}.guide-section table{display:block;overflow-x:auto}.visual-strip{max-width:100%;overflow-x:auto}}
@media(max-width:600px){.top .brand{max-width:100%;min-width:0;flex-wrap:wrap}.top .brand small{max-width:100%;white-space:normal}.top .brand b{font-size:22px}.top .brand>span{min-width:0}}
@media(max-width:600px){header .brand{max-width:100%;min-width:0;flex-wrap:wrap;white-space:normal;overflow-wrap:anywhere}header .brand small{max-width:100%;white-space:normal}}