:root{
  --cream:#fbf7ef;
  --paper:#fffdfa;
  --ink:#6f4b40;
  --muted:#a77f73;
  --rose:#c97974;
  --blush:#f8e3df;
  --gold:#d9ad4f;
  --line:#eadfd4;
  --shadow:0 24px 70px rgba(111,75,64,.08);
}
*{box-sizing:border-box}
body{
  margin:0;
  min-height:100vh;
  color:var(--ink);
  background:
    radial-gradient(circle at 10% 8%,rgba(248,227,223,.72),transparent 32%),
    radial-gradient(circle at 92% 14%,rgba(255,249,237,.95),transparent 34%),
    radial-gradient(circle at 50% 100%,rgba(246,238,230,.92),transparent 45%),
    #fbf7ef;
  font-family:Georgia,"Times New Roman",serif;
}
button,a,select{font:inherit}
button{cursor:pointer}
.flow-map-shell{
  width:min(1320px,calc(100% - 32px));
  margin:0 auto;
  padding:42px 0 80px;
}
.flow-map-hero,.control-card,.practice-note{
  background:rgba(255,253,250,.82);
  border:1px solid var(--line);
  border-radius:30px;
  box-shadow:var(--shadow);
}
.flow-map-hero{
  text-align:center;
  padding:38px 24px 32px;
  margin-bottom:18px;
}
.eyebrow{
  margin:0 0 12px;
  color:var(--rose);
  font-family:Arial,Helvetica,sans-serif;
  font-size:.72rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  font-weight:700;
}
h1,h2,p{margin-top:0}
h1{
  margin-bottom:14px;
  color:var(--ink);
  font-size:clamp(3rem,7vw,5.2rem);
  line-height:.95;
  letter-spacing:.08em;
  text-transform:uppercase;
}
h2{font-size:clamp(1.4rem,2.5vw,2.1rem);font-weight:400;margin-bottom:0}
p{line-height:1.55;color:var(--muted)}
.flow-map-hero p:last-child{width:min(760px,100%);margin:0 auto;font-size:1.08rem}
.control-card{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  padding:24px 26px;
  margin-bottom:16px;
}
.control-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;align-items:flex-end}
.return-link,.cycle-selector-label select{
  min-height:42px;
  border:1px solid #e6c9c4;
  border-radius:999px;
  color:var(--ink);
  background:var(--blush);
}
.return-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 18px;
  text-decoration:none;
  font-family:Arial,Helvetica,sans-serif;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.cycle-selector-label{
  display:grid;
  gap:7px;
  color:var(--rose);
  font-family:Arial,Helvetica,sans-serif;
  font-size:.64rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:700;
}
.cycle-selector-label select{
  min-width:260px;
  padding:10px 15px;
  background:#fffdfa;
  font-family:Georgia,"Times New Roman",serif;
  font-size:.93rem;
  letter-spacing:0;
  text-transform:none;
  font-weight:400;
}
.practice-note{
  padding:18px 24px;
  margin-bottom:22px;
  text-align:center;
}
.practice-note p{margin:0 auto;width:min(900px,100%)}
.flow-map-canvas{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:minmax(520px,auto) minmax(520px,auto);
  min-height:1080px;
  background:rgba(255,253,250,.55);
  border:1px solid rgba(234,223,212,.74);
  border-radius:34px;
  overflow:hidden;
  box-shadow:var(--shadow);
}
.flow-map-canvas:before,.flow-map-canvas:after{
  content:"";
  position:absolute;
  z-index:1;
  background:rgba(111,75,64,.58);
  pointer-events:none;
}
.flow-map-canvas:before{left:50%;top:86px;bottom:54px;width:1px}
.flow-map-canvas:after{top:50%;left:54px;right:54px;height:1px}
.axis-label{
  position:absolute;
  z-index:2;
  color:rgba(111,75,64,.72);
  font-family:Arial,Helvetica,sans-serif;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.2em;
}
.axis-n{top:70px;left:50%;transform:translateX(-50%)}
.axis-s{bottom:38px;left:50%;transform:translateX(-50%)}
.axis-e{right:32px;top:50%;transform:translateY(-50%)}
.axis-w{left:32px;top:50%;transform:translateY(-50%)}
.axis-center{
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:70px;
  height:70px;
  display:grid;
  place-items:center;
  border:1px solid rgba(111,75,64,.65);
  border-radius:50%;
  background:rgba(251,247,239,.92);
  color:var(--ink);
  font-size:2.5rem;
  line-height:1;
}
.quadrant{
  position:relative;
  z-index:2;
  min-width:0;
  padding:38px 42px 48px;
}
.quadrant header{
  text-align:center;
  min-height:82px;
  margin-bottom:12px;
}
.quadrant header p,
.quadrant header small{
  margin:0;
  color:var(--ink);
  font-family:Arial,Helvetica,sans-serif;
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.26em;
  text-transform:uppercase;
}
.quadrant header h2{
  margin:4px 0 3px;
  color:var(--ink);
  font-family:Arial,Helvetica,sans-serif;
  font-size:.9rem;
  font-weight:500;
  letter-spacing:.24em;
  text-transform:uppercase;
}
.note-field{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:center;
  gap:18px 20px;
  padding:16px 12px 24px;
}
.map-note{
  --tilt:0deg;
  --lift:0px;
  width:min(100%,280px);
  border:1px solid rgba(234,223,212,.9);
  border-radius:26px;
  padding:20px 21px 16px;
  background:rgba(255,253,250,.86);
  box-shadow:0 18px 42px rgba(111,75,64,.08), inset 0 1px 0 rgba(255,255,255,.85);
  transform:rotate(var(--tilt)) translateY(var(--lift));
}
.map-note-client{
  margin:0 0 8px;
  color:var(--rose);
  font-family:Arial,Helvetica,sans-serif;
  font-size:.64rem;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.map-note-text{
  margin:0;
  color:var(--ink);
  font-size:1.05rem;
  line-height:1.48;
  white-space:pre-wrap;
}
.map-note-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:14px 0 0;
}
.map-note-meta span{
  border:1px solid rgba(234,223,212,.86);
  border-radius:999px;
  padding:5px 8px;
  color:rgba(167,127,115,.9);
  font-family:Arial,Helvetica,sans-serif;
  font-size:.58rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.map-note--1{--tilt:-1.2deg;--lift:6px;width:270px;margin-top:8px}
.map-note--2{--tilt:1.4deg;--lift:-6px;width:315px}
.map-note--3{--tilt:-.7deg;--lift:18px;width:245px}
.map-note--4{--tilt:1.7deg;--lift:4px;width:290px;margin-top:24px}
.map-note--5{--tilt:-1.5deg;--lift:-4px;width:330px}
.map-note--6{--tilt:.8deg;--lift:22px;width:260px}
.map-note--7{--tilt:-1.9deg;--lift:10px;width:300px}
.map-note--8{--tilt:1.1deg;--lift:16px;width:275px}
.map-note--9{--tilt:-.3deg;--lift:-10px;width:320px}
.map-empty{
  margin:54px auto 0;
  width:min(100%,280px);
  border:1px dashed rgba(234,223,212,.95);
  border-radius:24px;
  padding:22px;
  color:var(--muted);
  text-align:center;
  font-style:italic;
  background:rgba(255,253,250,.46);
}
.message{margin-top:18px;text-align:center;color:var(--rose)}
@media(max-width:940px){
  .control-card{display:block}
  .control-actions{justify-content:flex-start;margin-top:16px}
  .flow-map-canvas{grid-template-columns:1fr;grid-template-rows:auto;min-height:auto}
  .flow-map-canvas:before,.flow-map-canvas:after,.axis-label,.axis-center{display:none}
  .quadrant{min-height:420px;border-top:1px solid rgba(234,223,212,.75)}
  .quadrant:first-of-type{border-top:none}
  .map-note{transform:none!important;margin:0!important;width:100%!important}
}
@media(max-width:640px){
  .flow-map-shell{width:min(100% - 22px,680px);padding-top:28px}
  .flow-map-hero{padding:34px 18px 28px}
  h1{font-size:clamp(2.25rem,14vw,3.35rem)}
  .control-actions{display:grid;grid-template-columns:1fr;width:100%}
  .cycle-selector-label select{min-width:0;width:100%}
  .quadrant{padding:30px 18px}
}
@media print{
  body{background:#fff}
  .control-card,.practice-note,.message{display:none!important}
  .flow-map-shell{width:100%;padding:0}
  .flow-map-hero{box-shadow:none;border:none;padding:10px 0 18px}
  .flow-map-canvas{box-shadow:none;min-height:920px;page-break-inside:avoid}
  .map-note{box-shadow:none;background:#fff}
}

/* Release 0.9.17 — Flow Map practice refinements */
.control-card{
  align-items:flex-start;
}
.control-heading{
  min-width:220px;
}
.flow-map-controls{
  flex:1;
  display:grid;
  gap:14px;
  justify-items:end;
}
.scope-toggle{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.scope-toggle a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:9px 14px;
  border:1px solid rgba(230,201,196,.9);
  border-radius:999px;
  background:rgba(255,253,250,.78);
  color:var(--ink);
  text-decoration:none;
  font-family:Arial,Helvetica,sans-serif;
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.scope-toggle a.active{
  background:var(--blush);
  border-color:rgba(217,173,79,.72);
}
.map-note-meta span:first-child{
  color:var(--rose);
}
@media(max-width:940px){
  .flow-map-controls{justify-items:start;margin-top:16px}
  .scope-toggle{justify-content:flex-start}
  .quadrant-winter{order:1}
  .quadrant-spring{order:2}
  .quadrant-summer{order:3}
  .quadrant-autumn{order:4}
}
@media print{
  @page{size:landscape;margin:.35in}
  .flow-map-hero{padding:6px 0 12px!important;margin-bottom:8px!important}
  .flow-map-hero h1{font-size:2.2rem!important;letter-spacing:.16em!important}
  .flow-map-hero p{font-size:.8rem!important}
  .flow-map-canvas{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:1fr 1fr!important;
    min-height:7.1in!important;
    overflow:hidden!important;
    border-radius:0!important;
  }
  .flow-map-canvas:before,.flow-map-canvas:after,.axis-label,.axis-center{display:block!important}
  .quadrant{min-height:auto!important;border-top:none!important;padding:26px 28px!important;order:initial!important;page-break-inside:avoid!important}
  .quadrant header{min-height:54px!important;margin-bottom:4px!important}
  .note-field{gap:7px!important;padding:4px!important;align-content:flex-start!important}
  .map-note{width:190px!important;margin:0!important;transform:none!important;padding:10px 12px!important;border-radius:16px!important}
  .map-note-text{font-size:.72rem!important;line-height:1.25!important}
  .map-note-meta{margin-top:6px!important;gap:3px!important}
  .map-note-meta span{font-size:.43rem!important;padding:3px 5px!important}
  .map-empty{font-size:.72rem!important;margin-top:28px!important;padding:12px!important}
}


/* Release 0.9.18 — Flow Map control layout hardening */
.control-card{
  display:grid;
  grid-template-columns:minmax(180px,260px) minmax(0,1fr);
  align-items:start;
}
.control-heading{
  min-width:0;
}
.control-heading h2{
  overflow-wrap:anywhere;
}
.flow-map-controls{
  min-width:0;
  width:100%;
}
.control-actions{
  width:100%;
  display:grid;
  grid-template-columns:minmax(240px,1fr) repeat(4,minmax(150px,auto));
  justify-content:stretch;
}
.control-actions .return-link{
  white-space:nowrap;
}
.scope-toggle{
  justify-content:flex-end;
}
@media(min-width:941px) and (max-width:1180px){
  .control-actions{
    grid-template-columns:minmax(240px,1fr) repeat(2,minmax(150px,auto));
  }
}
@media(max-width:940px){
  .control-card{display:block}
  .control-actions{display:grid;grid-template-columns:1fr 1fr}
  .cycle-selector-label{grid-column:1/-1}
}
@media(max-width:640px){
  .control-actions{grid-template-columns:1fr}
}

/* Release 0.9.19 — Flow Map controls, scalable canvas, and note copy polish */
.flow-map-canvas{
  grid-template-rows:minmax(520px,auto) minmax(520px,auto);
  align-items:stretch;
  overflow:visible;
}
.quadrant{
  min-height:520px;
}
.note-field{
  align-content:flex-start;
}
.control-card{
  grid-template-columns:minmax(160px,220px) minmax(0,1fr);
  gap:22px 26px;
}
.control-heading h2{
  font-size:clamp(1.65rem,3vw,2.35rem);
  line-height:1.08;
}
.flow-map-controls{
  gap:12px;
}
.scope-toggle a,
.control-actions .return-link{
  font-size:.58rem;
  letter-spacing:.12em;
}
.control-actions{
  grid-template-columns:minmax(220px,1.2fr) repeat(4,minmax(130px,auto));
  gap:10px;
}
.map-note-meta span:first-child{
  color:rgba(167,127,115,.9);
}
@media(min-width:941px) and (max-width:1280px){
  .control-card{
    grid-template-columns:1fr;
  }
  .flow-map-controls{
    justify-items:stretch;
  }
  .scope-toggle{justify-content:flex-start;}
  .control-actions{
    grid-template-columns:minmax(240px,1fr) repeat(2,minmax(150px,auto));
  }
}
@media(max-width:940px){
  .quadrant{min-height:420px;}
}
@media print{
  .flow-map-canvas{
    overflow:hidden !important;
  }
}

/* Release 0.9.22 — There is always room on the moon */
.flow-map-canvas{
  --top-row-height:560px;
  --bottom-row-height:560px;
  --axis-y:50%;
  grid-template-rows:var(--top-row-height) var(--bottom-row-height);
  transition:min-height .35s ease;
}
.flow-map-canvas:before{top:70px;bottom:48px}
.flow-map-canvas:after{top:var(--axis-y)}
.axis-center{top:var(--axis-y)}
.axis-e,.axis-w{top:var(--axis-y)}
.axis-n{top:54px}
.quadrant{
  min-height:0;
  display:flex;
  flex-direction:column;
}
.quadrant .note-field{
  flex:1;
  align-content:flex-start;
}
.flow-map-canvas[data-room-state="expanded"]{
  background:
    radial-gradient(circle at 50% var(--axis-y),rgba(217,173,79,.08),transparent 24%),
    rgba(255,253,250,.55);
}
.note-field[data-density="dense"]{
  gap:14px 15px;
}
.note-field[data-density="very-dense"]{
  gap:10px 12px;
}
.map-note-dense{
  width:min(100%,240px);
  padding:16px 17px 13px;
  border-radius:22px;
}
.map-note-dense .map-note-text{font-size:.96rem;line-height:1.42}
.map-note-dense .map-note-meta{margin-top:10px}
.map-note-dense .map-note-meta span{font-size:.52rem;padding:4px 7px}
.map-note-very-dense{
  width:min(100%,210px);
  padding:13px 14px 11px;
  border-radius:19px;
}
.map-note-very-dense .map-note-text{font-size:.88rem;line-height:1.34}
.map-note-very-dense .map-note-meta{margin-top:8px;gap:4px}
.map-note-very-dense .map-note-meta span{font-size:.48rem;padding:3px 6px}
@media(min-width:941px){
  .flow-map-canvas{
    min-height:calc(var(--top-row-height) + var(--bottom-row-height));
  }
}
@media(max-width:940px){
  .flow-map-canvas{
    grid-template-rows:auto;
    min-height:auto;
  }
}
@media print{
  .flow-map-canvas{
    grid-template-rows:1fr 1fr!important;
    min-height:7.1in!important;
  }
  .flow-map-canvas:after{top:50%!important}
  .axis-center,.axis-e,.axis-w{top:50%!important}
}

/* Release 0.10.0 — quieter Flow Map controls */
.control-disclosure{
  position:relative;
  min-width:0;
}
.control-disclosure summary{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 18px;
  border:1px solid rgba(230,201,196,.9);
  border-radius:999px;
  background:rgba(255,253,250,.78);
  color:var(--ink);
  font-family:Arial,Helvetica,sans-serif;
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
  cursor:pointer;
  list-style:none;
}
.control-disclosure summary::-webkit-details-marker{display:none}
.view-disclosure{
  width:100%;
  text-align:right;
}
.view-disclosure[open]{
  border:1px solid rgba(234,223,212,.78);
  border-radius:22px;
  background:rgba(255,253,250,.52);
  padding:12px;
}
.view-disclosure[open] summary{
  margin-bottom:10px;
}
.utility-disclosure{
  align-self:end;
}
.utility-disclosure[open] .utility-actions{
  position:absolute;
  z-index:10;
  right:0;
  top:50px;
  display:grid;
  gap:8px;
  min-width:230px;
  padding:12px;
  border:1px solid rgba(234,223,212,.9);
  border-radius:22px;
  background:rgba(255,253,250,.97);
  box-shadow:0 18px 42px rgba(111,75,64,.12);
}
.utility-actions .return-link{
  width:100%;
  background:rgba(255,253,250,.86);
}
.return-link.primary-action{
  background:var(--blush);
  border-color:rgba(217,173,79,.52);
}
.control-actions{
  grid-template-columns:minmax(220px,1.2fr) minmax(170px,auto) minmax(100px,auto)!important;
  align-items:end;
}
.scope-toggle{
  justify-content:flex-end;
}
@media(max-width:940px){
  .view-disclosure{text-align:left}
  .control-actions{grid-template-columns:1fr!important}
  .utility-disclosure[open] .utility-actions{position:static;margin-top:8px}
}


/* Release 0.10.7 — Living Flow Map expansion */
.flow-map-canvas{
  --top-row-height:680px;
  --bottom-row-height:680px;
  grid-template-rows:var(--top-row-height) var(--bottom-row-height);
}
.quadrant-autumn,.quadrant-summer{padding-bottom:110px;}
.quadrant-winter,.quadrant-spring{padding-top:110px;}
.quadrant header{position:relative;z-index:4;}
.quadrant .note-field{position:relative;z-index:3;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,max-content));justify-content:center;align-content:flex-start;align-items:start;gap:18px;max-width:100%;}
.note-field[data-density="dense"],.note-field[data-density="very-dense"]{grid-template-columns:repeat(auto-fit,minmax(190px,max-content));}
.note-field[data-density="dense"] .map-note,.note-field[data-density="very-dense"] .map-note{transform:none!important;margin:0!important;}
.note-field[data-count="0"]{align-content:center;}
.map-note{max-width:100%;}
.flow-map-canvas[data-room-state="expanded"] .quadrant{background:radial-gradient(circle at center,rgba(255,253,250,.36),transparent 62%)}
@media(max-width:940px){
  .flow-map-canvas{display:block!important;}
  .quadrant{min-height:auto!important;padding:34px 20px!important;}
  .quadrant .note-field{display:grid;grid-template-columns:1fr;gap:14px;padding:8px 0 24px;}
  .map-note{width:100%!important;}
}
@media print{
  .quadrant-autumn,.quadrant-summer,.quadrant-winter,.quadrant-spring{padding:26px 28px!important;}
}


/* Release 0.10.31 — Flow Map polish + practice consolidation */
.control-card--quiet{
  align-items:center;
  padding:18px 22px;
  gap:18px;
}
.control-heading--compact h2{
  font-size:clamp(1.05rem,2vw,1.35rem);
  letter-spacing:.03em;
}
.control-heading--compact .eyebrow{
  margin-bottom:6px;
}
.control-actions{
  gap:9px;
}
.utility-actions .return-link{
  width:100%;
}
.practice-note--below-map{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:22px 0 0;
  padding:22px 24px;
  text-align:left;
}
.practice-note--below-map .practice-note-copy{
  max-width:860px;
}
.practice-note--below-map p:last-child{
  width:auto;
  margin:0;
}
.printable-flow-map-action{
  flex:0 0 auto;
}
.map-note-meta--day-only{
  margin-top:14px;
}
.map-note-meta--day-only span{
  border-color:rgba(216,168,79,.32);
  background:rgba(255,246,219,.36);
  color:var(--rose);
  letter-spacing:.16em;
}
@media(max-width:760px){
  .control-card--quiet,
  .practice-note--below-map{
    align-items:stretch;
    flex-direction:column;
  }
  .control-actions{
    justify-content:flex-start;
  }
  .printable-flow-map-action{
    width:100%;
  }
}


/* Release 0.10.39 — quieter Flow Map controls */
.hidden{display:none !important;}
.flow-map-hero{
  padding:26px 18px 22px !important;
}
.flow-map-hero .eyebrow{margin-bottom:8px !important;}
.flow-map-hero h1{
  margin:0 0 10px !important;
  font-size:clamp(2rem,4vw,3rem) !important;
  letter-spacing:.1em !important;
}
.flow-map-hero p:last-child{
  font-size:1rem !important;
  max-width:620px !important;
}
.control-card--quiet{
  padding:18px 20px !important;
}
.control-heading--compact h2{
  margin-top:4px !important;
  font-size:clamp(1.55rem,2.3vw,2rem) !important;
}
.flow-map-controls{align-items:flex-end !important;}
.control-actions{gap:10px !important;}
.cycle-selector-label{margin:0 !important;}
.cycle-selector-label select{min-width:300px !important;}
.guest-cycle-toolbar{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.guest-cycle-summary{
  display:inline-flex;
  align-items:center;
  min-height:46px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(216,168,79,.26);
  background:linear-gradient(145deg,rgba(255,253,249,.98),rgba(248,231,227,.28));
  color:#745347;
  font:400 .96rem/1.2 Georgia,serif;
}
.guest-cycle-nav{display:flex;gap:8px;flex-wrap:wrap;}
.guest-cycle-nav button{
  min-height:46px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(216,168,79,.22);
  background:rgba(255,253,249,.92);
  color:#8a6456;
  font:700 .68rem/1 Arial,sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
  cursor:pointer;
}
.guest-cycle-nav button:hover{background:#fff7f2;}
body.guest-flow-map-mode .view-disclosure,
body.guest-flow-map-mode #cycleSelectorWrap{display:none !important;}

@media(max-width:720px){
  .flow-map-hero{padding:22px 16px 18px !important;}
  .flow-map-hero h1{font-size:clamp(1.7rem,9vw,2.3rem) !important;}
  .control-card--quiet{padding:16px !important;}
  .control-actions{align-items:stretch !important;}
  .guest-cycle-toolbar{width:100%;}
  .guest-cycle-summary,
  .guest-cycle-nav button{min-height:42px;}
  .guest-cycle-nav{width:100%;}
  .guest-cycle-nav button{flex:1 1 auto;}
  .cycle-selector-label select{min-width:0 !important;width:100% !important;}
}

/* Release 0.10.40 — Flow Map day + Moon Magic phase tags */
.map-note-meta--note-tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  margin:14px 0 0 !important;
}
.map-note-meta--note-tags span{
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
}