/* Market Analysis period navigator (period-nav.js).
   Uses page tokens from the inline :root in index.html (--ink, --muted, --accentA, --r-md, --shadow2, --line*). */

.ma-pn, .ma-pn-pop, .ma-pn-scrim{
  --pn-h: 36px;
  --pn-cell: 36px;
  --pn-surface: rgba(2,6,23,.22);
  --pn-surface-hi: rgba(2,6,23,.34);
  --pn-border: rgba(255,255,255,.10);
  --pn-border-hi: rgba(90,142,199,.40);
  --pn-pop: rgba(16,20,28,.97);
  --pn-accent-ink: color-mix(in srgb, var(--accentA) 62%, #fff);
  --pn-violet: #8f7fc7;
  --pn-violet-ink: #d4cbf5;
  --pn-ring: 0 0 0 2px rgba(90,142,199,.5);
}
@media (max-width: 767.98px), (pointer: coarse){
  /* 46 outer = 44px inner tap target inside the 1px group borders */
  .ma-pn, .ma-pn-pop{ --pn-h: 46px; --pn-cell: 44px; }
}

/* [hidden] guards: author display rules would otherwise win */
.ma-pn[hidden], .ma-pn [hidden],
.ma-pn-pop[hidden], .ma-pn-pop [hidden],
.ma-pn-scrim[hidden]{ display: none !important; }

.ma-pn button, .ma-pn-pop button{
  appearance: none;
  margin: 0;
  font-family: var(--font-sans);
  -webkit-tap-highlight-color: transparent;
}
.ma-pn .material-symbols-rounded, .ma-pn-pop .material-symbols-rounded{ line-height: 1; }

/* ===== Bar ===== */
.ma-pn{
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 100%;
  min-width: 0;
  font-family: var(--font-sans);
  color: var(--ink);
}

/* Prev | label | next — one joined pill */
.ma-pn-nav{
  display: inline-flex;
  align-items: stretch;
  height: var(--pn-h);
  min-width: 0;
  border: 1px solid var(--pn-border);
  border-radius: var(--r-md);
  background: var(--pn-surface);
  transition: border-color .15s ease, background .15s ease;
}
.ma-pn-nav:hover{ border-color: rgba(255,255,255,.14); }
.ma-pn.is-open .ma-pn-nav{ border-color: var(--pn-border-hi); background: var(--pn-surface-hi); }

.ma-pn-step{
  flex: 0 0 auto;
  width: calc(var(--pn-h) - 2px);
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  transition: color .15s ease, background .15s ease;
}
.ma-pn-step:first-child{ border-radius: calc(var(--r-md) - 1px) 0 0 calc(var(--r-md) - 1px); }
.ma-pn-step:last-child{ border-radius: 0 calc(var(--r-md) - 1px) calc(var(--r-md) - 1px) 0; }
.ma-pn-step .material-symbols-rounded{ font-size: 20px; }
.ma-pn-step:hover:not(:disabled){ color: var(--ink); background: rgba(255,255,255,.045); }
.ma-pn-step:disabled{ opacity: .32; cursor: default; }

.ma-pn-label{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 0 10px;
  border: 0;
  border-left: 1px solid var(--line);
  border-right: 1px solid var(--line);
  background: transparent;
  color: var(--ink);
  font: 800 12.5px/1 var(--font-sans);
  letter-spacing: .01em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  cursor: pointer;
  transition: background .15s ease;
}
.ma-pn-label:hover{ background: rgba(255,255,255,.03); }
.ma-pn-label-ic{ font-size: 17px; color: var(--accentA); flex: 0 0 auto; }
.ma-pn-caret{ font-size: 16px; color: var(--muted); opacity: .8; flex: 0 0 auto; margin-left: auto; transition: transform .18s var(--ease-out), color .15s ease; }
.ma-pn.is-open .ma-pn-caret{ transform: rotate(180deg); color: var(--accentA); opacity: 1; }

/* Two lines: context kicker (week no. · relative hint) above the date */
.ma-pn-label-txt{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-content: center;
  row-gap: 3px;
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
}
.ma-pn-label-pre, .ma-pn-hint{
  grid-row: 1;
  font: 800 9px/1 var(--font-sans);
  letter-spacing: .09em;
  text-transform: uppercase;
  white-space: nowrap;
}
.ma-pn-label-pre{ grid-column: 1; color: var(--pn-accent-ink); }
.ma-pn-hint{ grid-column: 2; min-width: 0; overflow: hidden; text-overflow: ellipsis; color: var(--muted); }
.ma-pn.is-current .ma-pn-hint{ color: var(--pn-accent-ink); }
.ma-pn-label-pre:not([hidden]) + .ma-pn-label-main + .ma-pn-hint::before{ content: "\00B7"; margin: 0 .5em; color: var(--muted); }
.ma-pn-label-main{ grid-row: 2; grid-column: 1 / -1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }

/* Fixed label width per unit so prev/next don't shift under the pointer while stepping */
@media (min-width: 768px){
  .ma-pn[data-g="day"] .ma-pn-label{ width: 196px; }
  .ma-pn[data-g="week"] .ma-pn-label{ width: 232px; }
  .ma-pn[data-g="month"] .ma-pn-label{ width: 184px; }
}

.ma-pn-step:focus-visible, .ma-pn-label:focus-visible{
  outline: 2px solid rgba(90,142,199,.6);
  outline-offset: -2px;
}

/* Today */
.ma-pn-today{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: var(--pn-h);
  padding: 0 12px;
  border-radius: var(--r-md);
  border: 1px solid var(--pn-border);
  background: var(--pn-surface);
  color: var(--ink);
  font: 700 12.5px/1 var(--font-sans);
  white-space: nowrap;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, opacity .15s ease;
}
.ma-pn-today:hover:not(:disabled){ background: var(--pn-surface-hi); border-color: rgba(90,142,199,.35); }
.ma-pn-today:disabled{ opacity: .4; cursor: default; }
.ma-pn-today:focus-visible{ outline: none; border-color: rgba(90,142,199,.45); box-shadow: var(--pn-ring); }

/* ===== Live | Research ===== */
.ma-pn-kind{
  position: relative;
  display: inline-flex;
  height: var(--pn-h);
  border: 1px solid var(--pn-border);
  border-radius: var(--r-md);
  background: var(--pn-surface);
}
/* Transparent border keeps the full control height tappable while the painted pill sits inset */
.ma-pn-kind-opt{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 10px;
  border: 3px solid transparent;
  border-radius: var(--r-md);
  background: transparent;
  background-clip: padding-box;
  color: var(--muted);
  font: 700 12px/1 var(--font-sans);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
}
.ma-pn-kind-opt + .ma-pn-kind-opt{ border-left-width: 0; }
.ma-pn-kind-opt:hover{ color: var(--ink); }
.ma-pn-kind-opt .material-symbols-rounded{ font-size: 16px; }
.ma-pn-kind-opt:focus-visible{ outline: none; box-shadow: inset var(--pn-ring); }

.ma-pn-kind-dot{
  width: 7px; height: 7px;
  border-radius: 50%;
  background: currentColor;
  opacity: .5;
  transition: background .15s ease, box-shadow .15s ease, opacity .15s ease;
}
.ma-pn-kind-opt[data-kind="live"][aria-checked="true"]{
  background-color: rgba(90,142,199,.16);
  color: var(--ink);
  box-shadow: inset 0 0 0 1px rgba(90,142,199,.34);
}
.ma-pn-kind-opt[data-kind="live"][aria-checked="true"] .ma-pn-kind-dot{
  background: var(--accentA);
  opacity: 1;
  box-shadow: 0 0 0 3px rgba(90,142,199,.2);
}
.ma-pn-kind-opt[data-kind="research"][aria-checked="true"]{
  background-color: color-mix(in srgb, var(--pn-violet) 18%, transparent);
  color: var(--pn-violet-ink);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pn-violet) 42%, transparent);
}
.ma-pn-kind-opt[data-kind="research"][aria-checked="true"] .material-symbols-rounded{ color: var(--pn-violet); }
.ma-pn-kind-opt[aria-checked="true"]:focus-visible{ box-shadow: inset var(--pn-ring); }

