.secteur-content { background-color: #0f1115; background-image: linear-gradient(#7b966508 1px, transparent 1px), linear-gradient(90deg, #7b966508 1px, transparent 1px); background-size: 48px 48px; min-height: 45vh; }
.secteur-header { position: relative; border-bottom: 2px solid #735336; }
.secteur-stamp { display: inline-block; border: 1px solid #94734e; padding: 6px 12px; color: #c6a878; font: .7rem monospace; text-transform: uppercase; letter-spacing: .12em; }
.secteur-dossier { font: .75rem monospace; color: #c5a276; letter-spacing: .1em; }
.secteur-navigation { background: #17211bef; border: 1px solid #344839; border-top: 3px solid #95673c; padding: 20px; border-radius: 6px; position: sticky; top: 100px; }
.secteur-navigation a { display: block; padding: 10px 12px; margin-top: 5px; color: #b9cbbf; text-decoration: none; border-left: 2px solid transparent; overflow-wrap: anywhere; }
.secteur-navigation a:hover, .secteur-navigation a.active { border-left-color: #c78d4c; background: #2b392d; color: #fff; }
.secteur-navigation .secteur-place-link { font-size: .85rem; color: #a0b6a7; }
.secteur-excerpt { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.secteur-card { scroll-margin-top: 100px; height: auto; }
.secteur-card { overflow: hidden; border: 1px solid #303932; background: #171d19; }
.secteur-cover { position: relative; }
.secteur-cover > img, .secteur-placeholder { width: 100%; height: 280px; object-fit: cover; }
.secteur-placeholder { display: grid; place-items: center; background: radial-gradient(ellipse at center, #263e2d, #111913); color: #85ad91; font-size: 4rem; }
.secteur-tag { position: absolute; bottom: 16px; left: 20px; max-width: calc(100% - 40px); padding: 6px 12px; background: #0c1513eb; border: 1px solid #53795f; color: #ade1b9; border-radius: 4px; font-size: .75rem; text-transform: uppercase; letter-spacing: .09em; overflow-wrap: anywhere; }
.secteur-count { color: #abc5b4; font-size: .8rem; text-align: right; }
.secteur-card .card-title { color: #f0f3ee; font-family: Kanit, sans-serif; overflow-wrap: anywhere; }
.secteur-coordinates { font-family: monospace; font-size: .85rem; color: #c3d1c8; overflow-wrap: anywhere; }
.secteur-description { color: #b8c3bc; line-height: 1.8; overflow-wrap: anywhere; }
.secteur-gallery { border-top: 1px solid #354638; padding-top: 18px; }
.secteur-gallery summary { color: #eda448; font-weight: 600; cursor: pointer; }
.secteur-gallery img { width: 100%; height: 160px; object-fit: cover; border-radius: 5px; }
.secteur-gallery figcaption { color: #bcc9c0; overflow-wrap: anywhere; }
.secteur-empty { border: 1px dashed #34483b; border-radius: 10px; background: #151d18; }
@media (max-width: 575px) { .secteur-cover > img, .secteur-placeholder { height: 220px; } }
@media (prefers-reduced-motion: reduce) { .secteur-card { transform: none !important; transition: none !important; } }
