:root{
  --export-quote-size:48px;
  --export-quote-weight:400;
  --export-quote-min-size:40px;
  --export-excerpt-size:42px;
  --export-excerpt-min-size:38px;
  --export-quote-line-height:1.52;
  --export-reading-width:64%;
  --export-collection-label-size:33px;
  --export-collection-label-weight:500;
  --export-collection-label-tracking:8px;
  --export-collection-label-gap:82px;
  --export-excerpt-to-cta-gap:60px;
  --export-card-cta-size:28px;
  --export-card-cta-weight:400;
  --export-card-url-size:32px;
  --export-card-url-weight:500;
  --export-card-cta-line-gap:18px;
  --export-date-opacity:.82;
  --export-watermark-opacity:.073;
  --export-watermark-base-size:280px;
  --export-watermark-visible-ratio:1.32;
  --export-watermark-y:20.5%;
  --export-watermark-daily-x:-6%;
  --export-watermark-tea-x:5%;
  --export-watermark-letter-visible-ratio:1.42;
  --export-watermark-letter-y:18.5%;
  --export-brand-size:27px;
  --export-brand-weight:500;
  --export-footer-bottom:250px;
  --export-footer-min-y:1350px;
  --export-safe-inset:132px;
  --export-content-top:390px;
  --export-content-bottom:360px;
  --export-short-text-height:260px;
  --export-medium-text-height:480px;
  --export-optical-center-y:1070px;
  --export-very-short-optical-shift:12px;
  --export-short-footer-gap:300px;
  --export-medium-footer-gap:260px;
  --export-long-footer-gap:210px;
}

.me-share{
  position:relative;
  display:flex;
  align-items:center;
  margin-top:var(--space-6);
  font-family:var(--sans);
}

.me-share--center{justify-content:center}

.me-share__menu[hidden]{display:none}

.me-share__trigger{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--space-2);
  min-height:44px;
  padding:var(--space-2) var(--space-5);
  border:1px solid var(--hairline);
  border-radius:999px;
  background:transparent;
  color:var(--goldink);
  font:500 .7rem/1.3 var(--sans);
  letter-spacing:.14em;
  text-transform:uppercase;
  cursor:pointer;
  transition:color .25s ease,border-color .25s ease,background-color .25s ease;
}

.me-share__trigger:hover,
.me-share__trigger[aria-expanded="true"]{
  color:var(--rose);
  border-color:var(--gold);
  background:var(--wash1,rgba(185,151,91,.08));
}

.me-share__icon{
  width:16px;
  height:16px;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.me-share__menu{
  position:absolute;
  left:0;
  bottom:calc(100% + var(--space-3));
  z-index:150;
  width:min(280px,calc(100vw - var(--space-8)));
  padding:var(--space-2);
  border:1px solid var(--hairline);
  border-radius:8px;
  background:var(--card,var(--ivory));
  box-shadow:0 16px 38px rgba(43,33,29,.12);
}

.me-share--center .me-share__menu{
  left:50%;
  transform:translateX(-50%);
}

.me-share__option{
  display:flex;
  width:100%;
  align-items:center;
  gap:var(--space-3);
  padding:var(--space-3);
  border:0;
  border-radius:6px;
  background:transparent;
  color:var(--ink);
  font:400 .78rem/1.4 var(--sans);
  letter-spacing:.05em;
  text-align:left;
  cursor:pointer;
}

.me-share__option:hover,
.me-share__option:focus-visible{
  background:var(--wash1,rgba(185,151,91,.08));
  color:var(--goldink);
}

.me-share__option:disabled{cursor:wait;opacity:.55}

.me-share__status{
  display:block;
  max-width:26rem;
  margin-left:var(--space-3);
  color:var(--taupe);
  font:italic 400 .92rem/1.45 var(--serif);
}

.me-share--center .me-share__status{text-align:center}

@media(max-width:560px){
  .me-share{width:100%;flex-wrap:wrap;justify-content:center;gap:var(--space-3);overflow:visible}
  .me-share__trigger{min-width:112px;min-height:48px}
  .me-share__menu{padding:var(--space-3)}
  .me-share__option{min-height:48px}
  .me-share__status{width:100%;margin:0}
}

@media(prefers-reduced-motion:reduce){
  .me-share__trigger{transition:none}
}