/* Research context tints the date control so the mode is visible at a glance */
.ma-pn[data-kind="research"] .ma-pn-nav{ border-color: color-mix(in srgb, var(--pn-violet) 34%, transparent); }
.ma-pn[data-kind="research"] .ma-pn-label-ic{ color: var(--pn-violet); }

.ma-pn-tip{
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 80;
  width: max-content;
  max-width: min(260px, calc(100vw - 24px));
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--pn-violet) 30%, transparent);
  background: var(--pn-pop);
  box-shadow: var(--shadow2);
  color: var(--ink);
  font: 600 11.5px/1.4 var(--font-sans);
  white-space: normal;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-3px);
  transition: opacity .14s ease, transform .14s ease, visibility 0s linear .14s;
}
.ma-pn-tip::before{
  content: "";
  position: absolute;
  top: -5px; right: 46px;
  width: 8px; height: 8px;
  background: var(--pn-pop);
  border-left: 1px solid color-mix(in srgb, var(--pn-violet) 30%, transparent);
  border-top: 1px solid color-mix(in srgb, var(--pn-violet) 30%, transparent);
  transform: rotate(45deg);
}
@media (hover: hover){
  .ma-pn-kind-opt[data-kind="research"]:hover ~ .ma-pn-tip{
    opacity: 1; visibility: visible; transform: none;
    transition: opacity .14s ease .3s, transform .14s ease .3s, visibility 0s linear .3s;
  }
}
.ma-pn-kind-opt[data-kind="research"]:focus-visible ~ .ma-pn-tip,
.ma-pn-kind.is-tip .ma-pn-tip{
  opacity: 1; visibility: visible; transform: none;
  transition: opacity .14s ease, transform .14s ease, visibility 0s;
}

