/* Scoped to this editorial page; checkout and other articles keep their styles. */
.wow-guide { max-width:1120px; margin:0 auto; --guide-gold:#f4cc76; }
.wow-guide .a-head { max-width:850px; margin:20px 0 28px; }
.wow-guide .a-head h1 { font-size:clamp(29px,3.7vw,46px); line-height:1.2; letter-spacing:-.035em; }
.wow-guide-eyebrow { display:block; color:#81b8ff; font-size:11px; font-weight:800; letter-spacing:.14em; margin:16px 0 10px; }
.wow-guide .a-lead { max-width:740px; color:#aabed9; line-height:1.7; }
.wow-guide .a-hero { display:block; aspect-ratio:1200/480; max-height:none; object-fit:cover; object-position:center 45%; border:1px solid #5f5238; box-shadow:0 14px 65px #0005; }
.wow-guide .a-layout { grid-template-columns:230px minmax(0,1fr); gap:30px; }
.wow-guide .a-toc { background:linear-gradient(145deg,#101e33ed,#071329ed); border-color:#29405f; padding:18px; max-height:calc(100dvh - 110px); }
.wow-guide .a-toc a { padding:4px 0; line-height:1.45; }
.wow-guide .a-toc .lvl3 { display:none; }
.wow-guide .a-body { min-width:0; padding:24px 30px; border:1px solid #253d5b; border-radius:18px; background:linear-gradient(155deg,#101f34f2,#081427f2); font-size:16px; line-height:1.85; }
.wow-guide .a-body>p:first-child { font-size:18px; color:#d2dff0; }
.wow-guide .a-body h2 { font-size:24px; line-height:1.35; margin-top:34px; color:#f4cc76; border-left-color:#c6a35f; }
.wow-guide .a-body h3 { font-size:18px; line-height:1.45; color:#c7b9f5; }
.wow-guide .a-body h3:nth-of-type(3n+2) { color:#8cddcd; }
.wow-guide .a-body h3:nth-of-type(3n) { color:#e3bd85; }
.wow-guide .a-body a { color:#8cddcd; overflow-wrap:anywhere; }
.wow-guide .a-body a:hover { color:#e3fff9; }
.wow-guide .a-body strong { color:#f1dfbc; }
.wow-guide .a-toc a:hover { color:#f4cc76; }
.wow-guide .rt-callout { padding:18px; background:#0b2543; border-color:#31567b; border-left-color:#70acff; }
.wow-guide .rt-callout[data-kind="tip"] { --callout:#78d6bc; background:linear-gradient(125deg,#12362f,#102632); border-color:#315e52; border-left-color:#78d6bc; }
.wow-guide .rt-callout[data-kind="important"] { --callout:#c1a6ed; background:linear-gradient(125deg,#26223c,#142138); border-color:#54436c; border-left-color:#c1a6ed; }
.wow-guide .rt-callout::before { color:#c1a6ed; }
.wow-guide .rt-callout[data-kind="tip"]::before { color:#78d6bc; }
.wow-guide .rt-callout::before { content:'Important'; }
.wow-guide .rt-callout[data-kind="tip"]::before { content:'Field tip'; }
.wow-guide .wow-guide-cta { margin:32px -8px; padding:24px; border:1px solid #6d5936; border-radius:16px; background:radial-gradient(ellipse at 100% 0,#a9792820,transparent 70%),#0a192c; }
.wow-guide-cta .wow-guide-eyebrow { color:var(--guide-gold); margin-top:0; }
.wow-guide .wow-guide-cta h2 { margin:8px 0 14px; font-size:23px; color:#f4cc76; border-left-color:#c6a35f; }
.wow-guide .a-shop { padding:24px; border:1px solid #5f5238; border-radius:18px; background:radial-gradient(ellipse at top right,#a9792817,transparent 65%),#0c192b; }
.wow-guide .a-shop h2 { color:#f4cc76; font-size:24px; }
.wow-guide .a-shop .g-head { flex-wrap:wrap; gap:12px; }
.wow-guide .a-shop .pgrid:has(>.pcard:only-child) { grid-template-columns:minmax(0,1fr); }
@media(min-width:601px) {
  .wow-guide .a-shop .pcard:only-child { display:grid; grid-template-columns:minmax(200px, .65fr) minmax(0,1fr); grid-template-rows:auto 1fr auto; }
  .wow-guide .a-shop .pcard:only-child .pcard-cover { grid-column:1; grid-row:1/3; aspect-ratio:auto; height:100%; border-bottom:0; }
  .wow-guide .a-shop .pcard:only-child .pcard-placeholder { min-height:240px; height:100%; }
  .wow-guide .a-shop .pcard:only-child .pcard-badges { grid-column:2; grid-row:1; }
  .wow-guide .a-shop .pcard:only-child .pcard-body { grid-column:2; grid-row:2; }
  .wow-guide .a-shop .pcard:only-child .pcard-footer { grid-column:1/-1; grid-row:3; }
}
.wow-guide .wow-guide-cta .btn { color:white; text-decoration:none; white-space:normal; text-align:center; }
@media(max-width:860px) { .wow-guide .a-layout { grid-template-columns:1fr; gap:16px; } .wow-guide .a-toc { position:static; max-height:none; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px 16px; } .wow-guide .a-toc b { grid-column:1/-1; } }
@media(max-width:520px) { .wow-guide .a-head { margin-top:12px; } .wow-guide .a-body { padding:20px 17px; border-radius:12px; } .wow-guide .a-toc { padding:15px; font-size:12px; } .wow-guide .a-body h2 { font-size:21px; } .wow-guide .wow-guide-cta { margin:25px 0; padding:17px; } .wow-guide .wow-guide-cta .btn { width:100%; } .wow-guide .a-hero { aspect-ratio:16/9; } .wow-guide .a-shop { padding:18px; } }