/* Public Endorsement -------------------------------------------------------
   GENERATED from the reference's own stylesheets, in the page the field saved
   on 22 Sep 2026 (~/Downloads/Public Endorsement _ PLU.html): its
   public-endorsements.css and public-endorsements-refine.css, in the order
   the page links them - which matters, because the base sheet draws a dark
   hero and the refine sheet turns it white with the portrait on the right.
   Reading only the first would produce the wrong page, as it did here.

   Every selector is scoped to .plu-public-board, a class only this page
   carries. endorsements-contact.css still styles .plu-public-endorsement-page
   for /endorsements/sign/ and the closed state, and those rules are two
   classes deep; scoping matches their weight so this sheet wins on order
   without touching the pages that still want the old look.

   The one substitution is the portrait's path: the reference loads it beside
   its stylesheet, ours lives in the shared image directory. */


/* ---- from the reference's public-endorsements.css ---- */
.plu-public-board { background:#f3f4ef;color:#171717;padding-bottom:72px }
.plu-public-board .plu-public-endorsement-hero, .plu-public-board .plu-public-dashboard, .plu-public-board .plu-public-register, .plu-public-board .plu-public-empty { width:min(1180px,calc(100% - 40px));margin:auto }
.plu-public-board .plu-public-endorsement-hero { min-height:460px;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:36px;align-items:end;padding:56px 62px;color:#fff;border-top:6px solid #ffe500;background-image:linear-gradient(90deg,rgba(8,12,10,.98) 0%,rgba(8,12,10,.9) 44%,rgba(8,12,10,.2) 73%,rgba(8,12,10,.06) 100%),url("../../img/public-endorsement-mhzz.532f26a947d4.jpg");background-position:center,right center;background-size:cover,auto 100%;background-repeat:no-repeat }
.plu-public-board .plu-public-endorsement-hero>div { align-self:end }
.plu-public-board .plu-public-endorsement-hero h1 { max-width:760px;margin:8px 0 18px;font-size:clamp(2.2rem,4.7vw,4.45rem);line-height:.96 }
.plu-public-board .plu-public-endorsement-hero p { max-width:640px;color:#ececec;font-size:1.07rem;line-height:1.55 }
.plu-public-board .plu-public-endorsement-hero a, .plu-public-board .plu-public-signed a { display:inline-block;margin-top:12px;background:#ffe500;color:#111;padding:14px 18px;font-weight:800;text-decoration:none }
.plu-public-board .plu-public-endorsement-hero aside { align-self:center;display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(255,255,255,.5);padding-left:28px }
.plu-public-board .plu-public-endorsement-hero aside strong { font-size:3.35rem;line-height:1;color:#ffe500 }
.plu-public-board .plu-public-endorsement-hero aside span { margin-top:10px;font-size:.78rem;font-weight:800;text-transform:uppercase }
.plu-public-board .plu-public-endorsement-hero aside small { margin-top:9px;color:#e1e1e1 }
.plu-public-board .plu-public-register { display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:46px;padding:52px 62px;background:#fff;border-top:6px solid #c61c2c }
.plu-public-board .plu-public-register>header { padding-top:5px }
.plu-public-board .plu-public-register h2, .plu-public-board .plu-public-dashboard h2 { margin:6px 0 0;font-size:clamp(1.8rem,3.3vw,3.15rem);line-height:1 }
.plu-public-board .plu-public-register>header>p:last-child, .plu-public-board .plu-public-dashboard>header>p:last-child { margin-top:18px;color:#555;line-height:1.55 }
.plu-public-board .plu-public-form-grid { display:grid;grid-template-columns:1fr 1fr;gap:17px }
.plu-public-board .plu-public-form-grid label { display:grid;gap:7px;font-size:.82rem;font-weight:800 }
.plu-public-board .plu-public-form-grid input, .plu-public-board .plu-public-form-grid select { width:100%;border:1px solid #a8aaa6;background:#fff;padding:13px;font:inherit }
.plu-public-board .plu-public-form-grid input:disabled, .plu-public-board .plu-public-form-grid select:disabled { background:#f0f1ec;color:#555 }
.plu-public-board .plu-public-form-grid small { font-weight:400;color:#666;line-height:1.35 }
.plu-public-board .plu-public-check { display:flex;gap:10px;align-items:flex-start;margin:16px 0;font-size:.85rem;line-height:1.45 }
.plu-public-board .plu-public-check input { margin-top:3px;accent-color:#c61c2c }
.plu-public-board .plu-public-submit { margin-top:7px;border:0;background:#111;color:#ffe500;padding:15px 20px;font-weight:800;cursor:pointer }
.plu-public-board .plu-public-submit:disabled { opacity:.6;cursor:wait }
.plu-public-board .plu-public-form-message { min-height:1.25em;margin:18px 0 0;color:#a42027;font-weight:700 }
.plu-public-board .plu-public-form-message.is-success { color:#14763a }
.plu-public-board .plu-public-join { grid-column:2;margin-top:-12px;padding:22px;background:#f3f4ef;border-left:4px solid #ffe500 }
.plu-public-board .plu-public-join strong { font-size:1.05rem }
.plu-public-board .plu-public-join p { margin:8px 0 14px;color:#555;line-height:1.45 }
.plu-public-board .plu-public-join a { display:inline-block;margin-right:14px;font-size:.86rem;font-weight:800;color:#111 }
.plu-public-board .plu-public-signed { grid-column:2;padding:28px;background:#edf7ef;border-left:5px solid #168143 }
.plu-public-board .plu-public-signed h3 { margin:6px 0 }
.plu-public-board .plu-public-signed a { background:#168143;color:#fff }
.plu-public-board .plu-public-dashboard { padding:58px 0 }
.plu-public-board .plu-public-dashboard>header { display:grid;grid-template-columns:1fr minmax(260px,.7fr);gap:40px;align-items:end;margin-bottom:28px }
.plu-public-board .plu-public-dashboard__figures { display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d3d6cf;background:#fff }
.plu-public-board .plu-public-dashboard__figures article { min-height:128px;padding:25px;border-right:1px solid #d3d6cf;display:grid;align-content:center;gap:8px }
.plu-public-board .plu-public-dashboard__figures article:last-child { border-right:0 }
.plu-public-board .plu-public-dashboard__figures strong { font-size:clamp(1.6rem,3vw,2.7rem);line-height:1;color:#c61c2c }
.plu-public-board .plu-public-dashboard__figures span { font-size:.73rem;font-weight:800;text-transform:uppercase }
.plu-public-board .plu-public-map-layout { display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);min-height:530px;margin-top:30px;border:1px solid #8da3a9;background:#dff0f5 }
.plu-public-board .plu-public-map { position:relative;min-height:530px;background:#dff0f5 }
.plu-public-board .plu-public-map>[data-public-map-status] { position:absolute;inset:0;z-index:500;display:grid;place-content:center;padding:28px;text-align:center;font-weight:800;color:#35565c }
.plu-public-board .plu-public-map .leaflet-overlay-pane svg { filter:drop-shadow(0 3px 5px rgba(0,0,0,.16)) }
.plu-public-board .plu-public-map .leaflet-control-zoom { box-shadow:0 4px 14px rgba(0,0,0,.2) }
.plu-public-board .plu-public-map .leaflet-control-zoom a { color:#111;text-decoration:none }
.plu-public-board .plu-public-map-layout>aside { display:flex;flex-direction:column;justify-content:center;padding:38px;background:#103a3c;color:#fff;border-left:6px solid #e72b2c }
.plu-public-board .plu-public-map-layout>aside h3 { margin:2px 0 12px;font-size:2rem;line-height:1 }
.plu-public-board .plu-public-map-layout>aside>p:not(.plu-eyebrow) { color:#deedee;line-height:1.55 }
.plu-public-board .plu-public-map-legend { display:grid;gap:10px;margin-top:22px;border-top:1px solid rgba(255,255,255,.35);padding-top:20px }
.plu-public-board .plu-public-map-legend span { display:flex;gap:10px;align-items:center;color:#e5eeee;font-size:.8rem }
.plu-public-board .plu-public-map-legend i { width:20px;height:15px;background:#f2bd18;border:1px solid #751a23 }
.plu-public-board .plu-public-map-legend span:last-child i { background:#f5fbfd;border-color:#66858a }
.plu-public-board .plu-public-map-tip { padding:8px 10px!important;border:0!important;border-radius:2px!important;background:#103a3c!important;color:#fff!important;box-shadow:0 8px 24px rgba(0,0,0,.25)!important }
.plu-public-board .plu-public-map-tip:before { border-top-color:#103a3c!important }
.plu-public-board .plu-public-map-tip strong, .plu-public-board .plu-public-map-tip span { display:block }
.plu-public-board .plu-public-map-tip span { margin-top:3px;color:#ffe500;font-size:11px }
.plu-public-board .plu-public-dashboard__breakdowns { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:30px;background:#d1d5cf;border:1px solid #d1d5cf }
.plu-public-board .plu-public-dashboard__breakdowns section { padding:28px;background:#fff }
.plu-public-board .plu-public-dashboard__breakdowns h3 { margin:0 0 18px;font-size:1.08rem }
.plu-public-board .plu-public-data-row { display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid #e4e5e0;font-size:.9rem }
.plu-public-board .plu-public-data-row strong { color:#c61c2c }
.plu-public-board .plu-public-honeypot { position:absolute!important;left:-9999px!important }
.plu-public-board .plu-public-empty { padding:100px 0;min-height:50vh }
.plu-public-board .plu-public-empty h1 { font-size:3rem }
@media(max-width:860px) {
  .plu-public-board .plu-public-endorsement-hero { padding:46px 38px }
  .plu-public-board .plu-public-dashboard>header, .plu-public-board .plu-public-register { grid-template-columns:1fr }
  .plu-public-board .plu-public-register { padding:38px }
  .plu-public-board .plu-public-map-layout { grid-template-columns:1fr }
  .plu-public-board .plu-public-map-layout>aside { border-left:0;border-top:6px solid #e72b2c }
  .plu-public-board .plu-public-join, .plu-public-board .plu-public-signed { grid-column:auto;margin-top:0 }
}
@media(max-width:650px) {
  .plu-public-board .plu-public-endorsement-hero, .plu-public-board .plu-public-dashboard, .plu-public-board .plu-public-register, .plu-public-board .plu-public-empty { width:100% }
  .plu-public-board .plu-public-endorsement-hero { min-height:570px;grid-template-columns:1fr;padding:40px 22px;background-position:center,70% center;background-size:cover,auto 100% }
  .plu-public-board .plu-public-endorsement-hero aside { align-self:end;border-left:0;border-top:1px solid rgba(255,255,255,.55);padding:18px 0 0 }
  .plu-public-board .plu-public-dashboard { padding:36px 16px }
  .plu-public-board .plu-public-dashboard__figures { grid-template-columns:1fr }
  .plu-public-board .plu-public-dashboard__figures article { min-height:92px;border-right:0;border-bottom:1px solid #d3d6cf }
  .plu-public-board .plu-public-dashboard__figures article:last-child { border-bottom:0 }
  .plu-public-board .plu-public-map-layout, .plu-public-board .plu-public-map { min-height:420px }
  .plu-public-board .plu-public-map-layout>aside { padding:26px }
  .plu-public-board .plu-public-dashboard__breakdowns { grid-template-columns:1fr }
  .plu-public-board .plu-public-register { padding:35px 20px;gap:28px }
  .plu-public-board .plu-public-form-grid { grid-template-columns:1fr }
}

/* ---- from the reference's public-endorsements-refine.css ---- */
.plu-public-board .plu-public-endorsement-hero { width:min(1180px,calc(100% - 40px));min-height:450px;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);padding:52px 62px;color:#111;border-top:7px solid #ffe500;border-bottom:1px solid #1a1a1a;background-color:#fff;background-image:linear-gradient(90deg,#fff 0%,#fff 56%,rgba(255,255,255,0) 56%,rgba(255,255,255,0) 100%),url("../../img/public-endorsement-mhzz.532f26a947d4.jpg");background-position:center,calc(100% + 12px) 25%;background-size:cover,auto 112%;background-repeat:no-repeat }
.plu-public-board .plu-public-endorsement-hero>div { grid-column:1;grid-row:1;align-self:start;max-width:570px;padding-bottom:108px }
.plu-public-board .plu-public-endorsement-hero h1 { max-width:560px;font-size:clamp(2.45rem,3.85vw,3.65rem);line-height:.98 }
.plu-public-board .plu-public-endorsement-hero p { max-width:500px;font-size:1rem;color:#111;text-shadow:none }
.plu-public-board .plu-public-endorsement-hero .plu-eyebrow { color:#bd2029 }
.plu-public-board .plu-public-endorsement-hero aside { display:grid;grid-template-columns:auto 1fr;column-gap:11px;row-gap:2px;grid-column:1;grid-row:1;align-self:end;justify-self:start;width:auto;padding:13px 18px;background:#fff;border-left:4px solid #ffe500 }
.plu-public-board .plu-public-endorsement-hero aside strong { grid-row:1/3;font-size:2.45rem;color:#111 }
.plu-public-board .plu-public-endorsement-hero aside span { margin:0;align-self:end;color:#111;font-size:.7rem }
.plu-public-board .plu-public-endorsement-hero aside small { margin:0;align-self:start;color:#555 }
.plu-public-board .plu-public-endorsement-hero a { background:#111;color:#ffe500 }
.plu-public-board .plu-public-dashboard>header { display:block;margin-bottom:28px }
.plu-public-board .plu-public-dashboard>header h2 { max-width:680px;margin:7px 0 15px }
.plu-public-board .plu-public-dashboard>header>p:last-child { max-width:630px;margin:0 }
.plu-public-board .plu-public-map-layout, .plu-public-board .plu-public-map { min-height:700px!important }
.plu-public-board .plu-public-map-layout>aside { background:#111;border-left-color:#ffe500 }
.plu-public-board .plu-public-map-layout>aside h3 { font-size:clamp(1.4rem,2vw,1.95rem);overflow-wrap:anywhere }
.plu-public-board .plu-public-map-layout>aside>p:not(.plu-eyebrow) { color:#e5e5e5 }
.plu-public-board .plu-public-map-legend { border-top-color:#555 }
.plu-public-board .plu-public-wide { grid-column:1/-1 }
.plu-public-board .plu-public-form-grid textarea { width:100%;resize:vertical;border:1px solid #a8aaa6;background:#fff;padding:13px;font:inherit;line-height:1.45 }
@media(max-width:860px) {
  .plu-public-board .plu-public-endorsement-hero { padding-inline:38px;background-position:center,calc(100% + 18px) 25% }
  .plu-public-board .plu-public-map-layout, .plu-public-board .plu-public-map { min-height:560px!important }
}
@media(max-width:650px) {
  .plu-public-board .plu-public-endorsement-hero { width:100%;min-height:610px;padding:38px 22px;background-image:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.96) 48%,rgba(255,255,255,.2) 100%),url("../../img/public-endorsement-mhzz.532f26a947d4.jpg");background-position:center,70% center;background-size:cover,auto 112% }
  .plu-public-board .plu-public-endorsement-hero>div, .plu-public-board .plu-public-endorsement-hero aside { grid-column:auto;grid-row:auto }
  .plu-public-board .plu-public-endorsement-hero aside { align-self:end;justify-self:stretch;border-left:0;border-top:3px solid #ffe500 }
  .plu-public-board .plu-public-map-layout, .plu-public-board .plu-public-map { min-height:500px!important }
  .plu-public-board .plu-public-map-layout>aside { border-top-color:#ffe500 }
}
@media(max-width:650px) {
  .plu-public-board .plu-public-endorsement-hero { display:block;position:relative;isolation:isolate;width:100%;min-height:0;padding:28px 22px 286px;border-top-width:6px;background:#fff;overflow:hidden }
  .plu-public-board .plu-public-endorsement-hero::after { content:"";position:absolute;z-index:-1;right:0;bottom:0;left:0;height:258px;background-image:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,0)),url("../../img/public-endorsement-mhzz.532f26a947d4.jpg");background-repeat:no-repeat;background-size:cover,115% auto;background-position:center,100% 8%;border-top:4px solid #ffe500 }
  .plu-public-board .plu-public-endorsement-hero>div { display:block;max-width:none;padding:0 }
  .plu-public-board .plu-public-endorsement-hero .plu-eyebrow { margin:0 0 12px;font-size:.72rem;line-height:1.35 }
  .plu-public-board .plu-public-endorsement-hero h1 { max-width:330px;margin:0 0 16px;font-size:clamp(1.65rem,6.6vw,1.9rem);line-height:1.08;letter-spacing:0;overflow-wrap:anywhere;word-break:normal;hyphens:none }
  .plu-public-board .plu-public-endorsement-hero p { max-width:320px;margin:0;font-size:.98rem;line-height:1.5 }
  .plu-public-board .plu-public-endorsement-hero a { margin-top:18px;padding:13px 16px }
  .plu-public-board .plu-public-endorsement-hero aside { display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;width:min(100%,286px);margin:22px 0 0;padding:12px 14px;background:#fff;border:1px solid #deded9;border-left:4px solid #ffe500;box-shadow:0 8px 20px rgba(0,0,0,.12) }
  .plu-public-board .plu-public-endorsement-hero aside strong { font-size:2.15rem }
  .plu-public-board .plu-public-endorsement-hero aside span { font-size:.65rem;line-height:1.2 }
  .plu-public-board .plu-public-endorsement-hero aside small { font-size:.72rem;line-height:1.25 }
  .plu-public-board .plu-public-map-layout, .plu-public-board .plu-public-map { min-height:500px!important }
  .plu-public-board .plu-public-map-layout>aside { border-top-color:#ffe500 }
}
/* Final participation-register treatment. */
.plu-public-board .plu-public-register>header { padding-right:16px }
.plu-public-board .plu-public-trust { display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 0;padding:0;list-style:none }
.plu-public-board .plu-public-trust li { border:1px solid #d4d5ce;padding:7px 9px;background:#fafaf7;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em }
.plu-public-board .plu-public-trust li::before { content:"";display:inline-block;width:7px;height:7px;margin-right:7px;background:#ffe500;border:1px solid #111 }
.plu-public-board .plu-public-steps { display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 0 28px;padding:0;list-style:none;border:1px solid #d6d8d2;background:#f5f6f1 }
.plu-public-board .plu-public-steps li { display:flex;gap:9px;align-items:center;min-height:54px;padding:10px 13px;border-right:1px solid #d6d8d2;color:#777;font-size:.72rem }
.plu-public-board .plu-public-steps li:last-child { border-right:0 }
.plu-public-board .plu-public-steps span { display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border:1px solid #b5b7b0;border-radius:50%;font-size:.7rem;font-weight:800 }
.plu-public-board .plu-public-steps b { font-weight:800 }
.plu-public-board .plu-public-steps .is-active { color:#111;background:#fff }
.plu-public-board .plu-public-steps .is-active span { border-color:#111;background:#ffe500 }
.plu-public-board .plu-public-form-stage { padding:3px 0 0 }
.plu-public-board .plu-public-stage-heading { margin-bottom:23px }
.plu-public-board .plu-public-stage-heading h3 { margin:5px 0 8px;font-size:1.65rem;line-height:1.06 }
.plu-public-board .plu-public-stage-heading>p:last-child { margin:0;color:#5b5d57;font-size:.94rem;line-height:1.45 }
.plu-public-board .plu-public-stage-actions { display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:24px }
.plu-public-board .plu-public-next, .plu-public-board .plu-public-back { border:0;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer }
.plu-public-board .plu-public-next { padding:14px 18px;background:#111;color:#ffe500 }
.plu-public-board .plu-public-back { padding:12px 0;background:transparent;color:#333 }
.plu-public-board .plu-public-confirmation { display:grid;gap:7px;margin:0 0 22px;padding:18px 19px;border-left:4px solid #ffe500;background:#f6f7f2;line-height:1.4 }
.plu-public-board .plu-public-confirmation strong { font-size:.92rem }
.plu-public-board .plu-public-confirmation span { color:#555;font-size:.82rem }
.plu-public-board .plu-public-form-stage[hidden] { display:none!important }
.plu-public-board .plu-public-dashboard { padding-top:72px }
.plu-public-board .plu-public-dashboard__figures { box-shadow:0 10px 24px rgba(0,0,0,.05) }
.plu-public-board .plu-public-dashboard__figures article:first-child { background:#111 }
.plu-public-board .plu-public-dashboard__figures article:first-child strong { color:#ffe500 }
.plu-public-board .plu-public-dashboard__figures article:first-child span { color:#fff }
.plu-public-board .plu-public-map-layout { box-shadow:0 14px 28px rgba(0,0,0,.08) }
@media(max-width:860px) {
  .plu-public-board .plu-public-register>header { padding-right:0 }
  .plu-public-board .plu-public-trust { margin-bottom:5px }
}
@media(max-width:650px) {
  .plu-public-board .plu-public-trust { gap:6px;margin-top:19px }
  .plu-public-board .plu-public-trust li { padding:6px 7px;font-size:.61rem }
  .plu-public-board .plu-public-steps { margin-bottom:22px }
  .plu-public-board .plu-public-steps li { min-height:58px;padding:8px 7px;gap:6px;font-size:.64rem;line-height:1.15 }
  .plu-public-board .plu-public-steps span { flex-basis:21px;width:21px;height:21px;font-size:.65rem }
  .plu-public-board .plu-public-stage-heading h3 { font-size:1.45rem }
  .plu-public-board .plu-public-stage-actions { margin-top:20px }
  .plu-public-board .plu-public-next { padding:13px 15px }
  .plu-public-board .plu-public-confirmation { padding:16px }
  .plu-public-board .plu-public-dashboard { padding-top:52px }
}
.plu-public-board .plu-public-submit.is-complete { background:#176f3b;color:#fff;cursor:default }
.plu-public-board .plu-public-submit.is-complete:disabled { opacity:1;cursor:default }
.plu-public-board .plu-public-map { isolation:isolate;overflow:hidden }
.plu-public-board .plu-public-map-layout>aside h3 { overflow-wrap:normal;word-break:normal;hyphens:none }
.plu-public-board .plu-public-map-trigger { display:inline-flex;align-items:center;gap:10px;margin-top:30px;padding:14px 18px;border:1px solid #111;background:#fff;color:#111;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer }
.plu-public-board .plu-public-map-trigger::after { content:"+";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ffe500;color:#111;font-size:1rem;line-height:1 }
.plu-public-board .plu-public-map-trigger:hover { background:#111;color:#fff }
.plu-public-board .plu-public-map-trigger:hover::after { background:#fff }
.plu-public-board .plu-public-map-layout[hidden] { display:none!important }
/* Give the entry flow more breathing room than its supporting introduction. */
.plu-public-board .plu-public-register h2 { max-width:390px;font-size:clamp(2rem,2.6vw,2.65rem);line-height:1.03 }
.plu-public-board .plu-public-map-layout>aside { padding:32px }
.plu-public-board .plu-public-map-layout>aside h3 { font-size:clamp(1.3rem,1.55vw,1.6rem);line-height:1.08;overflow-wrap:normal;word-break:normal;hyphens:none }
.plu-public-board .plu-public-map-failure { position:absolute;inset:0;z-index:501;display:grid;place-content:center;gap:15px;padding:28px;text-align:center;background:#f5f7f4;color:#26352f }
.plu-public-board .plu-public-map-failure p { max-width:330px;margin:0;font-weight:700;line-height:1.45 }
.plu-public-board .plu-public-map-failure button { justify-self:center;border:0;background:#111;color:#ffe500;padding:12px 15px;font:inherit;font-size:.8rem;font-weight:800;cursor:pointer }
.plu-public-board .plu-public-island-control { display:grid;grid-template-columns:1fr 1fr;gap:5px;width:184px;padding:8px;background:#111;color:#fff;border-top:3px solid #ffe500;box-shadow:0 5px 16px rgba(0,0,0,.24) }
.plu-public-board .plu-public-island-control strong { grid-column:1/-1;font-size:.67rem;text-transform:uppercase }
.plu-public-board .plu-public-island-control button { min-width:0;padding:7px 5px;border:1px solid #ffe500;background:#fff;color:#111;font:inherit;font-size:.68rem;font-weight:800;cursor:pointer }
.plu-public-board .plu-public-island-control button:hover, .plu-public-board .plu-public-island-control button:focus { background:#ffe500;outline:0 }
.plu-public-board .plu-public-island-label { border:0!important;border-radius:2px!important;background:#111!important;color:#ffe500!important;font-size:10px;font-weight:800;box-shadow:0 3px 9px rgba(0,0,0,.22)!important }
.plu-public-board .plu-public-island-label::before { border-top-color:#111!important }
@media(max-width:650px) {
  .plu-public-board .plu-public-island-control { width:164px }
  .plu-public-board .plu-public-island-label { font-size:9px }
}
.plu-public-board .plu-public-map-legend i { flex:0 0 20px;background:#ffd51f;border-color:#735800 }
.plu-public-board .plu-public-map-legend span:last-child i { background:#f4f3ec;border-color:#77766f }


/* ---- the one deviation, ours only ----
   The reference's script hides this button once the map is up
   (`trigger.hidden = true`) but its stylesheet gives the button
   `display: inline-flex`, which outranks the browser's [hidden] - so on the
   reference the button stays on screen above the map it has just opened. It
   wrote the same rule for .plu-public-map-layout two lines up and missed it
   here. Ours says it. */
.plu-public-board .plu-public-map-trigger[hidden] { display: none; }

/* ---- a second deviation, and it only restores the reference's own look ----
   The reference's map ground is grey because leaflet.css sets
   `.leaflet-container{background:#ddd}` and is injected AFTER its stylesheet,
   so at equal weight Leaflet wins. Scoping every rule here to
   .plu-public-board put ours a class ahead, and the map came out the pale
   blue of the pre-load panel instead. This hands the drawn map back to
   Leaflet's colour; the panel keeps the blue until the map arrives, as the
   reference's does. */
.plu-public-board .plu-public-map.leaflet-container { background: #ddd; }