/* Reading pages: white paper, generous type, and the selected issue's paint. */
body main#main.issue-editorial {
  --issue-inline-brush:var(--issue-accent);
  --issue-rule:color-mix(in srgb,var(--issue-accent) 56%,white);
  --issue-brush-strength:92%;
  color:#565753;
  background:#fff;
  font-size:18px;
  line-height:1.75;
}
body main#main.issue-editorial > .page-heading {
  padding:clamp(42px,6vw,78px) 0 42px;
  border-bottom:1px solid var(--issue-rule);
}
body main#main.issue-editorial > .page-heading h1 {
  font-family:"Cormorant Garamond",Georgia,serif;
  font-weight:500;
  font-size:clamp(44px,6.7vw,84px);
  line-height:1.06;
  letter-spacing:-.025em;
  max-width:18ch;
  text-wrap:balance;
  margin:20px 0 24px;
}
body main#main.issue-editorial > .page-heading :is(.deck,.byline) {
  font-size:16px;
  line-height:1.6;
  margin-top:22px;
}
body main#main.issue-editorial .chapter {
  padding-top:clamp(42px,6vw,76px);
  padding-bottom:clamp(38px,5vw,66px);
  border-color:var(--issue-rule);
}
body main#main.issue-editorial :is(.chapter h2.issue-section-title,.fear-block h2.issue-section-title,.rx-block h2.issue-section-title,.further-reading h2,.guide-crosslinks h2) {
  font-size:clamp(28px,3.2vw,40px);
  line-height:1.2;
  font-style:normal;
  letter-spacing:-.015em;
  margin-bottom:28px;
}
body main#main.issue-editorial :is(.brush-mark,.marked,.issue-title-paint) {
  --brush-color:var(--issue-inline-brush);
  position:relative;
  isolation:isolate;
  color:inherit;
}
body main#main.issue-editorial .issue-title-paint {display:inline-block;padding:0 .025em}
body main#main.issue-editorial :is(.brush-mark,.marked,.issue-title-paint)::before {
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:-1;
  inset:52% -.1em 1%;
  background:var(--issue-inline-brush);
  opacity:.92;
  transform:rotate(-1deg);
  clip-path:none;
  -webkit-mask:url('/assets/brush-stroke.svg') center/100% 100% no-repeat;
  mask:url('/assets/brush-stroke.svg') center/100% 100% no-repeat;
}
body main#main.issue-editorial :is(.issue-title-paint,.page-heading .marked)::before {
  inset:67% -.05em -2%;
  background:var(--issue-accent);
  opacity:.9;
  transform:rotate(-1.3deg);
}
/* The cost story reads better without the heavy paint strokes. */
body main#main.issue-editorial[data-issue="cost"] :is(.issue-title-paint,.brush-mark)::before {
  content:none;
}
body main#main.issue-editorial[data-issue="cost"] :is(.issue-title-paint,.brush-mark) {
  padding:0;
}
/* Secondary labels use ink and rules; paint is reserved for a few moments. */
body main#main.issue-editorial :is(.fear-block,.surgeon-pov,#living-proof) .brush-mark::before {content:none}
body main#main.issue-editorial :is(.fear-block,.surgeon-pov,#living-proof) .brush-mark {padding:0}
body main#main.issue-editorial .fear-block {
  background:transparent;
  border:0;
  border-top:1px solid var(--issue-rule);
  border-bottom:1px solid var(--issue-rule);
  padding:36px 0;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);
  gap:clamp(26px,5vw,64px);
  margin:0 0 12px;
}
body main#main.issue-editorial .fear-block .warning-label {
  background:transparent;
  color:inherit;
  padding:0;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