/* ===== Popover ===== */
.ma-pn-scrim{
  position: fixed;
  inset: 0;
  z-index: 999;
  background: rgba(3,5,9,.62);
  animation: maPnFade .18s ease-out;
}
.ma-pn-pop{
  position: fixed;
  top: 0; left: 0;
  z-index: 1000;
  width: calc(var(--pn-cell) * 7 + 22px);
  display: flex;
  flex-direction: column;
  background: var(--pn-pop);
  border: 1px solid var(--pn-border);
  border-radius: var(--r-md);
  box-shadow: var(--shadow2);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: var(--ink);
  font-family: var(--font-sans);
  animation: maPnIn .14s var(--ease-out, ease-out);
}
.ma-pn-pop[data-g="week"]{ width: calc(var(--pn-cell) * 7 + 28px + 22px); }
.ma-pn-pop[data-g="month"]{ width: 284px; }
.ma-pn-pop.is-up{ animation-name: maPnInUp; }

.ma-pn-pop-grab{ display: none; }
.ma-pn-pop-top{ display: flex; align-items: center; justify-content: space-between; }
.ma-pn-pop:not(.is-sheet) .ma-pn-pop-top{
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
.ma-pn-pop:not(.is-sheet) .ma-pn-pop-x{ display: none; }
.ma-pn-pop-title{ font: 800 14px/1.2 var(--font-sans); color: var(--ink); }

.ma-pn-pop-h{
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 8px 2px;
}
.ma-pn-pop-step, .ma-pn-pop-x{
  flex: 0 0 auto;
  width: 32px; height: 32px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  transition: background .12s ease, color .12s ease;
}
.ma-pn-pop-step .material-symbols-rounded, .ma-pn-pop-x .material-symbols-rounded{ font-size: 20px; }
.ma-pn-pop-step:hover:not(:disabled), .ma-pn-pop-x:hover{ background: rgba(255,255,255,.05); color: var(--ink); }
.ma-pn-pop-step:disabled{ opacity: .28; cursor: default; }

.ma-pn-jump{
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
.ma-pn-jump-btn{
  display: inline-flex;
  align-items: center;
  gap: 1px;
  height: 32px;
  padding: 0 4px 0 9px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--ink);
  font: 800 13px/1 var(--font-sans);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  cursor: pointer;
  transition: background .12s ease;
}
.ma-pn-jump-btn .material-symbols-rounded{ font-size: 16px; color: var(--muted); }
.ma-pn-jump-btn:hover{ background: rgba(255,255,255,.05); }
.ma-pn-jump-static{ padding: 0 8px; font: 800 13px/1 var(--font-sans); font-variant-numeric: tabular-nums; color: var(--ink); }

.ma-pn-pop-step:focus-visible, .ma-pn-pop-x:focus-visible, .ma-pn-jump-btn:focus-visible,
.ma-pn-pop-today:focus-visible{ outline: none; box-shadow: var(--pn-ring); }

.ma-pn-pop-body{ padding: 2px 11px 6px; }

/* Grids */
.ma-pn-grid{
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0 2px;
}
.ma-pn-grid th{
  height: 26px;
  padding: 0;
  text-align: center;
  font: 800 10px/1 var(--font-sans);
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--muted);
}
.ma-pn-grid thead th.is-we{ opacity: .65; }
.ma-pn-grid .ma-pn-wk{ width: 28px; }
.ma-pn-grid tbody .ma-pn-wk{
  font: 700 10.5px/1 var(--font-sans);
  letter-spacing: 0;
  color: rgba(139,153,173,.62);
  font-variant-numeric: tabular-nums;
  cursor: pointer;
}
.ma-pn-grid tbody tr.is-dis .ma-pn-wk{ cursor: default; opacity: .4; }

