/* ============================================================
   ANIME DEVTA - MANDATORY DESIGN RULES v1.2 (enforcement layer)
   Loaded LAST on every page and shell. These rules guard the
   governed axes of docs/MANDATORY_DESIGN_RULE_BOOK.md so that
   page-specific or imported styling cannot override them.
   Do not edit or weaken without a revised master approved by Anil.
   Named variants (manifest): full-bleed campaign heroes, PDP
   product-name title, easter-egg overlay, brand-guide reader,
   email templates.
   ============================================================ */

/* One font family everywhere (rule book 01) */
body,h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,summary,li,td,th,figcaption,label,blockquote,span,strong,small{
  font-family:'M PLUS 1',Arial,sans-serif !important;
}

/* Red final punctuation is always the brand accent (rule book 01) */
.title-dot{color:var(--accent) !important;font:inherit !important;font-weight:inherit !important;font-size:inherit !important;font-family:inherit !important;letter-spacing:inherit !important;line-height:inherit !important}

/* Editorial H1: shared scale, weight, sentence case, left aligned (rule book 01).
   Excludes the campaign hero overlay and the PDP product name (named variants). */
main h1:not(.collection-hero *):not(.purchase-panel *),
article h1{
  font-size:var(--h1-size) !important;font-weight:700 !important;line-height:1.15 !important;
  letter-spacing:-.035em !important;text-transform:none !important;text-align:left !important;
}

/* Editorial H2: shared scale (rule book 01).
   Excludes campaign hero, card titles, product names and stats (not section headings). */
main h2:not(.collection-hero *):not(.story-card *):not(.product-meta *):not(.world-label *):not(.spotlight-label *):not(.exec-metric *),
article h2{
  font-size:var(--h2-size) !important;font-weight:700 !important;line-height:1.25 !important;
  letter-spacing:-.025em !important;text-transform:none !important;text-align:left !important;
}

/* Left alignment for editorial text everywhere (rule book 01) */
main h1, main h2, main h3, article h1, article h2, article h3, main p, article p{text-align:left}

/* Article header: column centred, text and metadata left aligned (rule book 01) */
.article-header{text-align:left !important}
.article-header .story-meta{justify-content:flex-start !important}

/* One link colour per role: content links use the theme link colour (rule book 02) */
main p a, article .article-content a{color:var(--link)}

/* Shared button treatment (rule book 02): 8px radius, 16px h-padding,
   min 44px height, sentence-case 14px labels at 600 weight, 200ms motion */
.button, .primary, .journal-button, .restock-button, .upload-browse, .submit-button, .form-button{
  border-radius:var(--radius) !important;font-weight:600 !important;font-size:14px !important;
  letter-spacing:normal !important;text-transform:none !important;
  min-height:44px !important;padding-inline:16px !important;
  transition:background var(--motion),color var(--motion),border-color var(--motion) !important;
}

/* Shared container + gutters (rule book 03) */
.wrap{max-width:var(--container)}

/* No horizontal overflow, ever (rule book 03) */
html,body{overflow-x:clip}

/* Reduced motion respected globally (rule book 03) */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}