/* Article-only palette. Shop, checkout and editor content retain their own styles. */
.editorial-guide {
  --ed-primary:#f0ce89;
  --ed-secondary:#a1dfcf;
  --ed-tertiary:#c8b5ff;
  max-width:1120px;
  margin:0 auto;
}
.editorial-guide.ed-mint { --ed-primary:#a1dfcf; --ed-secondary:#f0ce89; --ed-tertiary:#c8b5ff; }
.editorial-guide.ed-lilac { --ed-primary:#c8b5ff; --ed-secondary:#a1dfcf; --ed-tertiary:#f0ce89; }
.editorial-guide.ed-ember { --ed-primary:#ffb1a8; --ed-secondary:#f0ce89; --ed-tertiary:#a1dfcf; }
.editorial-guide .a-head { max-width:880px; margin:20px 0 28px; }
.editorial-guide .a-head h1 { color:#f5f4ee; font-size:clamp(29px,3.6vw,46px); line-height:1.18; letter-spacing:-.035em; text-wrap:balance; }
.editorial-guide .a-lead { color:#b7c6d9; max-width:760px; line-height:1.75; }
.editorial-guide .a-tag { color:var(--ed-primary); border-color:color-mix(in srgb,var(--ed-primary) 35%,#20354d); }
.editorial-eyebrow { display:block; margin:20px 0 12px; font-size:11px; letter-spacing:.14em; line-height:1.7; font-weight:800; color:var(--ed-primary); }
.editorial-guide .a-hero { display:block; width:100%; aspect-ratio:12/5; object-fit:cover; max-height:none; border:1px solid #2c4059; border-radius:18px; background:#0a1527; }
.editorial-guide .a-layout { grid-template-columns:220px minmax(0,1fr); gap:28px; }
.editorial-guide .a-toc { padding:18px; background:#0c1b2eeb; border-color:#2b405c; border-top:2px solid var(--ed-primary); max-height:calc(100dvh - 110px); }
.editorial-guide .a-toc>b { color:var(--ed-primary); }
.editorial-guide .a-toc a { color:#b3c5dd; padding:5px 0; line-height:1.5; }
.editorial-guide .a-toc a:hover { color:#fff; }
.editorial-guide .a-toc .lvl3 { display:none; }
.editorial-guide .a-body.rich-content { --guide-accent:var(--ed-primary); padding:26px 30px; border:1px solid #2b405c; border-radius:18px; background:linear-gradient(150deg,#102137f5,#091729f5); color:#ced8e6; font-size:16px; line-height:1.85; }
.editorial-guide .a-body>p:first-child { color:#a9bbd1; font-size:13px; padding-bottom:18px; border-bottom:1px solid #2b405c; }
.editorial-guide .a-body h2 { color:var(--ed-primary); border-left-color:var(--ed-primary); font-size:clamp(22px,2.3vw,26px); line-height:1.4; margin-top:38px; }
.editorial-guide .a-body h2:nth-of-type(3n+2) { color:var(--ed-secondary); border-left-color:var(--ed-secondary); }
.editorial-guide .a-body h2:nth-of-type(3n) { color:var(--ed-tertiary); border-left-color:var(--ed-tertiary); }
.editorial-guide .a-body h3 { color:#e9e5f5; font-size:19px; line-height:1.5; }
.editorial-guide .a-body strong { color:#f4eddc; }
.editorial-guide .a-body a { color:#afe5d9; text-decoration-color:#afe5d977; text-underline-offset:4px; }
.editorial-guide .a-body a:hover { color:#e5fff8; text-decoration-color:currentColor; }
.editorial-guide .a-body li::marker { color:var(--ed-secondary); }
.editorial-guide .rich-content .rt-table-wrap { border:1px solid #3b506a; border-radius:12px; background:#0c1a2e; box-shadow:0 8px 24px #0002; scrollbar-color:#788da7 #0c1a2e; }
.editorial-guide .rich-content table { min-width:480px; font-size:14px; line-height:1.65; }
.editorial-guide .rich-content th { color:var(--ed-primary); background:color-mix(in srgb,var(--ed-primary) 10%,#0c1a2e); font-weight:800; border-color:#3b506a; padding:15px 16px; }
.editorial-guide .rich-content td { border-color:#2b405c; padding:14px 16px; min-width:125px; }
.editorial-guide .rich-content tbody tr:nth-child(even) { background:#a1dfcf06; }
.editorial-guide .rich-content tbody tr:hover { background:#ffffff06; }
.editorial-guide .rich-content .rt-callout { --callout:#c8b5ff; background:#171f37; margin:24px 0; line-height:1.8; }
.editorial-guide .rich-content .rt-callout[data-kind="tip"] { --callout:#a1dfcf; background:#112b30; }
.editorial-guide .rich-content .rt-callout[data-kind="warning"] { --callout:#f0ce89; background:#2b2730; }
.editorial-guide .rich-content .rt-callout[data-kind="benefits"] { --callout:#ffb1a8; background:#2b2130; }
.editorial-guide .a-body img { width:100%; border:1px solid #2b405c; background:#0b192b; }
.editorial-guide .editorial-cta { margin:36px 0 0; padding:24px; border:1px solid color-mix(in srgb,var(--ed-primary) 45%,#263c58); border-radius:14px; background:linear-gradient(135deg,#19304c,#0e2238); }
.editorial-guide .a-body .editorial-cta h2 { margin:0 0 14px; padding:0; border:0; color:var(--ed-primary); font-size:23px; }
.editorial-guide .editorial-cta p:last-child { margin-bottom:0; }
.editorial-guide .a-shop { padding:24px; border:1px solid #2b405c; border-radius:18px; background:#0c1b2eed; }
@media(max-width:860px) {
  .editorial-guide .a-layout { grid-template-columns:minmax(0,1fr); gap:18px; }
  .editorial-guide .a-toc { position:static; max-height:none; }
}
@media(max-width:520px) {
  .editorial-guide .a-head { margin-top:12px; }
  .editorial-guide .a-body.rich-content { padding:20px 16px; border-radius:12px; }
  .editorial-guide .a-hero { border-radius:12px; }
  .editorial-guide .a-toc { padding:16px; font-size:13px; }
  .editorial-guide .editorial-cta { padding:19px 16px; }
  .editorial-guide .a-shop { padding:16px; }
}