.ma-pn-cell{
  position: relative;
  height: var(--pn-cell);
  padding: 0;
  text-align: center;
  vertical-align: middle;
  color: var(--ink);
  font: 600 12.5px/1 var(--font-sans);
  font-variant-numeric: tabular-nums;
  cursor: pointer;
  outline: none;
}
.ma-pn-n{
  display: inline-grid;
  place-items: center;
  width: calc(var(--pn-cell) - 4px);
  height: calc(var(--pn-cell) - 4px);
  border-radius: 8px;
  transition: background .1s ease, color .1s ease, box-shadow .1s ease;
}
.ma-pn-cell.is-we{ color: rgba(233,238,246,.82); }
.ma-pn-cell.is-out{ color: var(--muted); opacity: .5; }
.ma-pn-cell.is-today .ma-pn-n{
  color: var(--pn-accent-ink);
  font-weight: 800;
  box-shadow: inset 0 0 0 1px rgba(90,142,199,.6);
}
.ma-pn-cell.is-dis{ cursor: not-allowed; opacity: .26; }
.ma-pn-cell.is-dis.is-out{ opacity: .16; }

.ma-pn-dot{
  display: block;
  width: 4px; height: 4px;
  border-radius: 50%;
  background: var(--accentA);
}
.ma-pn-cell .ma-pn-dot{
  position: absolute;
  left: 50%;
  bottom: 5px;
  margin-left: -2px;
}
.ma-pn-cell.is-today .ma-pn-dot{ bottom: 6px; }

