*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Palatino Linotype',Palatino,'Book Antiqua',serif;line-height:1.9;color:#2a2a2a;background:#fefefe}
.Section_content__2SHx9{max-width:640px;margin:0 auto;padding:0 20px}
.Container_foot__xN4iJ{padding:60px 0 40px;border-bottom:1px solid #ccc;margin-bottom:48px}
.Container_foot__xN4iJ h1{font-size:24px;font-weight:400;letter-spacing:-.5px}
.Container_foot__xN4iJ p{font-size:14px;color:#777;margin-top:6px;font-style:italic}
.Container_foot__xN4iJ a{color:#2a2a2a;text-decoration:none;font-size:24px;font-weight:400;letter-spacing:-.5px}
.Page_box__AB1Aq{padding:20px 0}
.Page_box__AB1Aq h2{font-size:18px;font-weight:400;margin-bottom:4px}
.Page_box__AB1Aq h2 a{color:#2a2a2a;text-decoration:none;border-bottom:1px solid transparent}
.Page_box__AB1Aq h2 a:hover{border-bottom-color:#2a2a2a}
.Page_box__AB1Aq .Layout_block__TXtad{font-size:12px;color:#aaa;margin-bottom:6px}
.Page_box__AB1Aq p{font-size:14px;color:#666}
.Page_foot__pAwl8{color:#888;font-size:13px;text-decoration:none}
.Page_foot__pAwl8:hover{color:#2a2a2a}
.Nav_main__i1EOm{padding-bottom:60px}
.Nav_main__i1EOm h1{font-size:28px;font-weight:400;margin-bottom:8px}
.Nav_main__i1EOm .Layout_block__TXtad{font-size:12px;color:#aaa;display:block;margin-bottom:32px}
.Nav_main__i1EOm h2{font-size:21px;font-weight:400;margin:40px 0 12px;border-bottom:1px solid #eee;padding-bottom:6px}
.Nav_main__i1EOm h3{font-size:17px;margin:28px 0 8px}
.Nav_main__i1EOm p{margin-bottom:18px;font-size:16px}
.Nav_main__i1EOm ul,.Nav_main__i1EOm ol{margin:0 0 18px 20px}
.Nav_main__i1EOm a{color:#555;border-bottom:1px solid #ccc}
.Nav_main__i1EOm a:hover{color:#000;border-bottom-color:#000}
.Nav_main__i1EOm img{max-width:100%;height:auto;margin:24px 0}
.Section_box__dJsDs{border-top:1px solid #ddd;padding:20px 0;margin-top:48px;text-align:center;font-size:12px;color:#aaa}
.Section_box__dJsDs a{color:#aaa;text-decoration:none}
.Hero_item__I4Ozc{padding:0 0 16px;margin-bottom:24px;font-size:12px;color:#aaa;font-style:italic;border-bottom:1px solid #eee}
.Post_wrapper__sdtPN{padding:16px 0 0;margin-top:32px;font-size:11px;color:#999;border-top:1px solid #eee}
.Container_box__TKZP4{font-size:12px;color:#aaa;margin:-26px 0 32px;font-weight:300}
.Layout_content__sjtaw{margin:0 auto 32px;max-width:720px}
.Banner_title__GTuwH{width:100%;height:auto}
.Footer_link__2lJqF{margin-top:40px;padding-top:20px;border-top:1px solid #eee;font-size:14px;color:#888}
.Footer_link__2lJqF em{color:#aaa}
.Footer_link__2lJqF a{color:#555;border-bottom:1px solid #ddd;text-decoration:none}
.Section_root__atKMa{padding:24px 0 0;border-top:1px solid #eee;margin-top:24px}
.Section_root__atKMa p{padding:3px 0;margin:0;font-size:15px}
.Section_root__atKMa a{color:#2a2a2a;text-decoration:none;border-bottom:1px solid transparent}
.Section_root__atKMa a:hover{border-bottom-color:#2a2a2a}
/* === Theme === */
:root{--primary:#4A2C3F;--accent:#C4A878;--bg:#ECE4D8;--fg:#1A1418;--border:#C5B898;--r:16px;--fb:'Inria Serif';--fh:'Forum'}
/* === Custom === */
@import url('https://fonts.googleapis.com/css2?family=Forum&family=Inria+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Jost:wght@400;500;600&display=swap');

/* v.abe5dc — layout revision
   Editorial signature pass for ss-psych-en (Sketch My Soul).
   Template: Next.js "minimal" with STABLE css-module classes
   (Page_box__AB1Aq / Layout_block__TXtad / Page_foot__pAwl8 /
    Container_foot__xN4iJ / Nav_main__i1EOm). Homepage = flat list of
   div.Page_box cards → rebuilt as masthead → featured → editor's picks →
   photo strip → journal grid → closing strip. Affiliate prefix is /rec/. */

:root {
  --paper: #F6F0E3;
  --paper-hi: #FBF7EC;
  --ink: #251A21;
  --moment: #7A6B4A;          /* assigned moment colour — used in AT MOST 2 places */
  --meta: 'Jost', system-ui, sans-serif;
  --line: rgba(74, 44, 63, .16);
  --rc: 8px;
  --mw: min(1080px, 92vw);
}

html, body { overflow-x: hidden; }

:root body { font-family: var(--fb), Cambria, 'Times New Roman', serif; color: var(--fg); background: var(--bg); line-height: 1.76; font-size: 16.5px; }
::selection { background: var(--primary); color: var(--bg); }

/* ============================================================
   MASTHEAD
   header:has(> h1)  = homepage (tall photo masthead + signature)
   header:has(> a)   = article/utility pages (slim brand bar)
   ============================================================ */
header.Container_foot__xN4iJ { max-width: none; width: 100%; margin: 0 0 72px; border-bottom: 0; position: relative; }

header.Container_foot__xN4iJ:has(> h1) {
  padding: 96px 24px 60px;
  text-align: center;
  background-image: linear-gradient(rgba(26, 18, 24, .62), rgba(74, 44, 63, .86)), url("/theme-assets/header-bg.jpg");
  background-size: cover;
  background-position: center;
  background-color: var(--primary);
}
header.Container_foot__xN4iJ:has(> h1)::before {
  content: "";
  display: block;
  width: 58px; height: 70px;
  margin: 0 auto 22px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2080%2096'%3E%3Cpath%20d='M8%2040a32%2032%200%200%201%2064%200v40a8%208%200%200%201-8%208H16a8%208%200%200%201-8-8z'%20fill='none'%20stroke='%23C4A878'%20stroke-width='2.4'/%3E%3Ccircle%20cx='40'%20cy='44'%20r='12'%20fill='none'%20stroke='%23C4A878'%20stroke-width='2.4'/%3E%3Cpath%20d='M22%2082a18%2018%200%200%201%2036%200'%20fill='none'%20stroke='%23C4A878'%20stroke-width='2.4'/%3E%3C/svg%3E") center / contain no-repeat;
  opacity: .95;
}
header.Container_foot__xN4iJ:has(> h1) > h1 {
  font-family: var(--fb), Cambria, serif;
  font-style: italic;
  font-weight: 700;
  font-size: clamp(42px, 7.4vw, 78px);
  line-height: 1.02;
  letter-spacing: -.01em;
  color: #F5ECDC;
  text-transform: none;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .32);
}
header.Container_foot__xN4iJ:has(> h1) > p {
  font-family: var(--fb), Cambria, serif;
  font-style: italic;
  font-size: 16px;
  line-height: 1.55;
  color: rgba(245, 236, 220, .80);
  max-width: 620px;
  margin: 18px auto 0;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .3);
}
/* signature manifesto line — the moment colour, use #1 */
header.Container_foot__xN4iJ:has(> h1)::after {
  content: "Four services, eleven sketches, one honest logbook — filed from a Philly kitchen table, somewhere between believer and skeptic.";
  display: block;
  max-width: 600px;
  margin: 24px auto 0;
  padding: 4px 0 4px 16px;
  border-left: 3px solid var(--moment);
  text-align: left;
  font-family: var(--fb), Cambria, serif;
  font-style: italic;
  font-size: 15px;
  line-height: 1.5;
  color: rgba(245, 236, 220, .74);
}

/* slim brand bar for article + utility pages */
header.Container_foot__xN4iJ:has(> a) {
  padding: 22px 24px;
  text-align: center;
  background: var(--primary);
}
header.Container_foot__xN4iJ:has(> a) > a {
  font-family: var(--fb), Cambria, serif;
  font-style: italic;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -.01em;
  color: #F5ECDC;
  text-transform: none;
  text-decoration: none;
}

/* ============================================================
   HOMEPAGE  ( main:has(> .Page_box__AB1Aq) )
   6-col grid so a 3-up picks band and a 2-up journal grid coexist.
   order[]:  featured 1 · picks 2 · Strip-1 3 · journal 4 · Strip-2 5
   ============================================================ */
main:has(> .Page_box__AB1Aq) {
  max-width: var(--mw);
  margin: 0 auto;
  padding: 0 0 96px;
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 32px;
  row-gap: 34px;
  align-items: stretch;
}

/* ---- base card: warm paper, soft frame ---- */
main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq {
  display: flex;
  flex-direction: column;
  order: 4;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--rc);
  box-shadow: 0 1px 4px rgba(37, 26, 33, .05);
  padding: 26px 32px 28px;
  transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease;
}
main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:hover {
  box-shadow: 0 6px 20px rgba(74, 44, 63, .12);
  border-color: rgba(196, 168, 120, .55);
  transform: translateY(-2px);
}
/* kicker / date */
main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq > .Layout_block__TXtad {
  font-family: var(--meta);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--accent);
  margin: 0 0 12px;
  line-height: 1.4;
}
/* title */
main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq > h2 {
  font-family: var(--fh), Cambria, serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.22;
  letter-spacing: .005em;
  margin: 0 0 12px;
  text-transform: none;
}
main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq > h2 a {
  color: var(--primary);
  text-decoration: none;
  background-image: linear-gradient(var(--accent), var(--accent));
  background-size: 0 1.5px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  transition: background-size .3s ease, color .2s ease;
}
main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq > h2 a:hover { color: var(--moment); background-size: 100% 1.5px; }
/* excerpt (the non-date paragraph) */
main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq > p:not(.Layout_block__TXtad) {
  font-family: var(--fb), Cambria, serif;
  font-size: 15px;
  line-height: 1.6;
  color: var(--fg);
  opacity: .82;
  margin: 0 0 18px;
  max-width: 62ch;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* read-more link, pinned to card bottom */
main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq > .Page_foot__pAwl8 {
  margin-top: auto;
  align-self: flex-start;
  font-family: var(--meta);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--primary);
  text-decoration: none;
  border-bottom: 1px solid var(--accent);
  padding-bottom: 3px;
  transition: color .18s ease, border-color .18s ease;
}
main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq > .Page_foot__pAwl8:hover { color: var(--moment); border-color: var(--moment); }

/* ---- FEATURED (newest post) ---- */
main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:first-of-type {
  order: 1;
  background: var(--paper-hi);
  border-color: rgba(196, 168, 120, .5);
  border-top: 3px solid var(--primary);
  padding: 40px 40px 42px;
}
main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:first-of-type > .Layout_block__TXtad { color: var(--moment); font-size: 12px; }
main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:first-of-type > h2 {
  font-size: clamp(30px, 4.4vw, 48px);
  line-height: 1.08;
  margin-bottom: 18px;
}
main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:first-of-type > p:not(.Layout_block__TXtad) {
  font-size: 19px;
  line-height: 1.5;
  opacity: .88;
  -webkit-line-clamp: 4;
  max-width: 60ch;
  margin-bottom: 24px;
}
/* drop cap on the featured excerpt — the moment colour, use #2 */
main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:first-of-type > p:not(.Layout_block__TXtad)::first-letter {
  font-family: var(--fb), Cambria, serif;
  font-style: italic;
  font-weight: 700;
  font-size: 74px;
  line-height: .78;
  float: left;
  margin: 6px 12px -2px 0;
  color: var(--moment);
}
/* featured CTA reads as an outlined pill */
main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:first-of-type > .Page_foot__pAwl8 {
  border: 1.5px solid var(--primary);
  border-radius: 999px;
  padding: 10px 22px;
  color: var(--primary);
}
main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:first-of-type > .Page_foot__pAwl8:hover {
  background: var(--primary);
  color: var(--paper-hi);
  border-color: var(--primary);
}

/* ---- EDITOR'S PICKS (cards 2-4) ---- */
main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:nth-of-type(2),
main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:nth-of-type(3),
main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:nth-of-type(4) { order: 2; }
/* section label above the picks band (full-row via --mw width) */
main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:nth-of-type(2) { position: relative; margin-top: 60px; }
main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:nth-of-type(2)::before {
  content: "EDITOR\2019S PICKS \2014 READ THESE FIRST";
  position: absolute;
  left: 0; top: -42px;
  width: var(--mw);
  font-family: var(--meta);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: var(--primary);
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ---- JOURNAL (cards 5+) ---- */
main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:nth-of-type(n+5) { order: 4; }
main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:nth-of-type(5) { position: relative; margin-top: 60px; }
main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:nth-of-type(5)::before {
  content: "THE JOURNAL \2014 IN ORDER OF WRITING";
  position: absolute;
  left: 0; top: -42px;
  width: var(--mw);
  font-family: var(--meta);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: var(--primary);
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ---- TWO HERO STRIPS (section breaks) ---- */
main:has(> .Page_box__AB1Aq)::before,
main:has(> .Page_box__AB1Aq)::after {
  content: "SEE MORE ESSAYS";
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 208px;
  border-radius: var(--rc);
  font-family: var(--meta);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .32em;
  text-transform: uppercase;
  color: #F5ECDC;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .5);
  background-image: linear-gradient(rgba(20, 24, 28, .55), rgba(20, 24, 28, .25)), url("/theme-assets/article-cover.jpg");
  background-size: cover;
}
main:has(> .Page_box__AB1Aq)::before {
  content: "MORE ESSAYS BELOW";
  order: 3;
  margin-top: 24px;
  background-position: center 30%;
}
main:has(> .Page_box__AB1Aq)::after {
  order: 5;
  margin-top: 24px;
  background-position: center 70%;
}

/* ---- desktop: 6-col grid + spans + featured 2-col balance ---- */
@media (min-width: 760px) {
  main:has(> .Page_box__AB1Aq) { grid-template-columns: repeat(6, 1fr); column-gap: 34px; row-gap: 40px; }
  main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:first-of-type { grid-column: 1 / -1; }
  main:has(> .Page_box__AB1Aq)::before,
  main:has(> .Page_box__AB1Aq)::after { grid-column: 1 / -1; }
  main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:nth-of-type(2),
  main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:nth-of-type(3),
  main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:nth-of-type(4) { grid-column: span 2; margin-top: 60px; }
  main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:nth-of-type(n+5) { grid-column: span 3; }
  main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:nth-of-type(6) { margin-top: 60px; }

  /* featured spread: content left, editorial meta rail right */
  main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:first-of-type {
    display: grid;
    grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr);
    column-gap: 48px;
    padding: 44px 44px 46px;
  }
  main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:first-of-type > * { grid-column: 1; }
  main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:first-of-type::before {
    content: "N\00BA 01";
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    align-self: start;
    font-family: var(--fb), Cambria, serif;
    font-style: italic;
    font-size: 66px;
    line-height: 1;
    letter-spacing: -.03em;
    color: var(--primary);
    opacity: .5;
  }
  main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:first-of-type::after {
    content: "LATEST ESSAY \A BY ASHLEY RIVERA \A 6 MIN READ \A PERSONAL ESSAY";
    white-space: pre-line;
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
    align-self: start;
    text-align: right;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--line);
    font-family: var(--meta);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .2em;
    line-height: 2;
    text-transform: uppercase;
    color: var(--primary);
    opacity: .66;
  }
}

/* ============================================================
   ARTICLE PAGES  ( main.Nav_main__i1EOm )
   ============================================================ */
main.Nav_main__i1EOm {
  max-width: min(760px, 92vw);
  margin: 0 auto;
  padding: 0 0 96px;
}
/* photo band above article title (content articles only have main > h1) */
main.Nav_main__i1EOm > h1::before {
  content: "";
  display: block;
  height: 216px;
  margin: 0 0 36px;
  border-radius: var(--rc);
  border-top: 3px solid var(--primary);
  background-image: linear-gradient(rgba(20, 24, 28, .18), rgba(236, 228, 216, .55)), url("/theme-assets/article-cover.jpg");
  background-size: cover;
  background-position: center;
}
main.Nav_main__i1EOm > h1 {
  font-family: var(--fh), Cambria, serif;
  font-weight: 400;
  font-size: clamp(32px, 5vw, 52px);
  line-height: 1.08;
  color: var(--primary);
  margin: 0 0 14px;
  letter-spacing: .005em;
}
main.Nav_main__i1EOm > .Layout_block__TXtad {
  display: block;
  font-family: var(--meta);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--accent);
  margin: 0 0 4px;
}
main.Nav_main__i1EOm > .Container_box__TKZP4 {
  font-family: var(--meta);
  font-size: 11.5px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--fg);
  opacity: .55;
  margin: 0 0 34px;
  font-weight: 400;
}

main.Nav_main__i1EOm article p,
main.Nav_main__i1EOm article li {
  font-family: var(--fb), Cambria, serif;
  font-size: 18.5px;
  line-height: 1.78;
}
main.Nav_main__i1EOm article p { margin-bottom: 22px; }
main.Nav_main__i1EOm article ul,
main.Nav_main__i1EOm article ol { margin: 0 0 22px 24px; }
main.Nav_main__i1EOm article li { margin-bottom: 8px; }

main.Nav_main__i1EOm article h2 {
  font-family: var(--fh), Cambria, serif;
  font-weight: 400;
  font-size: 27px;
  color: var(--primary);
  margin: 48px 0 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--accent);
  letter-spacing: .01em;
  text-transform: none;
}
/* dinkus divider between sections (skip the first h2) */
main.Nav_main__i1EOm article h2:not(:first-of-type)::before {
  content: "\2748  \2748  \2748";
  display: block;
  text-align: center;
  font-size: 12px;
  letter-spacing: .7em;
  color: var(--accent);
  opacity: .6;
  border: 0;
  margin: 0 0 34px;
  padding: 0;
}
main.Nav_main__i1EOm article h3 {
  font-family: var(--fb), Cambria, serif;
  font-style: italic;
  font-weight: 700;
  font-size: 20px;
  color: var(--moment);
  margin: 34px 0 12px;
  text-transform: none;
  letter-spacing: 0;
}
main.Nav_main__i1EOm article blockquote {
  border-left: 0;
  padding: 6px 0 6px 34px;
  margin: 36px 0;
  position: relative;
  font-family: var(--fb), Cambria, serif;
  font-style: italic;
  font-size: 22px;
  line-height: 1.45;
  color: var(--primary);
  background: transparent;
}
main.Nav_main__i1EOm article blockquote::before {
  content: "\201C";
  position: absolute;
  left: -6px; top: -10px;
  font-family: var(--fb), Georgia, serif;
  font-size: 84px;
  line-height: 1;
  color: var(--accent);
  opacity: .5;
}
main.Nav_main__i1EOm article img {
  width: 100%;
  height: auto;
  display: block;
  margin: 12px 0 30px;
  border-radius: var(--rc);
  box-shadow: 0 6px 22px rgba(37, 26, 33, .14);
}

/* one inline-link convention: plum text, gold underline */
main.Nav_main__i1EOm article a,
main.Nav_main__i1EOm article a:visited {
  color: var(--primary);
  text-decoration: underline;
  text-decoration-color: var(--accent);
  text-underline-offset: 3px;
  text-decoration-thickness: 1.5px;
  font-weight: 700;
  border-bottom: 0;
}
main.Nav_main__i1EOm article a:hover { color: var(--moment); text-decoration-color: var(--moment); }

/* affiliate / recommendation links = highlighted CTA pill (prefix is /rec/) */
main.Nav_main__i1EOm article a[href^="/rec/"],
main.Nav_main__i1EOm article a[href^="/rec/"]:visited {
  display: inline;
  font-family: var(--meta);
  font-size: 15px;
  font-weight: 600;
  color: var(--paper-hi);
  background: var(--accent);
  padding: 3px 12px;
  border-radius: 999px;
  text-decoration: none;
  letter-spacing: .01em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  box-shadow: 0 1px 3px rgba(37, 26, 33, .16);
}
main.Nav_main__i1EOm article a[href^="/rec/"]:hover {
  background: var(--primary);
  color: var(--paper-hi);
}

/* inline affiliate disclosure callout */
main.Nav_main__i1EOm article .Hero_item__I4Ozc {
  border: 0;
  border-left: 3px solid var(--accent);
  background: rgba(196, 168, 120, .12);
  border-radius: 0 var(--rc) var(--rc) 0;
  padding: 14px 18px;
  margin: 30px 0;
  font-family: var(--fb), Cambria, serif;
  font-style: italic;
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--fg);
}

/* related-articles nav */
main.Nav_main__i1EOm .Footer_link__2lJqF {
  margin-top: 52px;
  padding-top: 24px;
  border-top: 2px solid var(--primary);
  font-size: 15px;
  line-height: 1.7;
}
main.Nav_main__i1EOm .Footer_link__2lJqF em {
  font-family: var(--meta);
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--accent);
  margin-right: 6px;
}
main.Nav_main__i1EOm .Footer_link__2lJqF a {
  color: var(--primary);
  text-decoration: none;
  border-bottom: 1px solid var(--line);
  font-weight: 700;
}
main.Nav_main__i1EOm .Footer_link__2lJqF a:hover { border-bottom-color: var(--accent); color: var(--moment); }

/* utility pages (author/policy) use article > section wrappers */
main.Nav_main__i1EOm article > section { margin-bottom: 20px; }

/* ============================================================
   FOOTER
   ============================================================ */
footer.Section_box__dJsDs {
  background: transparent;
  border-top: 1px solid var(--accent);
  padding: 28px 24px 40px;
  margin-top: 64px;
  text-align: center;
  font-family: var(--meta);
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--fg);
  opacity: .72;
}
footer.Section_box__dJsDs a { color: var(--primary); text-decoration: none; border-bottom: 1px dotted var(--border); }
footer.Section_box__dJsDs a:hover { color: var(--moment); border-bottom-color: var(--moment); }

/* ============================================================
   MOBILE REFINEMENTS
   ============================================================ */
@media (max-width: 759px) {
  header.Container_foot__xN4iJ:has(> h1) { padding: 64px 22px 44px; margin-bottom: 48px; }
  main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:nth-of-type(3),
  main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:nth-of-type(4),
  main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:nth-of-type(6) { margin-top: 0; }
  main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:first-of-type > h2 { font-size: 30px; }
  main:has(> .Page_box__AB1Aq) > .Page_box__AB1Aq:first-of-type > p:not(.Layout_block__TXtad)::first-letter { font-size: 58px; }
  main:has(> .Page_box__AB1Aq)::before,
  main:has(> .Page_box__AB1Aq)::after { min-height: 168px; }
  main.Nav_main__i1EOm > h1::before { height: 168px; }
}