/** Shopify CDN: Minification failed

Line 30:17 Expected identifier but found whitespace
Line 30:18 Unexpected "14px"
Line 33:70 Unterminated string token

**/
/* =============================================================================
   COWORK-BASE.CSS — Claws & Clamps
   =============================================================================
   WHY THIS FILE EXISTS
   --------------------
   Dawn sets:  html { font-size: calc(var(--font-body-scale) * 62.5%) }
   At the default body scale (100), this makes  1rem = 10px  (not 16px).
   Dawn's own CSS is deliberately calibrated for this: it uses values like
   1.5rem (15px), 1.6rem (16px), 3rem (30px) etc. to hit normal reading sizes.

   AI tools (Shopify Sidekick, Cowork/Claude) assume the browser default of
   1rem = 16px when they write CSS for custom sections. A rule like
   `font-size: 1rem` therefore renders as 10px — microscopic on mobile.

   This is NOT a Dawn bug. Changing html { font-size } would break every
   Dawn component. The fix lives here, scoped to Cowork/Sidekick sections.

   -------------------------------------------------------------------------
   THE SAFE CONVENTION FOR COWORK / SIDEKICK SECTIONS
   -------------------------------------------------------------------------
   PREFERRED — px (simplest, bulletproof):
       font-size: 16px;     /* never affected by root font-size */
       font-size: 14px;

   ALSO FINE — em within .cowork-section wrapper (flexible, responsive):
       1. Wrap the section's outermost element: class="cowork-section"
       2. Use em, not rem, for font sizes inside:
           font-size: 1em;     → 16px (inherits from .cowork-section)
           font-size: 0.875em; → 14px
       em is parent-relative; rem is ROOT-relative.
       Only em responds to the .cowork-section font-size reset.

   NEVER use rem in Cowork/Sidekick sections.
   1rem = 10px in this theme (not 16px). It cannot be scoped.
   =========================================================================== */

/* Establishes 16px as the em base for any Cowork / Sidekick section.
   Add  class="cowork-section"  to the outermost wrapper div,
   then use `em` (not `rem`) for all font sizes inside. */
.cowork-section {
  font-size: 16px;
}
