:root{
  --wx-red:#ed1c24;
  --wx-red-dark:#c41119;
  --wx-ink:#1f2933;
  --wx-muted:#5a6573;
  --wx-faint:#8a93a0;
  --wx-line:#e3e6ea;
  --wx-surface:#ffffff;
  --wx-bg:#f7f8fa;
  --wx-red-wash:#fde9ea;
}
*{box-sizing:border-box;}
html,body{overflow-x:hidden;}
body.wx{
  background:var(--wx-bg);
  color:var(--wx-ink);
  font-family:'Lato','Helvetica Neue',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
img,svg,table,pre{max-width:100%;}
a{color:var(--wx-red);}
a:hover{color:var(--wx-red-dark);}

.wx-wrap{max-width:1060px;margin:0 auto;padding:0 20px;}

/* top bar */
.wx-top{background:var(--wx-surface);border-bottom:1px solid var(--wx-line);position:sticky;top:0;z-index:30;}
.wx-top .wx-wrap{display:flex;align-items:center;gap:22px;height:62px;}
.wx-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.12rem;color:var(--wx-ink);text-decoration:none;}
.wx-brand .wx-mark{width:30px;height:30px;border-radius:7px;}
.wx-nav{display:flex;gap:18px;margin-left:auto;flex-wrap:wrap;align-items:center;}
.wx-nav a{color:var(--wx-muted);text-decoration:none;font-weight:600;font-size:.95rem;padding:4px 2px;border-bottom:2px solid transparent;}
.wx-nav a:hover{color:var(--wx-ink);}
.wx-nav a.active{color:var(--wx-red);border-bottom-color:var(--wx-red);}
.wx-lang{font-size:.85rem;color:var(--wx-faint);display:flex;gap:6px;}
.wx-lang a{color:var(--wx-faint);text-decoration:none;}
.wx-lang a.active{color:var(--wx-ink);font-weight:700;}

/* hero split */
.wx-hero{background:var(--wx-surface);border-bottom:1px solid var(--wx-line);}
.wx-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:34px;align-items:center;padding:46px 0;}
.wx-hero h1{font-size:2.3rem;line-height:1.14;margin:0 0 14px;overflow-wrap:anywhere;}
.wx-eyebrow{display:inline-block;background:var(--wx-red-wash);color:var(--wx-red);font-weight:700;font-size:.74rem;letter-spacing:.07em;text-transform:uppercase;padding:5px 11px;border-radius:999px;margin-bottom:14px;}
.wx-lede{font-size:1.08rem;color:var(--wx-muted);line-height:1.6;margin:0 0 20px;}
.wx-hero-img{border-radius:14px;overflow:hidden;box-shadow:0 14px 36px rgba(31,41,51,.13);}
.wx-hero-img img{display:block;width:100%;height:auto;}

