/* All selectors stay inside this component; do not restyle theme or advertising. */
.ai-languages {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:1160px;margin:0 auto 16px;font:600 14px/1.5 system-ui,sans-serif;}
.ai-languages a {display:block;padding:8px 12px;border:1px solid #c7d8da;border-radius:20px;color:#095d55;background:#fff;text-decoration:none;}
.ai-languages a[aria-current] {background:#102a36;color:#fff;border-color:#102a36;}
.ai-languages a:focus-visible {outline:3px solid #086ee0;outline-offset:3px;}
.wc-ai[data-wc-ai] {
  --ai-ink: #132536;
  --ai-muted: #506172;
  --ai-line: #d7e2e5;
  --ai-paper: #ffffff;
  --ai-soft: #f3f7f7;
  --ai-navy: #102a36;
  --ai-teal: #09685f;
  --ai-lime: #d3f29b;
  max-width: 1160px;
  margin: 0 auto;
  color: var(--ai-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  overflow-wrap: anywhere;
  text-align: left;
}
.wc-ai[data-wc-ai], .wc-ai[data-wc-ai] *, .wc-ai[data-wc-ai] *::before, .wc-ai[data-wc-ai] *::after { box-sizing: border-box; }
.wc-ai[data-wc-ai] :where(h1, h2, h3, h4, p, ul, ol, dl, figure) { margin: 0; }
.wc-ai[data-wc-ai] :where(h1, h2, h3, h4) { color: inherit; font-weight: 750; line-height: 1.18; letter-spacing: -.025em; text-wrap: balance; text-align: left; }
.wc-ai[data-wc-ai] h1 { max-width: 20ch; font-size: clamp(2rem, 4vw, 3.5rem); }
.wc-ai[data-wc-ai] h2 { font-size: clamp(1.55rem, 2.7vw, 2.15rem); }
.wc-ai[data-wc-ai] h3 { font-size: clamp(1.2rem, 2vw, 1.45rem); }
.wc-ai[data-wc-ai] h4 { font-size: 1.125rem; }
.wc-ai[data-wc-ai] p + p { margin-top: .8rem; }
.wc-ai[data-wc-ai] a { color: var(--ai-teal); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }
.wc-ai[data-wc-ai] a:hover { text-decoration-thickness: 2px; }
.wc-ai[data-wc-ai] :where(a, button, input, select, summary):focus-visible { outline: 3px solid #b25800; outline-offset: 4px; }
.wc-ai[data-wc-ai] :where(h3, [data-ai-status]):focus { outline: 2px solid var(--ai-teal); outline-offset: 5px; }
.wc-ai[data-wc-ai] button, .wc-ai[data-wc-ai] input, .wc-ai[data-wc-ai] select { font: inherit; }
.wc-ai[data-wc-ai] :where(ul, ol) { padding-left: 1.3rem; }
.wc-ai[data-wc-ai] li + li { margin-top: .5rem; }
.wc-ai[data-wc-ai] .ai-hero { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.1rem; padding: clamp(1.35rem, 4vw, 3.2rem); border: 1px solid #274451; border-radius: 22px; color: #ffffff; background: var(--ai-navy); position: relative; isolation: isolate; overflow: hidden; }
.wc-ai[data-wc-ai] .ai-hero::after { content: ""; position: absolute; z-index: -1; width: 250px; height: 250px; right: -150px; top: -120px; border: 1px solid #477665; border-radius: 50%; box-shadow: 0 0 0 45px rgb(211 242 155 / 4%), 0 0 0 90px rgb(211 242 155 / 3%); pointer-events: none; }
.wc-ai[data-wc-ai] .ai-hero a { color: var(--ai-lime); }
.wc-ai[data-wc-ai] .ai-eyebrow { color: var(--ai-teal); font-size: .75rem; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.wc-ai[data-wc-ai] .ai-hero .ai-eyebrow { color: var(--ai-lime); }
.wc-ai[data-wc-ai] .ai-lead { max-width: 69ch; font-size: clamp(1.03rem, 1.6vw, 1.2rem); line-height: 1.6; color: var(--ai-muted); }
.wc-ai[data-wc-ai] .ai-hero .ai-lead { color: #dfebed; }
.wc-ai[data-wc-ai] .ai-hero .ai-meta { color: #c5d5da; }
.wc-ai[data-wc-ai] .ai-nav { display: flex; flex-wrap: wrap; gap: .45rem; margin: 1.2rem 0 2.5rem; padding: .4rem; background: var(--ai-soft); border: 1px solid var(--ai-line); border-radius: 13px; }
.wc-ai[data-wc-ai] .ai-nav a { display: flex; align-items: center; min-height: 44px; max-width: 100%; padding: .55rem .8rem; border-radius: 8px; color: var(--ai-ink); font-size: .88rem; font-weight: 650; text-decoration: none; line-height: 1.4; }
.wc-ai[data-wc-ai] .ai-nav a:hover { background: #e3ecec; }
.wc-ai[data-wc-ai] .ai-nav a[aria-current="page"] { background: var(--ai-paper); color: var(--ai-teal); box-shadow: 0 1px 4px rgb(19 37 54 / 12%); }
.wc-ai[data-wc-ai] .ai-section { margin-top: clamp(2rem, 4vw, 3.25rem); }
.wc-ai[data-wc-ai] .ai-section > :where(h2, h3) { margin-bottom: 1rem; }
.wc-ai[data-wc-ai] .ai-section > p { max-width: 80ch; margin-bottom: 1.25rem; }
.wc-ai[data-wc-ai] .ai-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; align-items: stretch; }
.wc-ai[data-wc-ai] .ai-grid > * { min-width: 0; }
.wc-ai[data-wc-ai] .ai-card { display: flex; flex-direction: column; align-items: flex-start; gap: .75rem; min-width: 0; padding: clamp(1.15rem, 2.5vw, 1.7rem); border: 1px solid var(--ai-line); border-radius: 15px; background: var(--ai-paper); box-shadow: 0 3px 15px rgb(19 37 54 / 3%); }
.wc-ai[data-wc-ai] .ai-card p + p { margin-top: 0; }
.wc-ai[data-wc-ai] .ai-card > .ai-actions:last-child { margin-top: auto; padding-top: .35rem; }
.wc-ai[data-wc-ai] .ai-card--dark { color: white; border-color: var(--ai-navy); background: var(--ai-navy); }
.wc-ai[data-wc-ai] .ai-card--dark :where(a, .ai-kicker) { color: var(--ai-lime); }
.wc-ai[data-wc-ai] .ai-card--dark .ai-meta { color: #c5d5da; }
.wc-ai[data-wc-ai] .ai-card--dark .ai-help { color: #c5d5da; }
.wc-ai[data-wc-ai] .ai-card--accent { background: #f1f7e8; border-color: #cbdcb5; }
.wc-ai[data-wc-ai] .ai-kicker { font-size: .74rem; line-height: 1.5; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; color: var(--ai-teal); }
.wc-ai[data-wc-ai] .ai-card--dark .ai-kicker { color: var(--ai-lime); }
.wc-ai[data-wc-ai] .ai-meta { color: var(--ai-muted); font-size: .82rem; line-height: 1.6; }
.wc-ai[data-wc-ai] .ai-badge { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .4rem; max-width: 100%; padding: .3rem .6rem; border: 1px solid #c7d7dc; border-radius: 6px; background: #eef3f5; color: #354c5a; font-size: .73rem; font-weight: 750; line-height: 1.4; }
.wc-ai[data-wc-ai] .ai-badge[data-state="verified"] { background: #e8f4ee; border-color: #b2d6c3; color: #146142; }
.wc-ai[data-wc-ai] .ai-badge[data-state="announced"] { background: #edf1fc; border-color: #c9d3ef; color: #374f91; }
.wc-ai[data-wc-ai] .ai-badge[data-state="stale"], .wc-ai[data-wc-ai] .ai-badge[data-state="expired"], .wc-ai[data-wc-ai] .ai-badge[data-state="localization-pending"] { background: #fff3e5; border-color: #e8c99b; color: #80500b; }
.wc-ai[data-wc-ai] .ai-actions { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; }
.wc-ai[data-wc-ai] .ai-button { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-height: 46px; max-width: 100%; padding: .7rem 1.1rem; border: 1px solid var(--ai-teal); border-radius: 8px; background: var(--ai-teal); color: white; cursor: pointer; font-size: .93rem; font-weight: 700; line-height: 1.35; text-align: center; text-decoration: none; white-space: normal; }
.wc-ai[data-wc-ai] .ai-button:hover { background: #06554e; color: white; }
.wc-ai[data-wc-ai] .ai-hero .ai-button { border-color: var(--ai-lime); background: var(--ai-lime); color: var(--ai-navy); }
.wc-ai[data-wc-ai] button[type="reset"], .wc-ai[data-wc-ai] .ai-button--secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: .7rem 1.1rem; border: 1px solid #9eb7b5; border-radius: 8px; color: var(--ai-teal); background: transparent; font-size: .93rem; font-weight: 700; line-height: 1.35; cursor: pointer; }
.wc-ai[data-wc-ai] button[type="reset"]:hover, .wc-ai[data-wc-ai] .ai-button--secondary:hover { background: #e7f0ef; }
.wc-ai[data-wc-ai] .ai-notice { padding: 1rem 1.15rem; border: 1px solid var(--ai-line); border-left: 4px solid var(--ai-teal); border-radius: 0 10px 10px 0; background: var(--ai-soft); font-size: .94rem; }
.wc-ai[data-wc-ai] .ai-notice + .ai-notice { margin-top: .75rem; }
.wc-ai[data-wc-ai] > .ai-notice { margin-top: 2rem; }
.wc-ai[data-wc-ai] .ai-notice h4 { margin-bottom: .6rem; }
.wc-ai[data-wc-ai] .ai-table-wrap { max-width: 100%; overflow-x: auto; border: 1px solid var(--ai-line); border-radius: 12px; margin-top: 1rem; scrollbar-color: #77938e #edf3f1; }
.wc-ai[data-wc-ai] .ai-table-wrap table { width: 100%; min-width: 650px; margin: 0; border: 0; border-collapse: collapse; font-size: .9rem; line-height: 1.6; table-layout: auto; }
.wc-ai[data-wc-ai] .ai-table-wrap caption { padding: .8rem 1rem; text-align: left; font-weight: 650; background: var(--ai-soft); color: var(--ai-muted); }
.wc-ai[data-wc-ai] .ai-table-wrap th, .wc-ai[data-wc-ai] .ai-table-wrap td { padding: .95rem 1rem; text-align: left; vertical-align: top; border: 0; border-bottom: 1px solid var(--ai-line); white-space: normal; }
.wc-ai[data-wc-ai] .ai-table-wrap thead th { background: var(--ai-soft); color: var(--ai-ink); font-size: .78rem; }
.wc-ai[data-wc-ai] .ai-table-wrap tbody th { width: 19%; font-weight: 700; }
.wc-ai[data-wc-ai] .ai-table-wrap tr:last-child :where(td, th) { border-bottom: 0; }
.wc-ai[data-wc-ai] .ai-table-wrap td > * + * { margin-top: .55rem; }
.wc-ai[data-wc-ai] .ai-sources { border-top: 1px solid var(--ai-line); margin-top: 2rem; padding-top: 1.25rem; font-size: .83rem; color: var(--ai-muted); }
.wc-ai[data-wc-ai] .ai-sources li { padding-left: .2rem; }
.wc-ai[data-wc-ai] .ai-sources :where(h2, h3) { font-size: 1.1rem; color: var(--ai-ink); margin-bottom: .85rem; }
.wc-ai[data-wc-ai] .ai-source-link { font-size: .85rem; }
.wc-ai[data-wc-ai] .ai-checker { padding: clamp(1.1rem, 3vw, 2rem); border: 1px solid #abc8bf; border-radius: 16px; background: #f5f9f6; }
.wc-ai[data-wc-ai] .ai-checker-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.35rem 1.25rem; margin: 1.4rem 0; }
.wc-ai[data-wc-ai] .ai-field { min-width: 0; }
.wc-ai[data-wc-ai] .ai-field label { display: block; margin-bottom: .45rem; font-size: .91rem; font-weight: 700; line-height: 1.4; }
.wc-ai[data-wc-ai] .ai-field :where(input, select) { width: 100%; min-width: 0; max-width: 100%; height: auto; min-height: 48px; padding: .65rem .75rem; border: 1px solid #96aba8; border-radius: 7px; background: white; color: var(--ai-ink); line-height: 1.4; box-shadow: none; }
.wc-ai[data-wc-ai] .ai-field select { padding-right: 2rem; text-overflow: ellipsis; }
.wc-ai[data-wc-ai] .ai-field [aria-invalid="true"] { border-color: #a73326; }
.wc-ai[data-wc-ai] .ai-field input:disabled { color: #647371; background: #e9eeec; border-color: #c0cdca; cursor: not-allowed; }
.wc-ai[data-wc-ai] .ai-help { color: var(--ai-muted); font-size: .86rem; line-height: 1.65; }
.wc-ai[data-wc-ai] .ai-field .ai-help { margin-top: .4rem; }
.wc-ai[data-wc-ai] [data-ai-status] { margin-top: 1rem; font-size: .92rem; font-weight: 650; }
.wc-ai[data-wc-ai] [data-ai-status]:empty { margin: 0; }
.wc-ai[data-wc-ai] .ai-result:not(:empty) { padding-top: 2rem; margin-top: 2rem; border-top: 1px solid var(--ai-line); }
.wc-ai[data-wc-ai] .ai-result-heading { margin-bottom: 1rem; }
.wc-ai[data-wc-ai] .ai-result-list, .wc-ai[data-wc-ai] .ai-existing-plan { margin-top: 1.25rem; }
.wc-ai[data-wc-ai] .ai-price { font-size: 1.12rem; font-weight: 750; color: var(--ai-teal); }
.wc-ai[data-wc-ai] .ai-empty { padding: 1.2rem; margin-top: 1.25rem; border: 1px dashed #9badad; border-radius: 10px; background: var(--ai-paper); }
.wc-ai[data-wc-ai] .ai-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem 1.3rem; width: 100%; }
.wc-ai[data-wc-ai] .ai-facts > div { min-width: 0; padding: .7rem 0; border-bottom: 1px solid var(--ai-line); }
.wc-ai[data-wc-ai] .ai-facts dt { margin-bottom: .3rem; font-size: .74rem; color: var(--ai-muted); font-weight: 650; }
.wc-ai[data-wc-ai] .ai-facts dd { margin: 0; font-size: .9rem; }
.wc-ai[data-wc-ai] .ai-steps { padding-left: 1.5rem; }
.wc-ai[data-wc-ai] .ai-steps li { padding-left: .35rem; margin-top: .85rem; }
.wc-ai[data-wc-ai] .ai-steps li::marker { color: var(--ai-teal); font-weight: 800; }
.wc-ai[data-wc-ai] .ai-disclosure { padding: 1rem 0; border-bottom: 1px solid var(--ai-line); }
.wc-ai[data-wc-ai] .ai-disclosure summary { cursor: pointer; font-weight: 700; padding: .2rem 0; }
.wc-ai[data-wc-ai] .ai-disclosure[open] summary { margin-bottom: .8rem; }
.wc-ai[data-wc-ai] .ai-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.wc-ai[data-wc-ai] .ai-skip-link { position: absolute; top: -9999px; left: 0; z-index: 5; padding: .8rem 1rem; background: white; }
.wc-ai[data-wc-ai] .ai-skip-link:focus { position: relative; top: auto; display: inline-block; }
@media (min-width: 960px) {
  .wc-ai[data-wc-ai] .ai-grid:has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  body.wc-ai-page .inside-article { padding-left: 16px !important; padding-right: 16px !important; }
}
@media (max-width: 640px) {
  .wc-ai[data-wc-ai] { font-size: 15px; }
  .wc-ai[data-wc-ai] .ai-hero { border-radius: 15px; }
  .wc-ai[data-wc-ai] .ai-grid, .wc-ai[data-wc-ai] .ai-checker-grid, .wc-ai[data-wc-ai] .ai-facts { grid-template-columns: minmax(0, 1fr); }
  .wc-ai[data-wc-ai] .ai-nav { gap: .3rem; margin-bottom: 2rem; }
  .wc-ai[data-wc-ai] .ai-nav a { flex: 1 1 42%; padding: .6rem; font-size: .8rem; }
  .wc-ai[data-wc-ai] .ai-card { gap: .7rem; }
  .wc-ai[data-wc-ai] .ai-table-wrap th, .wc-ai[data-wc-ai] .ai-table-wrap td { padding: .8rem; }
}
@media (prefers-reduced-motion: reduce) {
  .wc-ai[data-wc-ai] *, .wc-ai[data-wc-ai] *::before, .wc-ai[data-wc-ai] *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}
@media print {
  .wc-ai[data-wc-ai] .ai-hero, .wc-ai[data-wc-ai] .ai-card--dark { background: white; color: black; border: 1px solid #888; }
  .wc-ai[data-wc-ai] .ai-hero :where(.ai-eyebrow, .ai-lead, .ai-meta, a), .wc-ai[data-wc-ai] .ai-card--dark :where(a, .ai-kicker, .ai-meta) { color: black; }
  .wc-ai[data-wc-ai] .ai-nav, .wc-ai[data-wc-ai] form .ai-actions { display: none; }
  .wc-ai[data-wc-ai] .ai-table-wrap { overflow: visible; }
  .wc-ai[data-wc-ai] .ai-table-wrap table { min-width: 0; font-size: 9pt; }
  .wc-ai[data-wc-ai] .ai-card { break-inside: avoid; box-shadow: none; }
}
