/** Shopify CDN: Minification failed

Line 141:0 Expected "}" to go with "{"

**/
:root{
  --paper:#f7f6f1;
  --ink:#111;
  --rule:#d8d8d8;
  --hilite:#a9c2ff;
}

.leaflet-article{ background: var(--paper); }

.leaflet-article .rte{
  max-width: 880px;
  margin: 0 auto;
  padding: 56px 22px 96px;
  color: var(--ink);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 22px;
  line-height: 1.85;
  letter-spacing: 0.01em;
}

.leaflet-article .rte p{ margin: 0 0 22px; }

.leaflet-article .rte hr{
  border: 0;
  border-top: 2px solid var(--rule);
  margin: 0 0 28px;
}

/* Highlighted header pill like “10. ONLINE BANS” */
.leaflet-article .rte h2{
  display: inline-block;
  margin: 0 0 26px;
  padding: 6px 10px;
  border-radius: 10px;
  background: var(--hilite);
  font-size: 26px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* Underlined subhead */
.leaflet-article .rte h3{
  margin: 34px 0 12px;
  font-size: 22px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 7px;
  text-decoration-thickness: 2px;
}

.leaflet-article .rte ul{ margin: 0 0 26px 28px; padding: 0; }
.leaflet-article .rte li{ margin: 12px 0; }

.leaflet-article .rte a{
  color: inherit;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
/* ---------------------------
   Leaflet: tighter + tidier
   Paste at bottom of leaflet-blog.css
---------------------------- */

/* Tighter reading column + calmer rhythm */
.leaflet-article .rte{
  max-width: 680px;          /* Leaflet-ish column */
  padding: 44px 22px 80px;   /* less “airy” */
  font-size: 20px;           /* slightly smaller */
  line-height: 1.75;         /* tidy, readable */
}

/* Reduce “cramped” feeling by fixing paragraph/list rhythm */
.leaflet-article .rte p{ margin: 0 0 16px; }
.leaflet-article .rte ul{ margin: 0 0 18px 26px; }
.leaflet-article .rte li{ margin: 10px 0; }

/* Kill the huge display-title vibe and make title match Leaflet */
body.template-article h1,
body.template-article .article__title,
body.template-article .article-title,
body.template-article [class*="article__title"]{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.05;
  font-size: clamp(34px, 4.6vw, 64px);
  margin: 0 0 18px;
}

/* If Baseline prints meta (date/author), make it quiet + mono */
body.template-article .article__meta,
body.template-article [class*="article__meta"]{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 14px;
  opacity: 0.85;
  margin: 0 0 22px;
}
/* =========================
   Leaflet-ish override (NO Liquid edits)
   Applies to all blog posts
========================= */

body.template-article{
  background:#f7f6f1 !important;
}

/* Find Baseline's main content container and make it a Leaflet column */
body.template-article main,
body.template-article #MainContent,
body.template-article .shopify-section,
body.template-article [id*="MainContent"]{
  background: transparent !important;
}

/* Constrain the reading column */
body.template-article .rte,
body.template-article [class*="rte"]{
  max-width: 680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 22px !important;
  padding-right: 22px !important;

  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
  font-size: 20px !important;
  line-height: 1.75 !important;
  letter-spacing: 0.01em !important;
}

/* Fix cramped rhythm */
body.template-article .rte p{ margin: 0 0 16px !important; }
body.template-article .rte ul{
body.template-article{ outline: 8px solid red !important; }