/* Day / month / year: single-cell selection */
@media (hover: hover){
  .ma-pn-pop:not([data-view="days"]) .ma-pn-cell:not(.is-dis):hover .ma-pn-n,
  .ma-pn-pop:not([data-g="week"]) .ma-pn-cell:not(.is-dis):hover .ma-pn-n{ background: rgba(255,255,255,.06); }
}
.ma-pn-pop:not([data-view="days"]) .ma-pn-cell.is-sel .ma-pn-n,
.ma-pn-pop:not([data-g="week"]) .ma-pn-cell.is-sel .ma-pn-n{
  background: var(--accentA);
  color: #fff;
  font-weight: 800;
  box-shadow: 0 6px 16px -6px rgba(90,142,199,.75);
  opacity: 1;
}
.ma-pn-pop:not([data-view="days"]) .ma-pn-cell.is-sel.is-today .ma-pn-n,
.ma-pn-pop:not([data-g="week"]) .ma-pn-cell.is-sel.is-today .ma-pn-n{
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.4), 0 6px 16px -6px rgba(90,142,199,.75);
}
.ma-pn-pop:not([data-view="days"]) .ma-pn-cell.is-sel .ma-pn-dot,
.ma-pn-pop:not([data-g="week"]) .ma-pn-cell.is-sel .ma-pn-dot{ background: #fff; }
.ma-pn-cell.is-sel.is-out{ opacity: 1; }
.ma-pn-cell:focus-visible .ma-pn-n{ box-shadow: var(--pn-ring); }
.ma-pn-cell.is-sel:focus-visible .ma-pn-n{ box-shadow: 0 0 0 2px var(--pn-pop), 0 0 0 4px rgba(90,142,199,.7); }

/* Week: whole ISO-week row band */
.ma-pn-pop[data-g="week"][data-view="days"] tbody tr > *{ transition: background .1s ease, box-shadow .1s ease; }
.ma-pn-pop[data-g="week"][data-view="days"] tbody tr > :first-child{ border-radius: 9px 0 0 9px; }
.ma-pn-pop[data-g="week"][data-view="days"] tbody tr > :last-child{ border-radius: 0 9px 9px 0; }
@media (hover: hover){
  .ma-pn-pop[data-g="week"][data-view="days"] tbody tr:not(.is-dis):not(.is-sel):hover > *{ background: rgba(255,255,255,.05); }
}
.ma-pn-pop[data-g="week"][data-view="days"] tbody tr:not(.is-sel):focus-within > *{ background: rgba(255,255,255,.05); }
.ma-pn-pop[data-g="week"][data-view="days"] tbody tr.is-dis:hover > *{ cursor: not-allowed; }
.ma-pn-pop[data-g="week"][data-view="days"] tbody tr.is-sel > *{
  background: rgba(90,142,199,.2);
  box-shadow: inset 0 1px 0 rgba(90,142,199,.5), inset 0 -1px 0 rgba(90,142,199,.5);
}
.ma-pn-pop[data-g="week"][data-view="days"] tbody tr.is-sel > :first-child{
  box-shadow: inset 1px 0 0 rgba(90,142,199,.5), inset 0 1px 0 rgba(90,142,199,.5), inset 0 -1px 0 rgba(90,142,199,.5);
}
.ma-pn-pop[data-g="week"][data-view="days"] tbody tr.is-sel > :last-child{
  box-shadow: inset -1px 0 0 rgba(90,142,199,.5), inset 0 1px 0 rgba(90,142,199,.5), inset 0 -1px 0 rgba(90,142,199,.5);
}
.ma-pn-pop[data-g="week"][data-view="days"] tbody tr.is-sel .ma-pn-cell{ font-weight: 800; }
.ma-pn-pop[data-g="week"][data-view="days"] tbody tr.is-sel .ma-pn-wk{ color: var(--pn-accent-ink); font-weight: 800; }
.ma-pn-pop[data-g="week"][data-view="days"] tbody tr.is-sel .ma-pn-cell.is-out{ opacity: .75; }

/* Month / year grids */
.ma-pn-grid--months, .ma-pn-grid--years{
  border-spacing: 4px;
  width: calc(100% + 8px);
  margin: 2px -4px;
}
.ma-pn-grid--months .ma-pn-cell, .ma-pn-grid--years .ma-pn-cell{ height: 44px; font-weight: 700; }
.ma-pn-grid--months .ma-pn-n, .ma-pn-grid--years .ma-pn-n{ width: 100%; height: 100%; border-radius: 10px; }

/* Footer */
.ma-pn-pop-f{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 11px 10px;
  border-top: 1px solid var(--line-soft, rgba(255,255,255,.042));
}
.ma-pn-pop-today{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid var(--pn-border);
  background: var(--pn-surface);
  color: var(--ink);
  font: 700 12px/1 var(--font-sans);
  cursor: pointer;
  transition: background .12s ease, border-color .12s ease;
}
.ma-pn-pop-today .material-symbols-rounded{ font-size: 16px; color: var(--accentA); }
.ma-pn-pop-today:hover:not(:disabled){ background: var(--pn-surface-hi); border-color: rgba(90,142,199,.35); }
.ma-pn-pop-today:disabled{ opacity: .4; cursor: default; }
.ma-pn-legend{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--muted);
  font: 600 11px/1 var(--font-sans);
}

