.emap{--ink:#07241A;--moss:#067E48;--moss-2:#00A25A;--stone:#EDF2ED;--paper:#FBFCFA;--muted:#55665C;
 --line:rgba(7,36,26,.14);--line-str:rgba(7,36,26,.3);--grass:#CFDABD;--road:#B4B4B4;--bld-line:#5C6660;
 --pin:#1B5DAB;--pin-rear:#63B3E8;--amber:#B26B00;
 --c-health:#1B6FB5;--c-wellbeing:#00A25A;--c-education:#8A5CC7;--c-community:#D08213;--c-services:#4C6E63;
 --f:'Archivo',system-ui,sans-serif;--m:'IBM Plex Mono',ui-monospace,monospace}.emap *,.emap *::before,.emap *::after{box-sizing:border-box}.emap{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f);font-size:15px;line-height:1.55}.emap .shell{max-width:1560px;margin:0 auto;padding:22px clamp(14px,3vw,30px) 50px}.emap .eyebrow{font-family:var(--m);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--moss-2);margin:0 0 8px}.emap h1{font-weight:800;font-stretch:84%;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(1.4rem,2.8vw,2.1rem);margin:0 0 6px}.emap .sub{color:var(--muted);margin:0 0 16px;max-width:78ch}.emap .notice{border-left:3px solid var(--amber);background:#FFF8EC;padding:12px 15px;margin:0 0 18px;font-size:13.5px}.emap .notice b{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);margin-bottom:3px}.emap .tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px}.emap .tab{border:1px solid var(--line-str);background:#fff;border-radius:10px;padding:11px 16px;cursor:pointer;font:inherit;text-align:left}.emap .tab b{display:block;font-size:14px;font-weight:700}.emap .tab small{color:var(--muted);font-size:12px}.emap .tab.on{background:var(--moss);border-color:var(--moss);color:#fff}.emap .tab.on small{color:rgba(255,255,255,.8)}.emap .view{display:none;margin-top:16px}.emap .view.on{display:block}.emap .mapwrap{position:relative;background:#F7F8F4;border:1px solid var(--line);border-radius:14px;overflow:hidden}.emap .mapwrap svg{display:block;width:100%;height:auto;touch-action:none;cursor:grab}.emap .mapwrap svg.drag{cursor:grabbing}.emap .estate{fill:var(--grass)}.emap .roads{fill:var(--road);fill-rule:evenodd}.emap .bld{fill:#fff;stroke:var(--bld-line);stroke-width:2;vector-effect:non-scaling-stroke;transition:fill .15s}.emap .bld.hit{cursor:pointer}.emap .bld.hit:hover{fill:#DFF3E7}.emap .bld.on{fill:var(--moss-2);stroke:var(--moss)}.emap .pin{cursor:pointer}.emap .pin circle{fill:var(--pin)}.emap .pin.rear circle{fill:var(--pin-rear)}.emap .pin text{fill:#fff;font-weight:700;text-anchor:middle;dominant-baseline:central;font-size:19px;pointer-events:none}.emap .pin:hover circle,.emap .pin.on circle{fill:var(--moss-2)}.emap .pin.on circle{stroke:#fff;stroke-width:3}.emap .park rect{fill:#6E7671}.emap .park text{fill:#fff;font-weight:700;font-size:17px;text-anchor:middle;dominant-baseline:central}.emap .park.on rect{fill:var(--amber)}.emap .ctx{fill:none;stroke:#CBCFD6;stroke-width:1.1;vector-effect:non-scaling-stroke;pointer-events:none}.emap .hafan{fill:#E7EDF8;pointer-events:none}.emap .roadlbl{fill:#8A8F98;font-size:15px;font-style:italic;pointer-events:none}.emap .placelbl{fill:#3C4A55;font-size:16px;font-weight:600;pointer-events:none;text-anchor:middle}.emap .gate{cursor:pointer}.emap .gate rect{fill:#1B5DAB;rx:5}.emap .gate text{fill:#fff;font-size:15px;font-weight:600;text-anchor:middle;dominant-baseline:central;pointer-events:none}.emap .gate circle{fill:#fff;stroke:#1B5DAB;stroke-width:4}.emap .gate.on rect{fill:var(--moss)}.emap .gate.on circle{stroke:var(--moss)}.emap .outside-off .ctx,.emap .outside-off .hafan,.emap .outside-off .roadlbl{display:none}/* --- 3D extruded view --- */
.emap .cam{transition:transform .45s cubic-bezier(.4,.7,.3,1)}.emap .g3{display:none}.emap svg.is3d .g3{display:block}.emap svg.is3d .gb{display:none}.emap .wall{fill:#B9C4AC;stroke:#8E9A84;stroke-width:.75;vector-effect:non-scaling-stroke}.emap .roof{fill:#fff;stroke:#5C6660;stroke-width:1.5;vector-effect:non-scaling-stroke;transition:fill .15s}.emap .roof.hit{cursor:pointer}.emap .roof.hit:hover{fill:#DFF3E7}.emap .roof.on{fill:var(--moss-2);stroke:var(--moss)}.emap .stem{stroke:#7C8A80;stroke-width:2;vector-effect:non-scaling-stroke}.emap svg.is3d.dim .roof:not(.on){fill:#F2F3EF;stroke:#C9CFC9}.emap svg.is3d.dim .wall{opacity:.45}.emap .d3btn{width:36px;height:36px;border:1px solid var(--line-str);background:#fff;border-radius:8px;
 font-size:11px;font-weight:700;cursor:pointer;font-family:var(--m)}.emap .d3btn.on{background:var(--ink);color:#fff;border-color:var(--ink)}.emap .dim .bld:not(.on){fill:#F2F3EF;stroke:#C9CFC9}.emap .dim .pin:not(.on){opacity:.25}.emap .dim .park:not(.on){opacity:.3}.emap .zoom{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;gap:6px}.emap .zoom button{width:36px;height:36px;border:1px solid var(--line-str);background:#fff;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer}.emap .legend{display:flex;flex-wrap:wrap;gap:8px 18px;padding:11px 15px;border-top:1px solid var(--line);background:#fff;
 font-family:var(--m);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.emap .legend span{display:flex;align-items:center;gap:7px}.emap .dot{width:12px;height:12px;border-radius:50%;display:inline-block}/* option 1 */
.emap .split{display:grid;grid-template-columns:1fr 380px;gap:18px;align-items:start}@media(max-width:1040px){.emap .split{grid-template-columns:1fr}}.emap .panel{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.emap .ptop{padding:14px;border-bottom:1px solid var(--line)}.emap label{display:block;font-family:var(--m);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}.emap select,.emap input[type=search]{width:100%;padding:12px 13px;border:1px solid var(--line-str);border-radius:8px;font:inherit;font-size:14.5px;background:#fff}.emap select:focus,.emap input:focus{outline:2px solid var(--moss-2);outline-offset:1px}.emap .chips{display:flex;flex-wrap:wrap;gap:6px;padding:11px 14px;border-bottom:1px solid var(--line)}.emap .chip{font-family:var(--m);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:7px 11px;
 border:1px solid var(--line-str);background:#fff;border-radius:20px;cursor:pointer;color:var(--muted)}.emap .chip.on{background:var(--moss);border-color:var(--moss);color:#fff}.emap .results{max-height:min(54vh,600px);overflow:auto}.emap .grp{font-family:var(--m);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);background:var(--stone);padding:9px 15px;position:sticky;top:0}.emap .row{display:flex;gap:11px;align-items:flex-start;padding:11px 15px;border:0;border-bottom:1px solid var(--line);
 cursor:pointer;background:#fff;width:100%;text-align:left;font:inherit}.emap .row:hover{background:var(--stone)}.emap .bn{flex:none;min-width:32px;height:32px;border-radius:8px;background:var(--pin);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;padding:0 6px}.emap .bn.none{background:#EDE9DE;color:var(--amber);font-family:var(--m)}.emap .row b{display:block;font-weight:600;font-size:14.5px;line-height:1.3}.emap .row small{color:var(--muted);font-size:12.5px}.emap .empty{padding:24px 15px;color:var(--muted);text-align:center;font-size:14px}.emap .pfoot{padding:11px 15px;border-top:1px solid var(--line);font-family:var(--m);font-size:10.5px;letter-spacing:.1em;
 text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between}.emap .lnk{background:none;border:0;color:var(--moss);cursor:pointer;font:inherit;text-transform:uppercase;letter-spacing:.1em}/* option 2 */
.emap .seek{max-width:760px;margin:0 auto 18px}.emap .seek input{font-size:17px;padding:17px 18px;border-radius:12px;border:2px solid var(--line-str)}.emap .hits{max-width:760px;margin:0 auto 18px;display:grid;gap:10px}.emap .hit{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;background:#fff;
 border:1px solid var(--line);border-radius:12px;padding:14px 16px;cursor:pointer;text-align:left;font:inherit;width:100%}.emap .hit:hover{border-color:var(--moss-2);box-shadow:0 4px 18px rgba(0,162,90,.1)}.emap .hit .num{width:56px;height:56px;border-radius:12px;background:var(--pin);color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px}.emap .hit b{font-size:16px}.emap .hit .meta{color:var(--muted);font-size:13px}.emap .hit .go{font-family:var(--m);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--moss)}.emap .card2{max-width:760px;margin:0 auto 16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.emap .card2 h3{margin:0 0 10px;font-size:1.1rem;text-transform:uppercase;letter-spacing:-.01em}.emap .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}@media(max-width:620px){.emap .facts{grid-template-columns:1fr}}.emap .fact{background:#fff;padding:13px}.emap .fact i{display:block;font-family:var(--m);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-style:normal;margin-bottom:4px}.emap .fact b{font-size:15px}/* option 3 */
.emap .layers{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px}.emap .lay{font-family:var(--m);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:9px 13px;
 border:1px solid var(--line-str);background:#fff;border-radius:20px;cursor:pointer;color:var(--muted);display:flex;align-items:center;gap:7px}.emap .lay.on{background:var(--ink);border-color:var(--ink);color:#fff}.emap .sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);
 border-radius:16px 16px 0 0;box-shadow:0 -8px 32px rgba(0,0,0,.13);transform:translateY(102%);
 transition:transform .28s cubic-bezier(.3,.8,.3,1);max-height:66%;overflow:auto}.emap .sheet.up{transform:none}.emap .sheet-h{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff}.emap .sheet-h .num{width:44px;height:44px;border-radius:10px;background:var(--pin);color:#fff;display:grid;place-items:center;font-weight:800}.emap .sheet-h b{font-size:16px}.emap .sheet-h small{display:block;color:var(--muted);font-size:12.5px}.emap .sheet-h .x{margin-left:auto;border:0;background:var(--stone);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:17px}.emap .tip{position:absolute;pointer-events:none;background:var(--ink);color:#fff;padding:6px 10px;border-radius:7px;
 font-size:12.5px;transform:translate(-50%,-135%);opacity:0;transition:opacity .12s;white-space:nowrap}.emap .tip.on{opacity:1}.emap .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}/* --- combined view ---------------------------------------------------
   The facts grid was written for the full-width card in option 2; inside
   the 380px panel three columns would set "Front and rear" two words to a
   line, so in the panel it stacks. */
.emap .panel .facts{grid-template-columns:1fr}.emap .panel .fact{padding:11px 15px}.emap #detail:not(:empty){border-bottom:1px solid var(--line)}.emap .mapwrap .tip{z-index:4}

/* --- compact (home page) ---------------------------------------------
   The plan alone, filling the slot the flat image used to occupy inside
   .plan. No panel, so the map takes the full width and the rounded corner
   comes from .plan rather than from the map. */
.emap--compact .mapwrap{border:0;border-radius:0;background:transparent}
.emap--compact .mapwrap svg{border-radius:0}
.emap--compact .legend{border-top:0}
.plan .emap--compact{margin:0}

/* --- map controls -------------------------------------------------------
   The four buttons were floating loose over the plan, and at bottom-right
   they landed squarely on Building 19's pin — you could not tell the badge
   from the button. They are one opaque control panel now, the way a map's
   controls usually are, so whatever is under them is plainly behind them. */
.emap .zoom{
  right:14px;bottom:14px;gap:0;
  background:#fff;
  border:1px solid var(--line-str);
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 4px 16px rgba(7,36,26,.18);
}
.emap .zoom button,
.emap .zoom .d3btn{
  width:40px;height:36px;
  margin:0;padding:0;
  border:0;border-top:1px solid var(--line);border-radius:0;
  background:#fff;color:var(--ink);
  font-family:var(--m);font-size:15px;font-weight:600;line-height:1;
  display:grid;place-items:center;
  cursor:pointer;
  transition:background .15s, color .15s;
}
.emap .zoom button:first-child{border-top:0}
.emap .zoom button:hover{background:var(--stone);color:var(--moss)}
.emap .zoom button:focus-visible{outline:2px solid var(--moss);outline-offset:-2px}
.emap .zoom button[data-z="reset"]{font-size:9px;letter-spacing:.07em;text-transform:uppercase}
.emap .zoom .d3btn{font-size:11px;letter-spacing:.04em}
.emap .zoom .d3btn.on{background:var(--ink);color:#fff;border-color:var(--ink)}

/* The compact map sits inside .plan, which carries the site's own legend in
   its figcaption — so the one the script injects would be the same list
   twice. */
.emap--compact .legend{display:none}

@media (prefers-reduced-motion:reduce){
  .emap .zoom button{transition:none}
}

/* --- large screens ------------------------------------------------------
   The plan is nearly square (1068x1025), so once the shell widens past about
   1500px a full-width map runs taller than the viewport and the panel beside
   it floats in dead space.

   The cap is on WIDTH, not height: the svg carries a viewBox and no intrinsic
   size, so width:auto leaves the browser to guess and it guesses differently
   at different widths. Capping the width at (target height x the 1.042 ratio)
   caps the height predictably and lets height:auto do the rest. */
@media (min-width:1500px){
  /* Nothing here any more. Holding the map's height down by capping its
     WIDTH is what left cream down both sides and along the bottom of the card
     on a short window — the map was simply made narrower than the box it sits
     in. The height is capped directly instead, below, and the map covers its
     box rather than being fitted inside it. */
}

/* --- 3D performance ------------------------------------------------------
   The walls no longer hold their stroke width against the zoom. non-scaling-
   stroke means the browser re-solves the stroke geometry every frame, and
   while the camera tilts that was the single biggest cost on the map. The
   walls are hairlines behind the roofs — nobody reads their width — so they
   scale with the view like any other shape, and the roofs, which do read as
   edges, keep theirs. */
.emap .wall{vector-effect:none}

/* Tell the compositor the camera is about to move, but only while it is
   moving: leaving it on would keep a large layer alive for the whole visit. */
.emap svg.is3d .cam,
.emap .cam{will-change:auto}
.emap .mapwrap:hover .cam{will-change:transform}

/* Walls in white, like the roofs and like the flat plan's footprints, so the
   estate reads as one white massing model rather than as white roofs sitting
   on grey-green sides. The form is carried by the outline alone, so the wall
   stroke matches the roof's rather than the softer one it had. */
.emap .wall{fill:#fff;stroke:#5C6660}

/* --- aerial backdrop -----------------------------------------------------
   The plan is a drawing, not a survey — its scale is not even the same across
   and down — so no placement of a photograph makes the drawn grounds, roads
   and footprints sit on the real ones. They are within a few metres, which
   reads as wrong rather than as close. So in aerial view the drawn ground
   steps aside entirely and the photograph carries it, with the entrance pins
   and car parks left on top: those are points, and points land where they
   should. */
.emap .sat{display:none;pointer-events:none}
.emap svg.is-sat .sat{display:block}
.emap svg.is-sat .estate,
.emap svg.is-sat .roads,
.emap svg.is-sat .ctx,
.emap svg.is-sat .hafan,
.emap svg.is-sat .gb,
.emap svg.is-sat .g3{display:none}

/* Labels stay — a road name a few metres out still reads correctly — but they
   are set for a photograph rather than for pale green. */
.emap svg.is-sat .roadlbl,
.emap svg.is-sat .placelbl{fill:#fff;paint-order:stroke;stroke:rgba(20,26,20,.75);stroke-width:3px;stroke-linejoin:round}

.emap .zoom button[data-z="sat"]{font-size:11px;letter-spacing:.04em}
.emap .zoom button[data-z="sat"].on{background:var(--ink);color:#fff;border-color:var(--ink)}

/* Clear of the legend strip, which sits inside the same box. */
.emap .satcredit{display:none;position:absolute;left:12px;bottom:54px;margin:0;
  padding:3px 8px;border-radius:5px;background:rgba(20,26,20,.6);color:#fff;
  font-family:var(--m);font-size:9px;letter-spacing:.04em;pointer-events:none}
.emap .mapwrap.sat-on .satcredit{display:block}
.emap--compact .satcredit{bottom:12px}

/* A grass swatch means nothing over a photograph. */
.emap .mapwrap.sat-on .legend span:last-child{display:none}

/* Markers on a photograph.

   On the pale plan a flat disc is enough. On a photograph — dark roofs, dark
   trees, bright tarmac — a flat disc disappears into whatever it lands on, so
   every marker gets a white collar and a shadow to lift it off the ground.
   Dimming the unselected ones to a quarter worked on paper and made them
   vanish here, so they only go to three quarters. */
.emap svg.is-sat .pin circle{stroke:#fff;stroke-width:2.5;paint-order:stroke}
.emap svg.is-sat .park rect{stroke:#fff;stroke-width:2}
.emap svg.is-sat .pin,
.emap svg.is-sat .park,
.emap svg.is-sat .gate{filter:drop-shadow(0 1px 2px rgba(12,18,12,.55))}
.emap svg.is-sat.dim .pin:not(.on){opacity:.75}
.emap svg.is-sat.dim .park:not(.on){opacity:.7}
.emap svg.is-sat .pin.on circle{stroke-width:4}

/* The entrance marker is a hollow ring on the plan, where the white reads as a
   gap in a drawn boundary. Over a photograph a white ring reads as a blemish,
   so it becomes a solid marker in the same blue as its label. */
.emap svg.is-sat .gate circle{fill:#1B5DAB;stroke:#fff;stroke-width:2.5}
.emap svg.is-sat .gate.on circle{fill:var(--moss);stroke:#fff}
.emap svg.is-sat .gate line{stroke:#fff;stroke-width:2.5}

/* --- the map fills its card ------------------------------------------------
   width:100% and height:auto give the svg exactly the frame's proportions, so
   it fills the card and there is nothing to letterbox. The height cap is the
   one thing that can break that — on a short window it makes the box wider
   than the drawing — so the drawing covers the box and crops top and bottom
   instead of shrinking away from the sides. */
.emap .mapwrap svg{width:100%;height:auto;max-height:78vh}

/* --- the organisations' own marks in the list -------------------------------
   Each row carries its company's logo on a plate beside the building number,
   with a wash of that company's colour running back across the row, so the
   list reads as the businesses rather than as a column of numbers. A white
   mark sits on its own brand colour (or the darker plate colour named in
   logos.json), since white on white would vanish. Rows for organisations
   whose artwork has not arrived are unchanged. */
.emap .row{position:relative;isolation:isolate;align-items:center}
.emap .row.has-logo::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,
    color-mix(in srgb, var(--brand) 16%, transparent) 0%,
    color-mix(in srgb, var(--brand) 6%, transparent) 42%,
    transparent 78%)
}
.emap .row .lg{
  flex:none;width:58px;height:34px;display:grid;place-items:center;overflow:hidden;
  background:#fff;border:1px solid var(--line);border-radius:7px;padding:4px 5px
}
.emap .row .lg.rev{background:var(--plate, var(--brand));border-color:transparent}
.emap .row .lg img{max-width:100%;max-height:24px;width:auto;height:auto;object-fit:contain;display:block}
@media(max-width:560px){
  .emap .row .lg{width:48px;height:30px}
  .emap .row .lg img{max-height:20px}
}

/* --- directions ------------------------------------------------------------
   A route drawn over the plan, and the two boxes that ask for it. The line is
   drawn twice: a white casing so it reads over tarmac, grass and buildings
   alike, and the route itself over the top, walking its dashes forward. */
.emap .rt-case{fill:none;stroke:#fff;stroke-width:11;stroke-linejoin:round;stroke-linecap:round;opacity:.9}
.emap .rt-line{
  fill:none;stroke:#C2410C;stroke-width:5.5;stroke-linejoin:round;stroke-linecap:round;
  stroke-dasharray:16 11;animation:rtflow 1.1s linear infinite
}
@keyframes rtflow{to{stroke-dashoffset:-27}}
.emap .rt-end circle{fill:#C2410C;stroke:#fff;stroke-width:3}
.emap .rt-end text{fill:#fff;font:700 13px var(--f,system-ui);text-anchor:middle;dominant-baseline:central}
@media (prefers-reduced-motion:reduce){.emap .rt-line{animation:none}}

.emap .dirs{padding:13px 15px;border-bottom:1px solid var(--line);background:var(--stone)}
.emap .dirs-h{
  display:flex;align-items:center;justify-content:space-between;
  font-family:var(--m);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);
  margin-bottom:9px
}
.emap .dirs-x{border:0;background:none;padding:0;cursor:pointer;font:inherit;color:var(--moss);text-transform:none;letter-spacing:0}
.emap .dirs-fields{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:end}
.emap .dirs-fields label{display:flex;flex-direction:column;gap:4px;min-width:0}
.emap .dirs-fields span{font-size:11px;color:var(--muted)}
.emap .dirs-fields select{
  width:100%;min-width:0;padding:7px 8px;border:1px solid var(--line-str);border-radius:8px;
  background:#fff;font:inherit;font-size:13px;color:var(--ink)
}
.emap .dirs-swap{
  width:30px;height:30px;margin-bottom:3px;border:1px solid var(--line-str);border-radius:50%;
  background:#fff;cursor:pointer;font-size:13px;line-height:1;color:var(--muted)
}
.emap .dirs-swap:hover{border-color:var(--moss);color:var(--moss)}
.emap .dirs-out{margin:9px 0 0;font-size:13px;color:var(--ink);min-height:1em}
.emap .dirs-out b{font-size:15px}
.emap .dirs-ab{color:var(--muted);font-size:12px}
.emap .dirs-go{
  display:block;width:100%;margin-top:10px;padding:9px 12px;cursor:pointer;
  border:1px solid var(--moss);border-radius:8px;background:var(--moss);color:#fff;
  font:inherit;font-size:13px;font-weight:600
}
.emap .dirs-go:hover{background:#0b4a35;border-color:#0b4a35}
