#lp-resources,#lp-districts{--hub-green:#294d3b;--hub-ink:#293b32;--hub-paper:#f6f5ef;--hub-line:#dce2d9;color:var(--hub-ink);font-size:17px;line-height:1.7}

#lp-resources *,#lp-districts *{box-sizing:border-box}

#page #primary :is(#lp-resources,#lp-districts) :is(h2,h3){font-family:"Palatino Linotype",Palatino,Georgia,serif;color:var(--hub-green);font-weight:700;letter-spacing:-.02em;line-height:1.2;text-transform:none;margin:0 0 14px}

#page #primary :is(#lp-resources,#lp-districts) h2{font-size:clamp(27px,3vw,38px)!important}
#page #primary :is(#lp-resources,#lp-districts) :is(h2,h3){font-family:"Palatino Linotype",Palatino,Georgia,serif!important;color:var(--hub-green)!important;font-weight:700!important;letter-spacing:-.02em!important;line-height:1.2!important;text-transform:none!important;margin:0 0 14px!important}
#page #primary :is(#lp-resources,#lp-districts) h3{font-size:25px!important}

#page #primary :is(#lp-resources,#lp-districts) h3{font-size:25px}

#page #primary :is(#lp-resources,#lp-districts) p{margin:0 0 18px;text-align:left}

#page #primary :is(#lp-resources,#lp-districts) .hub-eyebrow{font:700 11px/1.5 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#687561;margin-bottom:12px}

#page #primary :is(#lp-resources,#lp-districts) .hub-lead{font-size:clamp(18px,2vw,22px);max-width:68ch;line-height:1.65}

:is(#lp-resources,#lp-districts) .hub-nav{display:flex;flex-wrap:wrap;gap:10px 22px;padding:22px 0 28px;border-bottom:1px solid var(--hub-line);margin-bottom:42px}

#page #primary :is(#lp-resources,#lp-districts) .hub-nav a{font-size:14px;color:var(--hub-green);border:0;text-decoration:none;box-shadow:none}

:is(#lp-resources,#lp-districts) .hub-section{margin:0 0 52px;scroll-margin-top:100px}

:is(#lp-resources,#lp-districts) .hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}

#page #primary :is(#lp-resources,#lp-districts) .hub-card{display:flex;flex-direction:column;min-width:0;padding:26px;border:1px solid var(--hub-line);border-top:3px solid #7a9178;background:#fff;border-radius:6px;color:var(--hub-ink);text-decoration:none;box-shadow:none;transition:transform .2s,box-shadow .2s,border-color .2s}

#page #primary :is(#lp-resources,#lp-districts) .hub-card p{font-size:15px;line-height:1.7;color:#59675d;margin-bottom:24px}

#page #primary :is(#lp-resources,#lp-districts) .hub-card .hub-link{font-size:13px;font-weight:700;color:var(--hub-green);margin-top:auto;padding-top:16px;border-top:1px solid var(--hub-line)}

#page #primary :is(#lp-resources,#lp-districts) .hub-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #294d3b12;border-color:#9cac95}

:is(#lp-resources,#lp-districts) a:focus-visible{outline:3px solid #b69353;outline-offset:5px}

:is(#lp-resources,#lp-districts) .hub-panel{background:var(--hub-paper);padding:32px;border-radius:8px;margin:0 0 48px}

:is(#lp-resources,#lp-districts) .hub-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}

#page #primary :is(#lp-resources,#lp-districts) .hub-panel a{color:var(--hub-green);text-decoration:underline;text-underline-offset:4px;box-shadow:none}

#page #primary :is(#lp-resources,#lp-districts) .hub-panel h3{font-size:26px}

:is(#lp-resources,#lp-districts) .hub-actions{display:flex;flex-wrap:wrap;gap:14px 24px}

#lp-districts .hub-map-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center;margin-bottom:48px}

#lp-districts #lp-qt-map{min-width:0;background:radial-gradient(ellipse,#edf2e7,transparent 70%)}

#lp-districts #carte-quartiers{width:100%;height:auto;display:block;max-height:none;overflow:visible}

#lp-districts .hub-district-list{display:grid;gap:0;margin-top:24px;border-top:1px solid var(--hub-line)}

#page #primary #lp-districts .hub-district-list a{display:flex;align-items:center;gap:18px;padding:15px 0;border-bottom:1px solid var(--hub-line);color:var(--hub-green);box-shadow:none;text-decoration:none;font:700 22px/1.3 "Palatino Linotype",Georgia,serif}

#lp-districts .hub-district-list a small{font:12px/1.5 Arial,sans-serif;color:#84917e}

#lp-districts .hub-district-list a span:last-child{margin-left:auto;font:18px/1 Arial,sans-serif}

#lp-districts .hub-district-list a:hover{padding-left:8px}

@media(max-width:900px){#lp-districts .hub-map-layout{grid-template-columns:1fr;gap:24px}#lp-districts #lp-qt-map{max-width:560px;width:100%;margin:auto}:is(#lp-resources,#lp-districts) .hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:600px){:is(#lp-resources,#lp-districts) .hub-grid,:is(#lp-resources,#lp-districts) .hub-two{grid-template-columns:1fr}:is(#lp-resources,#lp-districts) .hub-panel{padding:24px}:is(#lp-resources,#lp-districts) .hub-nav{gap:12px 20px;margin-bottom:32px}:is(#lp-resources,#lp-districts) .hub-section{margin-bottom:36px}#page #primary :is(#lp-resources,#lp-districts) .hub-card{padding:24px}}

@media(prefers-reduced-motion:reduce){:is(#lp-resources,#lp-districts) *{transition:none!important;scroll-behavior:auto!important}}