/* ===== Mobile ===== */
@media (max-width: 767.98px){
  .ma-pn{ display: flex; width: 100%; }
  .ma-pn-nav{ flex: 1 1 100%; }
  .ma-pn:not(.has-kind) .ma-pn-nav{ flex: 1 1 0; }
  .ma-pn-step{ width: 44px; }
  .ma-pn-label{ flex: 1 1 auto; gap: 6px; padding: 0 8px 0 12px; }
  .ma-pn-label-ic{ display: none; }
  .ma-pn-label-txt{ row-gap: 4px; }
  .ma-pn-label-pre, .ma-pn-hint{ font-size: 9.5px; }
  .ma-pn-label-main{ font-size: 13px; }

  .ma-pn-today{ flex: 0 0 auto; padding: 0 14px; }
  .ma-pn-kind{ flex: 1 1 0; min-width: 0; }
  .ma-pn-kind-opt{ flex: 1 1 0; min-width: 0; font-size: 13px; }
  .ma-pn-tip{ left: 0; right: 0; width: auto; max-width: none; }
  .ma-pn-tip::before{ right: calc(25% - 4px); }

  /* Bottom sheet */
  .ma-pn-pop.is-sheet{
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    max-width: 440px;
    max-height: calc(100dvh - 16px);
    margin: 0 auto;
    overflow-y: auto;
    overscroll-behavior: contain;
    border-bottom: 0;
    border-radius: 18px 18px 0 0;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    animation: maPnSheet .22s var(--ease-out, ease-out);
  }
  .ma-pn-pop.is-sheet .ma-pn-pop-grab{
    display: block;
    width: 36px; height: 4px;
    margin: 8px auto 0;
    border-radius: 999px;
    background: rgba(255,255,255,.18);
  }
  .ma-pn-pop.is-sheet .ma-pn-pop-top{ padding: 4px 6px 0 18px; }
  .ma-pn-pop.is-sheet .ma-pn-pop-h{ padding: 2px 6px 2px; }
  .ma-pn-pop.is-sheet .ma-pn-pop-step,
  .ma-pn-pop.is-sheet .ma-pn-pop-x{ width: 44px; height: 44px; }
  .ma-pn-pop.is-sheet .ma-pn-jump-btn{ height: 44px; font-size: 14px; padding: 0 6px 0 12px; }
  .ma-pn-pop.is-sheet .ma-pn-pop-body{ padding: 0 8px 6px; }
  .ma-pn-pop.is-sheet .ma-pn-cell{ font-size: 14px; }
  .ma-pn-pop.is-sheet .ma-pn-grid--months .ma-pn-cell,
  .ma-pn-pop.is-sheet .ma-pn-grid--years .ma-pn-cell{ height: 52px; }
  .ma-pn-pop.is-sheet .ma-pn-pop-f{ padding: 8px 12px 12px; }
  .ma-pn-pop.is-sheet .ma-pn-pop-today{ height: 44px; padding: 0 16px; font-size: 13px; }
}

@keyframes maPnIn{ from{ opacity: 0; transform: translateY(-4px) scale(.985); } to{ opacity: 1; transform: none; } }
@keyframes maPnInUp{ from{ opacity: 0; transform: translateY(4px) scale(.985); } to{ opacity: 1; transform: none; } }
@keyframes maPnSheet{ from{ transform: translateY(32px); opacity: .4; } to{ transform: none; opacity: 1; } }
@keyframes maPnFade{ from{ opacity: 0; } to{ opacity: 1; } }

@media (prefers-reduced-motion: reduce){
  .ma-pn-pop, .ma-pn-scrim{ animation: none; }
  .ma-pn-caret, .ma-pn-tip, .ma-pn-kind-opt, .ma-pn-n{ transition: none; }
}