body main#main.issue-editorial :is(.fear-block h3,.prose h3,.surgeon-pov h3) {
  font-size:clamp(27px,3vw,34px);
  line-height:1.2;
  margin:30px 0 13px;
}
body main#main.issue-editorial .fear-block h3 {margin-top:0}
body main#main.issue-editorial :is(.prose,.prose>p,.pov-intro,.fear-block p,.fear-essay>p,.faqs details>div,.rx-list li) {
  font-size:18px;
  line-height:1.75;
}
body main#main.issue-editorial :is(.prose>p,.fear-block p,.fear-essay>p) {max-inline-size:64ch}
body main#main.issue-editorial :is(.mirror-moment blockquote,.mirror-thoughts p) {
  font-family:"Cormorant Garamond",Georgia,serif;
  font-weight:500;
  font-size:clamp(28px,3.6vw,43px);
  line-height:1.3;
  max-inline-size:32ch;
}
body main#main.issue-editorial .pov-feature {max-width:880px}
body main#main.issue-editorial .pov-intro {font-size:20px;line-height:1.65}
body main#main.issue-editorial .rx-block {
  border-top:1px solid var(--issue-rule);
  border-bottom:1px solid var(--issue-rule);
  padding:42px 0 46px;
}
body main#main.issue-editorial .rx-list {gap:34px 54px}
body main#main.issue-editorial .faqs summary {font-size:25px;line-height:1.4;padding:25px 36px 25px 0}
body main#main.issue-editorial .faqs details {border-color:var(--issue-rule)}
body main#main.issue-editorial .fear-essay {padding-top:42px}
body main#main.issue-editorial .further-reading {border-top:0;padding:40px 0 56px}
body main#main.issue-editorial .reading-links a {border-color:var(--issue-rule);padding:26px 0}
body main#main.issue-editorial .reading-links a strong {font-size:28px;line-height:1.25;font-weight:400}
body main#main.issue-editorial .concern-cover {
  background:#fff;
  color:inherit;
  border-bottom:1px solid var(--issue-rule);
  margin-top:26px;
}
body main#main.issue-editorial .concern-cover h1 {
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(42px,5.7vw,74px);
  font-weight:500;
  line-height:1.1;
  letter-spacing:-.025em;
  color:inherit;
}
body main#main.issue-editorial .concern-cover h1 em {
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
  color:inherit;
  background:none;
  -webkit-text-fill-color:currentColor;
}
body main#main.issue-editorial .concern-cover-index {border-color:var(--issue-rule)}
@media(max-width:700px) {
  body main#main.issue-editorial > .page-heading {padding:38px 0 32px}
  body main#main.issue-editorial > .page-heading h1 {font-size:clamp(40px,10.7vw,62px);max-width:20ch}
  body main#main.issue-editorial .fear-block {grid-template-columns:1fr;gap:12px}
  body main#main.issue-editorial .fear-block h2 {margin-bottom:12px}
  body main#main.issue-editorial .rx-list {grid-template-columns:1fr;gap:27px}
  body main#main.issue-editorial .concern-cover h1 {font-size:clamp(30px,6.3vw,44px)}
  body main#main.issue-editorial .faqs summary {font-size:23px}
}


/* Exact colors from the owner-selected homepage. */
body main#main.issue-editorial[data-issue="forehead"]{--issue-accent:#FF3D9A}
body main#main.issue-editorial[data-issue="brows"]{--issue-accent:#2447E6}
body main#main.issue-editorial[data-issue="liplines"]{--issue-accent:#FFE66D}
body main#main.issue-editorial[data-issue="jowls"]{--issue-accent:#0C7A58}
body main#main.issue-editorial[data-issue="circles"]{--issue-accent:#FFA3D7}
body main#main.issue-editorial[data-issue="bags"]{--issue-accent:#12B5A5}
body main#main.issue-editorial[data-issue="lipsize"]{--issue-accent:#FF5E6E}
body main#main.issue-editorial[data-issue="neck"]{--issue-accent:#A9D8FF}
body main#main.issue-editorial[data-issue="deflated"]{--issue-accent:#C81E5B}
body main#main.issue-editorial[data-issue="spots"]{--issue-accent:#7FE3BE}
body main#main.issue-editorial[data-issue="hooded"]{--issue-accent:#D4AB4F}
body main#main.issue-editorial[data-issue="chin"]{--issue-accent:#4FA3F7}
body main#main.issue-editorial[data-issue="redness"]{--issue-accent:#BDF06B}
body main#main.issue-editorial[data-issue="pores"]{--issue-accent:#E8143F}
body main#main.issue-editorial[data-issue="acne"]{--issue-accent:#3DDC97}
body main#main.issue-editorial[data-issue="weird"]{--issue-accent:#10237A}
body main#main.issue-editorial[data-issue="cost"]{--issue-accent:#04241A}
body main#main.issue-editorial[data-issue="dunno"]{--issue-accent:#E60053}