/* sections */
.wx-section{padding:40px 0;}
.wx-section h2{font-size:1.55rem;margin:0 0 6px;}
.wx-section h3{font-size:1.16rem;margin:26px 0 8px;}
.wx-sub{color:var(--wx-muted);margin:0 0 18px;}
.wx-prose p{line-height:1.68;color:#33404d;margin:0 0 14px;font-size:1.02rem;}
.wx-prose ul{line-height:1.65;color:#33404d;}
.wx-prose li{margin:6px 0;}

/* answer-first callout */
.wx-tldr{background:var(--wx-red-wash);border:1px solid #f6c9cc;border-left:4px solid var(--wx-red);border-radius:10px;padding:16px 18px;margin:0 0 26px;}
.wx-tldr strong{color:var(--wx-red-dark);}
.wx-tldr p{margin:0;color:#5c2326;line-height:1.6;}

/* segmented / tab guide */
.wx-tabs{background:var(--wx-surface);border:1px solid var(--wx-line);border-radius:14px;overflow:hidden;margin:8px 0 12px;}
.wx-tabmenu{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--wx-line);background:#fafbfc;}
.wx-tabmenu button{appearance:none;border:0;background:transparent;cursor:pointer;
  font-family:inherit;font-weight:700;font-size:.94rem;color:var(--wx-muted);
  padding:14px 18px;border-bottom:3px solid transparent;}
.wx-tabmenu button:hover{color:var(--wx-ink);}
.wx-tabmenu button[aria-selected="true"]{color:var(--wx-red);border-bottom-color:var(--wx-red);background:var(--wx-surface);}
.wx-tabpanel{padding:22px 22px 26px;display:none;}
.wx-tabpanel.is-active{display:block;}

/* definition list */
.wx-dl{margin:6px 0;border-top:1px solid var(--wx-line);}
.wx-dl > div{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:14px;padding:13px 0;border-bottom:1px solid var(--wx-line);}
.wx-dl dt{font-weight:700;color:var(--wx-ink);}
.wx-dl dd{margin:0;color:var(--wx-muted);line-height:1.55;}

/* table */
.wx-tablewrap{overflow-x:auto;border:1px solid var(--wx-line);border-radius:10px;}
table.wx-table{border-collapse:collapse;width:100%;background:var(--wx-surface);color:var(--wx-ink);font-size:.96rem;}
table.wx-table th,table.wx-table td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--wx-line);}
table.wx-table th{background:#fafbfc;font-weight:700;}
table.wx-table tr:last-child td{border-bottom:0;}

/* figure */
.wx-fig{background:var(--wx-surface);border:1px solid var(--wx-line);border-radius:12px;padding:14px;margin:20px 0;}
.wx-fig img{display:block;width:100%;height:auto;}
.wx-fig figcaption{color:var(--wx-faint);font-size:.85rem;margin-top:8px;}

/* note box */
.wx-note{background:#fff;border:1px solid var(--wx-line);border-left:4px solid var(--wx-faint);border-radius:10px;padding:14px 16px;color:var(--wx-muted);margin:18px 0;line-height:1.6;}

/* CTA */
.wx-cta{background:var(--wx-ink);color:#fff;border-radius:16px;padding:30px 28px;margin:36px 0;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;}
.wx-cta h3{color:#fff;margin:0 0 6px;font-size:1.3rem;}
.wx-cta p{color:#c9cfd6;margin:0;max-width:560px;line-height:1.55;}
.wx-btn{display:inline-flex;align-items:center;gap:8px;background:var(--wx-red);color:#fff;text-decoration:none;
  font-weight:700;padding:13px 22px;border-radius:10px;white-space:nowrap;}
.wx-btn:hover{background:var(--wx-red-dark);color:#fff;}

/* author */
.wx-author{display:flex;gap:14px;align-items:center;background:var(--wx-surface);border:1px solid var(--wx-line);border-radius:12px;padding:16px;margin:24px 0;}
.wx-author img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:0 0 auto;}
.wx-author .wx-aname{font-weight:700;}
.wx-author .wx-arole{color:var(--wx-faint);font-size:.9rem;}

/* footer */
.wx-foot{border-top:1px solid var(--wx-line);background:var(--wx-surface);margin-top:30px;}
.wx-foot .wx-wrap{padding:26px 20px;color:var(--wx-faint);font-size:.88rem;line-height:1.6;}
.wx-foot a{color:var(--wx-muted);}

/* FR body serif */
body.wx-fr .wx-prose p,body.wx-fr .wx-lede{font-family:Georgia,'Times New Roman',serif;}

@media (max-width:780px){
  .wx-hero-grid{grid-template-columns:minmax(0,1fr);gap:22px;padding:30px 0;}
  .wx-hero h1{font-size:1.85rem;}
  .wx-dl > div{grid-template-columns:minmax(0,1fr);gap:3px;}
  .wx-top .wx-wrap{height:auto;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;gap:10px 18px;}
  .wx-nav{margin-left:0;width:100%;gap:14px;}
  .wx-cta{flex-direction:column;align-items:flex-start;}
}

/* dark-mode guard: this is a deliberately LIGHT site — re-assert in case of OS dark pref */
@media (prefers-color-scheme:dark){
  body.wx{background:var(--wx-bg);color:var(--wx-ink);}
  .wx-top,.wx-hero,.wx-foot,.wx-tabs,.wx-fig,.wx-author,.wx-note{background:var(--wx-surface);}
  table.wx-table,table.wx-table th,table.wx-table td{background:var(--wx-surface);color:var(--wx-ink);}
  .wx-tabpanel{background:var(--wx-surface);}
  .wx-cta{background:var(--wx-ink);color:#fff;}
}
.wx-headcta{background:var(--wx-red);color:#fff!important;padding:7px 14px;border-radius:8px;font-weight:700;text-decoration:none;white-space:nowrap;border-bottom:none!important;}
.wx-headcta:hover{background:var(--wx-red-dark);color:#fff!important;}