/** Shopify CDN: Minification failed

Line 171:20 Expected "*/" to terminate multi-line comment

**/
/* ============================================================
   LeHay's Shaker Boxes - blog post typography
   Added 2026-08-06. Alignment fix 2026-08-07.

   SCOPE: every rule below is prefixed "article .rte".
   .rte is Shopify's rich-text class and this theme uses it in
   ~30 files - product descriptions, collection descriptions,
   page bodies, footer text, rich-text sections, text columns,
   collapsible tabs. Styling .rte on its own would change all
   of them.

   The <article> element appears exactly once in this theme,
   in sections/main-article.liquid, which renders a single blog
   post. (Verified 2026-08-06 across all sections, snippets,
   templates, layouts and assets.) So "article .rte" reaches
   blog post bodies and nothing else.
   DO NOT remove the "article " prefix from any selector.

   Note: the post body is a <data-island class="rte">, not a
   <div> - selectors written as "div.rte" will NOT match it.

   Loaded from layout/theme.liquid, only when
   template.name == 'article'. It lives here rather than in a
   section's Custom CSS box because that field is capped at
   500 characters and this is ~2,100.

   Font families are left to inherit so the theme's own font
   settings continue to govern.

   ---- 2026-08-07 alignment fix -------------------------------
   Two problems were corrected:

   1. THE MARGIN SHORTHAND TRAP. The p, h2 and h3 rules used a
      three-value shorthand (e.g. "margin: 0 0 1.45em"). The
      middle 0 sets margin-left AND margin-right to 0, which
      silently cancelled the "margin-left/right: auto" set on
      "article .rte > *". Result: paragraphs and headings sat
      flush left while images, blockquotes, lists, tables and
      rules centred - a ~168px mismatch on a wide screen.
      Every horizontal margin below is now "auto".
      DO NOT reintroduce a 2- or 3-value margin shorthand on
      any element that needs to stay centred. Use
      "margin: <top> auto <bottom>" or longhand properties.

   2. ONE SHARED MEASURE. The old max-width was 66ch. "ch" is
      relative to each element's OWN font-size, so a 30px h2
      got a line ~280px longer than 17px body text. The measure
      is now a single --measure value in rem, so every block
      breaks at the same width regardless of font size.
      Tune the whole article's line length by changing
      --measure in one place below.
   ------------------------------------------------------------ */

/* ---------- Measure and base rhythm ---------- */
article .rte {
  --measure: 35rem; /* ~560px; was 66ch. Single knob for line length. */
  font-size: 17px;
  line-height: 1.65;
  color: #1A1A1A;
}
article .rte > * {
  max-width: var(--measure);
  margin-left: auto;
  margin-right: auto;
}
article .rte p { margin: 0 auto 1.45em; text-wrap: pretty; }
article .rte p:last-child { margin-bottom: 0; }

/* ---------- Headings (hairline above each H2) ---------- */
article .rte h2 {
  font-size: clamp(24px, 2.4vw, 30px);
  line-height: 1.3;
  font-weight: 400;
  color: #1A1A1A;
  margin: 2.4em auto 0.65em;
  padding-top: 1.6em;
  border-top: 1px solid #DDD8CC;
}
article .rte h3 {
  font-size: 21px;
  line-height: 1.35;
  font-weight: 400;
  color: #1A1A1A;
  margin: 2em auto 0.5em;
}
article .rte h2:first-child,
article .rte h3:first-child { margin-top: 0; }
article .rte h2:first-child { padding-top: 0; border-top: 0; }

/* ---------- Images ---------- */
article .rte img {
  display: block;
  width: 100%;
  height: auto;
  margin: 2.4em auto;
  border-radius: 0;
}
article .rte figure { margin: 2.6em auto; max-width: var(--measure); }
article .rte figure img { margin: 0; }
article .rte figcaption {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.5;
  font-style: italic;
  color: #57534B;
  text-align: left;
}

/* Opt-in wider image: add class="wide" in the post's code view */
article .rte .wide,
article .rte figure.wide { max-width: 900px; }

/* ---------- Pull quote ---------- */
article .rte blockquote {
  margin: 2.6em auto;
  padding: 0 0 0 24px;
  border-left: 1px solid #DDD8CC;
  font-size: 21px;
  line-height: 1.5;
  color: #1A1A1A;
  font-style: normal;
}
article .rte blockquote p:last-child { margin-bottom: 0; }

/* ---------- Lists ---------- */
article .rte ul,
article .rte ol { margin: 0 auto 1.6em; padding-left: 1.35em; }
article .rte li { margin-bottom: 0.5em; line-height: 1.6; }
article .rte li:last-child { margin-bottom: 0; }

/* ---------- Links ---------- */
article .rte a {
  color: #4E5A3F;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 150ms ease-out;
}
article .rte a:hover { color: #1A1A1A; }
article .rte a:has(img) { text-decoration: none; }

/* ---------- Rules ---------- */
article .rte hr {
  max-width: var(--measure);
  margin: 3em auto;
  border: 0;
  border-top: 1px solid #DDD8CC;
}

/* ---------- Tables ---------- */
article .rte table {
  width: 100%;
  max-width: var(--measure);
  margin: 2.2em auto;
  border-collapse: collapse;
  font-size: 16px;
}
article .rte th,
article .rte td {
  padding: 12px 14px;
  border: 1px solid #DDD8CC;
  text-align: left;
  vertical-align: top;
}
article .rte th { font-weight: 600; background: #F6F5F1; }

/* ---------- Editor