/* Relax public article design system — A46 / V233
   This file is loaded only by WeblogArticle.aspx. Every selector is additionally
   scoped to the public weblog article body so it cannot affect other pages. */

.css-scope-weblog .article-page .article-rich-body.article-content-a46{
  --article-ink:var(--ink,#24201d);
  --article-muted:var(--muted,#6b5d52);
  --article-brown:#5d3427;
  --article-brown-dark:#2d1e19;
  --article-orange:var(--terracotta,#c7633c);
  --article-orange-dark:var(--terracotta-2,#a94f30);
  --article-orange-soft:#ed9a6c;
  --article-peach:#fff0e5;
  --article-cream:#fff9f2;
  --article-ivory:#fffdf9;
  --article-line:rgba(91,52,39,.13);
  --article-shadow:0 18px 44px rgba(71,43,28,.075);
  display:block;
  width:100%;
  min-width:0;
  color:var(--article-ink);
  font-weight:400;
  line-height:2.05;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 *,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 *::before,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 *::after{box-sizing:border-box}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-smart{display:block;width:100%;min-width:0}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 p,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 li,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 td{
  color:var(--article-muted);
  font-weight:500;
  line-height:2.05;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 h2{
  margin:2.25rem 0 1rem;
  color:var(--article-ink);
  font-size:clamp(1.25rem,1.9vw,1.68rem);
  font-weight:780;
  line-height:1.68;
  letter-spacing:-.02em;
  text-wrap:balance;
  overflow-wrap:anywhere;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 h3{
  color:var(--article-ink);
  font-size:clamp(1.02rem,1.25vw,1.18rem);
  font-weight:700;
  line-height:1.78;
  overflow-wrap:anywhere;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 strong{font-weight:700;color:var(--article-ink)}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 a{
  color:var(--article-orange-dark);
  font-weight:600;
  text-underline-offset:4px;
  overflow-wrap:anywhere;
}

/* Bootstrap compatibility is intentionally restricted to the article body. */
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .row{
  width:100%;
  max-width:100%;
  margin-right:0!important;
  margin-left:0!important;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .row>:is([class~="col"],[class*="col-"]){min-width:0;box-sizing:border-box}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-layout-row-bridge{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  --bs-gutter-x:0;
  --bs-gutter-y:0;
}

/* Semantic section rhythm */
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-section{
  position:relative;
  isolation:isolate;
  margin:2rem 0;
  padding:clamp(1.2rem,3vw,2rem);
  overflow:hidden;
  border:1px solid var(--article-line);
  border-radius:30px;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-section::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:-85px;
  left:-85px;
  width:155px;
  height:155px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(199,99,60,.14),transparent 68%);
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-section-soft{background:linear-gradient(145deg,#fffdf9,#fff6ed)}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-section-accent{background:linear-gradient(145deg,#fff2e7,#fffaf5);border-color:rgba(199,99,60,.22);box-shadow:var(--article-shadow)}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-section-bordered{
  padding:.45rem 1.3rem .45rem 0;
  overflow:visible;
  border:0;
  border-right:4px solid rgba(199,99,60,.62);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-section-bordered::after{display:none}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-section-sequence-b.article-section-soft{background:linear-gradient(155deg,#fff8f1,#fff);border-color:rgba(199,99,60,.11);box-shadow:0 13px 34px rgba(71,43,28,.045)}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-section-sequence-c.article-section-accent{background:linear-gradient(155deg,#fff,#fff1e5);border-radius:24px 38px 24px 38px}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-section>h2:first-child{margin-top:0}

/* Editorial panels */
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-lead,.article-callout,.article-note,.article-definition,.article-summary-box,.article-checklist,.article-quote){
  display:block;
  margin:1.65rem 0;
  padding:1.2rem 1.35rem;
  border:1px solid var(--article-line);
  border-radius:24px;
  background:linear-gradient(145deg,var(--article-ivory),var(--article-cream));
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-lead{border-color:rgba(199,99,60,.2);box-shadow:var(--article-shadow)}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-callout,.article-note,.article-definition){border-right:4px solid var(--article-orange)}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-callout i{display:inline-grid;place-items:center;width:36px;height:36px;margin:0 0 .55rem .5rem;border-radius:12px;background:var(--article-peach);color:var(--article-orange)}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-summary-box{position:relative;background:linear-gradient(145deg,#fff3e8,#fff);box-shadow:0 14px 34px rgba(71,43,28,.055)}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-summary-box,.article-checklist)>h3:first-child{margin-top:0;color:var(--article-brown)}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-checklist ul{margin-bottom:0}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-quote{border-right:5px solid var(--article-orange-soft);color:var(--article-brown);font-style:normal}

/* Card and data families */
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-stat-grid,.article-mini-card-grid,.article-feature-grid,.article-scenario-grid,.article-keypoints){
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:1.75rem 0;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-stat-card,.article-mini-card,.article-feature-card,.article-scenario-card),
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-keypoints>div{
  position:relative;
  min-width:0;
  height:100%;
  padding:1.1rem;
  border:1px solid var(--article-line);
  border-radius:22px;
  background:linear-gradient(145deg,#fff,#fff8f2);
  box-shadow:0 12px 28px rgba(71,43,28,.045);
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-feature-card,.article-scenario-card)::after{
  content:"";
  position:absolute;
  right:18px;
  bottom:0;
  left:18px;
  height:3px;
  border-radius:3px 3px 0 0;
  background:linear-gradient(90deg,var(--article-orange),var(--article-orange-soft));
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-stat-card strong{display:block;color:var(--article-orange-dark);font-size:1.22rem;font-weight:750}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-mini-card,.article-feature-card) i{display:grid;place-items:center;width:38px;height:38px;margin-bottom:9px;border-radius:13px;background:var(--article-peach);color:var(--article-brown)}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-stat-card,.article-mini-card,.article-feature-card,.article-scenario-card,.article-keypoints>div) :is(p,span):last-child{margin-bottom:0}

/* Backend variants make repeated families visually distinct. */
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-feature-grid,.article-scenario-grid,.article-mini-card-grid,.article-keypoints).article-variant-b{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-feature-grid.article-variant-b .article-feature-card,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-scenario-grid.article-variant-b .article-scenario-card,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-mini-card-grid.article-variant-b .article-mini-card,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-keypoints.article-variant-b>div{
  padding:1rem 1.1rem;
  border:0;
  border-right:4px solid rgba(199,99,60,.56);
  border-radius:16px;
  background:linear-gradient(135deg,#fffaf5,#fff);
  box-shadow:none;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-feature-grid,.article-scenario-grid).article-variant-b :is(.article-feature-card,.article-scenario-card)::after{display:none}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-feature-grid,.article-scenario-grid,.article-mini-card-grid,.article-keypoints).article-variant-c{grid-template-columns:repeat(2,minmax(0,1fr))}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-feature-grid.article-variant-c>.article-feature-card:first-child,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-scenario-grid.article-variant-c>.article-scenario-card:first-child,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-mini-card-grid.article-variant-c>.article-mini-card:first-child,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-keypoints.article-variant-c>div:first-child{grid-column:1/-1;background:linear-gradient(135deg,#fff2e6,#fff);border-color:rgba(199,99,60,.2)}

/* Comparison and pros/cons */
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-comparison,.article-pros-cons){
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:1.75rem 0;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-comparison>div:not(.row),
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-pros,.article-cons){
  min-width:0;
  padding:1.2rem;
  border:1px solid var(--article-line);
  border-radius:24px;
  background:#fff;
  box-shadow:0 12px 28px rgba(71,43,28,.04);
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-pros{background:linear-gradient(145deg,#fff,#f4fbf6)}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cons{background:linear-gradient(145deg,#fff,#fff6ee)}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-comparison,.article-pros-cons) h3:first-child{margin-top:0}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-comparison,.article-pros-cons) ul:last-child{margin-bottom:0}

/* Critical A46 fix: a Bootstrap row inside a two-column component must span
   both parent tracks; its columns become equal component panels. */
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-comparison>.row,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-pros-cons>.row{
  grid-column:1/-1;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-comparison>.row>:is([class~="col"],[class*="col-"]),
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-pros-cons>.row>:is([class~="col"],[class*="col-"]){
  display:block;
  width:100%!important;
  max-width:none!important;
  min-width:0;
  flex:none!important;
  margin:0!important;
  padding:1.2rem!important;
  border:1px solid var(--article-line);
  border-radius:24px;
  background:#fff;
  box-shadow:0 12px 28px rgba(71,43,28,.04);
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-comparison>.row>:is([class~="col"],[class*="col-"]):first-child{background:linear-gradient(145deg,#fff,#fff8f2)}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-pros-cons>.row>:is([class~="col"],[class*="col-"]):first-child{background:linear-gradient(145deg,#fff,#f4fbf6)}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-pros-cons>.row>:is([class~="col"],[class*="col-"]):last-child{background:linear-gradient(145deg,#fff,#fff6ee)}
@supports selector(:has(*)){
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-pros-cons>.row>:is([class~="col"],[class*="col-"]):has(>.article-pros,>.article-cons){padding:0!important;border:0;background:transparent;box-shadow:none}
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-pros-cons>.row>:is([class~="col"],[class*="col-"])>:is(.article-pros,.article-cons){height:100%}
}

/* Steps and timeline */
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-steps,.article-timeline){position:relative;display:grid;gap:12px;margin:1.75rem 0}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-step,.article-timeline-item){
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:5px 14px;
  min-width:0;
  padding:1rem 1.1rem;
  border:0;
  border-right:3px solid rgba(199,99,60,.44);
  border-radius:16px;
  background:linear-gradient(135deg,#fffaf5,#fff);
  box-shadow:0 10px 26px rgba(71,43,28,.04);
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-step>strong:first-child{
  grid-row:1/span 3;
  min-width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,var(--article-orange),var(--article-orange-soft));
  color:#fff;
  font-weight:750;
  box-shadow:0 8px 18px rgba(199,99,60,.2);
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-step,.article-timeline-item)>:last-child{margin-bottom:0}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-steps.article-variant-b{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-steps.article-variant-b .article-step{border-right:0;border-top:3px solid rgba(199,99,60,.48);border-radius:18px;background:#fff}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-steps.article-variant-c .article-step{margin-right:18px;border-right:0;background:linear-gradient(135deg,#fff3e8,#fff)}

/* Grid/process compatibility bridge. The row becomes transparent to the
   semantic grid while each Bootstrap column safely wraps one documented item. */
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-stat-grid,.article-mini-card-grid,.article-feature-grid,.article-scenario-grid,.article-keypoints,.article-steps,.article-timeline)>.row{display:contents!important}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-stat-grid,.article-mini-card-grid,.article-feature-grid,.article-scenario-grid,.article-keypoints,.article-steps,.article-timeline)>.row>:is([class~="col"],[class*="col-"]){
  display:flex;
  flex-direction:column;
  width:auto!important;
  max-width:none!important;
  min-width:0;
  flex:none!important;
  margin:0!important;
  padding:0!important;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-stat-grid,.article-mini-card-grid,.article-feature-grid,.article-scenario-grid,.article-steps,.article-timeline)>.row>:is([class~="col"],[class*="col-"])>:only-child{width:100%;height:100%}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-keypoints>.row>:is([class~="col"],[class*="col-"]){padding:1.1rem!important;border:1px solid var(--article-line);border-radius:22px;background:linear-gradient(145deg,#fff,#fff8f2);box-shadow:0 12px 28px rgba(71,43,28,.045)}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-feature-grid,.article-scenario-grid,.article-mini-card-grid,.article-keypoints).article-variant-c>.row>:is([class~="col"],[class*="col-"]):first-child{grid-column:1/-1}

/* If a legacy response put row/col inside an ordinary article panel, convert
   it to a fluid internal grid instead of leaving a narrow Bootstrap column. */
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-section,.article-lead,.article-callout,.article-note,.article-definition,.article-summary-box,.article-checklist,.article-quote,.article-faq)>.row{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:14px;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-section,.article-lead,.article-callout,.article-note,.article-definition,.article-summary-box,.article-checklist,.article-quote,.article-faq)>.row>:is([class~="col"],[class*="col-"]){width:100%!important;max-width:none!important;min-width:0;flex:none!important;padding:0!important}

/* Tables */
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-table-shell{
  display:block;
  grid-column:1/-1;
  justify-self:stretch;
  width:100%;
  max-width:none!important;
  min-width:0;
  margin:1.9rem 0;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  border:1px solid rgba(91,52,39,.16);
  border-radius:26px;
  background:#fff;
  box-shadow:var(--article-shadow);
  scrollbar-color:#d98961 #fff3e8;
  scrollbar-width:thin;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-table-shell::-webkit-scrollbar{height:8px}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-table-shell::-webkit-scrollbar-track{background:#fff3e8}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-table-shell::-webkit-scrollbar-thumb{background:#d98961;border-radius:99px}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 table.article-table{
  display:table!important;
  width:100%!important;
  max-width:none!important;
  min-width:100%;
  margin:1.9rem 0!important;
  overflow:visible!important;
  border:1px solid rgba(91,52,39,.16)!important;
  border-collapse:separate;
  border-spacing:0;
  border-radius:24px!important;
  background:#fff;
  table-layout:auto;
  box-shadow:var(--article-shadow)!important;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-table-shell table.article-table{
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-table caption{padding:1rem 1.2rem;text-align:right;color:var(--article-brown);font-weight:700;background:#fff8f2}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-table th{
  padding:1rem 1.05rem;
  border:0;
  border-left:1px solid rgba(255,255,255,.16);
  background:linear-gradient(135deg,#713d2b,#b85635 62%,#d97249);
  color:#fff;
  font-weight:700;
  line-height:1.72;
  text-align:right;
  white-space:normal;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-table th:last-child{border-left:0}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-table td{padding:1rem 1.05rem;border:0;border-bottom:1px solid rgba(91,52,39,.1);vertical-align:top;text-align:right;overflow-wrap:anywhere}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-table tbody tr:nth-child(even) td{background:#fff8f2}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-table tbody tr:hover td{background:#fff0e5}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-table tbody tr:last-child td{border-bottom:0}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-table td:first-child{color:var(--article-brown);font-weight:650}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-comparison,.article-pros-cons,.article-feature-grid,.article-scenario-grid)>.article-table-shell{grid-column:1/-1;width:100%;max-width:none}
@supports selector(:has(*)){
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-comparison,.article-pros-cons,.article-feature-grid,.article-scenario-grid):has(>.article-table-shell){display:block;width:100%}
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-comparison,.article-pros-cons,.article-feature-grid,.article-scenario-grid)>div:has(>.article-table-shell){width:100%;max-width:none;padding:0;border:0;background:transparent;box-shadow:none}
}

/* Generated images */
.css-scope-weblog .article-page .article-rich-body.article-content-a46 figure.article-generated-image{
  width:min(100%,820px);
  max-width:820px;
  margin:2rem auto;
  padding:10px;
  overflow:hidden;
  border:1px solid var(--article-line);
  border-radius:28px;
  background:linear-gradient(145deg,#fff,#fff5ec);
  box-shadow:var(--article-shadow);
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 figure.article-generated-image img{display:block;width:100%;height:auto!important;border-radius:20px;object-fit:cover!important}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 figure.article-generated-image figcaption{margin:.75rem .35rem .2rem;color:var(--article-muted);font-size:.88rem;font-weight:500;text-align:center}

/* CTA: prose links stay textual; only the final direct conversion link is a button. */
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:.35rem 1.25rem;
  margin:2rem 0;
  padding:1.35rem 1.5rem;
  border:1px solid rgba(199,99,60,.2);
  border-radius:26px;
  background:linear-gradient(135deg,#fff2e6,#fff);
  box-shadow:var(--article-shadow);
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta>h3,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta>p{grid-column:1;margin:.15rem 0}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta-final{background:linear-gradient(135deg,#2b1c17,#5c3326);color:#fff;border-color:transparent}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta-final :is(h3,p){color:#fff}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta p a,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta .article-cta-inline-link{
  display:inline!important;
  width:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:var(--article-orange-dark)!important;
  text-decoration:underline!important;
  font-weight:600!important;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta-final p a{color:#ffd3bd!important}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta>.article-cta-action{
  grid-column:2;
  grid-row:1/span 3;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:46px;
  margin:0!important;
  padding:.72rem 1.05rem!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,var(--article-orange),#e98b5d)!important;
  box-shadow:0 10px 22px rgba(199,99,60,.2)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:700!important;
  white-space:nowrap;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta-final>.article-cta-action{background:linear-gradient(135deg,#e36f45,#f2a06e)!important}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta>.row{grid-column:1;display:grid!important;grid-template-columns:1fr;gap:.35rem;width:100%!important;max-width:none!important;margin:0!important}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta>.row>:is([class~="col"],[class*="col-"]){width:100%!important;max-width:none!important;min-width:0;flex:none!important;padding:0!important}

/* FAQ */
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-faq-accordion{margin:2rem 0;padding:1.1rem;border:1px solid var(--article-line);border-radius:28px;background:linear-gradient(145deg,#fffdf9,#fff5eb)}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-faq-accordion>h2{margin-top:0}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-faq-item{margin:.65rem 0;padding:0;border:1px solid var(--article-line);border-radius:18px;background:#fff;overflow:hidden}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;padding:1rem 1.1rem;color:var(--article-ink);font-size:1rem;font-weight:650}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-faq-item summary::-webkit-details-marker{display:none}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-faq-item summary::after{content:"+";display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:11px;background:var(--article-peach);color:var(--article-orange-dark);font-size:1.1rem;font-weight:700}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-faq-item[open] summary::after{content:"−"}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-faq-answer{padding:0 1.1rem 1rem}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-faq-answer>:last-child{margin-bottom:0}

@media (max-width:900px){
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-stat-grid,.article-mini-card-grid,.article-feature-grid,.article-scenario-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:680px){
  .css-scope-weblog .article-page .article-rich-body.article-content-a46{line-height:1.95}
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 h2{margin-top:1.9rem;font-size:1.28rem}
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-section{padding:1.05rem;border-radius:23px}
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-stat-grid,.article-mini-card-grid,.article-feature-grid,.article-scenario-grid,.article-keypoints,.article-comparison,.article-pros-cons,.article-steps.article-variant-b){grid-template-columns:1fr}
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-feature-grid,.article-scenario-grid,.article-mini-card-grid,.article-keypoints).article-variant-c>:first-child{grid-column:auto}
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-comparison>.row,
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-pros-cons>.row,
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-section,.article-lead,.article-callout,.article-note,.article-definition,.article-summary-box,.article-checklist,.article-quote,.article-faq)>.row{grid-template-columns:1fr}
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-comparison>.row>:is([class~="col"],[class*="col-"]),
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-pros-cons>.row>:is([class~="col"],[class*="col-"]){padding:1rem!important;border-radius:20px}
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-table-shell{margin:1.45rem 0;border-radius:20px}
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-table-shell .article-table{min-width:620px}
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-table{font-size:.9rem}
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-table :is(th,td){padding:.8rem .85rem}
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 figure.article-generated-image{width:100%;padding:7px;border-radius:21px;margin:1.5rem 0}
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 figure.article-generated-image img{border-radius:15px}
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta{grid-template-columns:1fr;padding:1.1rem;border-radius:21px}
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta>h3,
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta>p,
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta>.article-cta-action{grid-column:1;grid-row:auto}
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta>.article-cta-action{width:100%;margin-top:.65rem!important;white-space:normal;text-align:center}
}

@media (max-width:420px){
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-lead,.article-callout,.article-note,.article-definition,.article-summary-box,.article-checklist,.article-quote){padding:1rem;border-radius:20px}
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-stat-card,.article-mini-card,.article-feature-card,.article-scenario-card),
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-keypoints>div{padding:.95rem;border-radius:19px}
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-step,.article-timeline-item){grid-template-columns:1fr;padding:.95rem}
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-step>strong:first-child{grid-row:auto;width:36px;min-width:36px;height:36px}
}

/* ==========================================================================
   A47 ARTICLE LAYOUT STABILITY — 2026-08-08
   Presentation-only overrides. Semantic headings, links and indexable text stay intact.
   ========================================================================== */

/* Responsive card families follow the actual article column width instead of viewport width. */
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-feature-grid,.article-scenario-grid,.article-keypoints),
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-feature-grid,.article-scenario-grid,.article-keypoints).article-variant-a,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-feature-grid,.article-scenario-grid,.article-keypoints).article-variant-b,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-feature-grid,.article-scenario-grid,.article-keypoints).article-variant-c{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));
  gap:14px;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-feature-grid,.article-scenario-grid,.article-keypoints).article-variant-c>:first-child{
  grid-column:auto;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-feature-card,.article-scenario-card),
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-keypoints>div{
  overflow-wrap:anywhere;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-feature-card,.article-scenario-card) h3,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-keypoints>div>strong:first-child{
  line-height:1.65;
}

.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-mini-card-grid,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-mini-card-grid.article-variant-a,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-mini-card-grid.article-variant-b,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-mini-card-grid.article-variant-c{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-stat-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));
}

/* Ordinary section content is prose. A stray legacy Bootstrap row no longer invents columns. */
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-section,.article-lead,.article-callout,.article-note,.article-definition,.article-summary-box,.article-checklist,.article-quote,.article-faq)>.row{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-section,.article-lead,.article-callout,.article-note,.article-definition,.article-summary-box,.article-checklist,.article-quote,.article-faq)>.row>:is([class~="col"],[class*="col-"]){
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 .9rem!important;
  padding:0!important;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-section,.article-lead,.article-callout,.article-note,.article-definition,.article-summary-box,.article-checklist,.article-quote,.article-faq)>.row>:is([class~="col"],[class*="col-"]):last-child{margin-bottom:0!important}

/* Steps are a stable vertical process; occurrence variants never change the geometry. */
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-steps,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-steps.article-variant-a,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-steps.article-variant-b,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-steps.article-variant-c{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin:1.75rem 0;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-step,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-steps.article-variant-b .article-step,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-steps.article-variant-c .article-step{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  align-items:start;
  gap:0 14px;
  margin:0;
  padding:1rem 1.05rem;
  border:1px solid rgba(91,52,39,.12);
  border-right:1px solid rgba(91,52,39,.12);
  border-top:1px solid rgba(91,52,39,.12);
  border-radius:18px;
  background:linear-gradient(145deg,#fffdf9,#fff8f2);
  box-shadow:0 10px 24px rgba(71,43,28,.04);
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-step::before{
  content:"";
  position:absolute;
  top:14px;
  bottom:14px;
  right:4px;
  width:3px;
  border-radius:99px;
  background:linear-gradient(180deg,var(--article-orange),rgba(199,99,60,.16));
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-step>strong:first-child{
  position:relative;
  z-index:1;
  grid-column:1;
  grid-row:1;
  width:40px;
  min-width:40px;
  height:40px;
  margin:0;
  border:4px solid #fff8f2;
  border-radius:14px;
  background:linear-gradient(135deg,var(--article-orange-dark),var(--article-orange-soft));
  box-shadow:0 8px 18px rgba(199,99,60,.18);
  font-size:.95rem;
  line-height:1;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-step>:not(strong:first-child){
  grid-column:2;
  min-width:0;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-step>:is(div,span)>:first-child,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-step>h3:first-of-type,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-step>h4:first-of-type{
  margin-top:0;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-step>:last-child,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-step>:is(div,span)>:last-child{
  margin-bottom:0;
}

/* CTA DOM is explicit: only .article-cta-action is a button. Never style a:last-child as one. */
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta{
  grid-template-columns:minmax(0,1fr) minmax(150px,auto);
  gap:.5rem 1.25rem;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta>h3,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta>p,
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta>.article-cta-inline-link{
  grid-column:1;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta>a:not(.article-cta-action),
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta>.article-cta-inline-link{
  display:inline!important;
  justify-self:start;
  width:auto!important;
  min-height:0!important;
  margin:.15rem 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:var(--article-orange-dark)!important;
  text-decoration:underline!important;
  font-weight:600!important;
  white-space:normal!important;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta-final>a:not(.article-cta-action){color:#ffd3bd!important}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta>.article-cta-action{
  grid-column:2;
  grid-row:1/span 4;
  align-self:center;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:46px;
  max-width:260px;
  margin:0!important;
  padding:.72rem 1.05rem!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,var(--article-orange),#e98b5d)!important;
  box-shadow:0 10px 22px rgba(199,99,60,.2)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:700!important;
  white-space:normal;
  text-align:center;
}
.css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta-final>.article-cta-action{
  background:linear-gradient(135deg,#e36f45,#f2a06e)!important;
}

@media (max-width:760px){
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-feature-grid,.article-scenario-grid,.article-keypoints),
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-feature-grid,.article-scenario-grid,.article-keypoints).article-variant-a,
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-feature-grid,.article-scenario-grid,.article-keypoints).article-variant-b,
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 :is(.article-feature-grid,.article-scenario-grid,.article-keypoints).article-variant-c{grid-template-columns:1fr}
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta{grid-template-columns:1fr}
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta>h3,
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta>p,
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta>.article-cta-inline-link,
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta>.article-cta-action{grid-column:1;grid-row:auto}
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-cta>.article-cta-action{width:100%;max-width:none;margin-top:.65rem!important}
}

@media (max-width:420px){
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-step,
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-steps.article-variant-b .article-step,
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-steps.article-variant-c .article-step{
    grid-template-columns:38px minmax(0,1fr);
    gap:0 10px;
    padding:.9rem;
  }
  .css-scope-weblog .article-page .article-rich-body.article-content-a46 .article-step>strong:first-child{width:36px;min-width:36px;height:36px;border-width:3px;border-radius:12px}
}