/*
 * Signisys: ready-to-paste content components (the article HTML contract).
 *
 * Loaded on blog articles, encyclopedia terms and the careers pages (job
 * descriptions, FAQ, timeline), before the page layout (inc/assets.php),
 * so a layout can adjust a component in its own context.
 * These class names are used in stored post content, so they are frozen:
 * add new classes or modifiers, never rename or remove one.
 *
 * Components: Info Box (info-box), Warning Box (warning-box), Tip Box
 * (tip-box), Key Takeaway (key-takeaway), Big Stat (big-stat), Update Notice
 * (update-notice), Stat Strip (stat-strip, stat-card), Comparison Table
 * (table-scroll, comp-table, td-label, badge-yes/-no/-part), Pros and Cons
 * (proscons-grid, proscons-col, proscons-item), Threat / Feature Cards
 * (threat-grid, threat-card), Steps (steps, step), Timeline (timeline,
 * tl-item), Section Divider (sec-divider), Article CTA (article-cta), FAQ
 * Accordion (faq-section, faq-item, faq-q, faq-a; behaviour in main.js),
 * and the article body itself (.article: headings, paragraphs, lists,
 * quotes, code, kbd, mark, figures, rules).
 */

/* Article body, FAQ and timeline (shared by careers and articles). */
.sg-live .related__head{font-size:var(--wp--preset--font-size--medium);font-weight:var(--wp--custom--font-weight--semibold);color:var(--wp--preset--color--ink);margin-bottom:clamp(20px,2.5vw,32px);display:flex;align-items:center;gap:12px}
.sg-live .related__head::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--wp--preset--color--line),transparent)}
.sg-live .faq-item{background:var(--wp--preset--color--surface)}

.sg-live .faq-q{font-size:var(--wp--preset--font-size--body-small);font-weight:var(--wp--custom--font-weight--semibold);color:var(--wp--preset--color--ink);line-height:1.4}

.sg-live .faq-a{max-height:0;overflow:hidden}

@media(max-width:768px){.sg-live .faq-q{padding:14px 16px}}
.sg-live .article{min-width:0}
.sg-live .article h2{font-size:var(--wp--custom--article-type--section-heading);font-weight:var(--wp--custom--font-weight--regular);color:var(--wp--preset--color--ink);margin:clamp(36px,4vw,48px) 0 16px;padding-top:6px;position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:12px;scroll-margin-top:calc(96px + var(--sg-nbar-h));letter-spacing:-0.015em;line-height:1.25}
.sg-live .article h2::after{content:'';flex:1;min-width:60px;height:1px;background:linear-gradient(90deg,var(--wp--preset--color--line),transparent)}
.sg-live .article h3{font-size:var(--wp--custom--article-type--sub-heading);font-weight:var(--wp--custom--font-weight--regular);color:var(--wp--preset--color--ink);margin:clamp(28px,3vw,32px) 0 12px;scroll-margin-top:calc(96px + var(--sg-nbar-h));letter-spacing:-0.01em;line-height:1.3}
.sg-live .article h4{font-size:var(--wp--custom--article-type--minor-heading);font-weight:var(--wp--custom--font-weight--regular);color:var(--wp--preset--color--ink);margin:28px 0 8px;scroll-margin-top:calc(96px + var(--sg-nbar-h));letter-spacing:-0.01em;line-height:1.35}
.sg-live .article h5{font-size:var(--wp--custom--article-type--small-heading);font-weight:var(--wp--custom--font-weight--semibold);color:var(--wp--preset--color--ink);margin:24px 0 8px;scroll-margin-top:calc(96px + var(--sg-nbar-h));letter-spacing:0;line-height:1.4}
.sg-live .article h6{font-size:var(--wp--preset--font-size--small);font-weight:var(--wp--custom--font-weight--semibold);color:var(--wp--preset--color--muted);margin:24px 0 8px;scroll-margin-top:calc(96px + var(--sg-nbar-h));letter-spacing:.08em;line-height:1.4;text-transform:uppercase}
.sg-live .article p{font-size:var(--wp--custom--article-type--body);color:var(--wp--preset--color--ink);line-height:1.75;margin-bottom:20px;font-weight:var(--wp--custom--font-weight--regular)}
.sg-live .article p:empty,.sg-live .article p:has(>br:only-child),.sg-live .article p:has(>:empty:only-child){display:none;margin:0;padding:0}
/* Article type scale (enterprise reading; theme.json custom.articleType): body 17-18px regular at 1.75; H2 28-36px, H3 22-28px, H4 20-22px (all regular); H5 18px semibold; H6 14px semibold small caps label. Links in running text are brand-colored without an underline (3.3:1 against the ink text, so color alone meets WCAG 1.4.1) and underline on hover and keyboard focus (job posts keep their own link style). */
.sg-live .article:not(.job-content) :is(p,li,td,blockquote,figcaption) a:not([class]){color:var(--wp--preset--color--primary);font-weight:inherit;text-decoration:none;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .2s}
.sg-live .article:not(.job-content) :is(p,li,td,blockquote,figcaption) a:not([class]):is(:hover,:focus-visible){color:var(--wp--preset--color--primary-dark);text-decoration:underline}
.sg-live .article strong{font-weight:var(--wp--custom--font-weight--semibold);color:var(--wp--preset--color--ink)}
.sg-live .article ul,.sg-live .article ol{padding-left:0;margin:0 0 20px;display:flex;flex-direction:column;gap:14px;list-style:none}
.sg-live .article li{font-size:var(--wp--custom--article-type--body);color:var(--wp--preset--color--ink);line-height:1.7;font-weight:var(--wp--custom--font-weight--regular);position:relative;padding-left:18px;min-width:0;overflow-wrap:anywhere}
.sg-live .article li::before{content:'';position:absolute;left:0;top:calc(.85em - 3px);width:6px;height:6px;border-radius:50%;background:var(--wp--preset--color--action)}
.sg-live .article li strong{color:var(--wp--preset--color--ink);font-weight:var(--wp--custom--font-weight--semibold)}
.sg-live .article li>strong:first-child{display:block;margin-bottom:2px;font-size:inherit}
.sg-live .article ol{counter-reset:list-counter}
.sg-live .article ol li{padding-left:32px}
.sg-live .article ol li::before{counter-increment:list-counter;content:counter(list-counter);position:absolute;left:0;top:4px;width:22px;height:22px;background:var(--sg-gradient);border-radius:50%;font-size:var(--wp--preset--font-size--small);font-weight:var(--wp--custom--font-weight--semibold);color:var(--wp--preset--color--base);display:flex;align-items:center;justify-content:center}
.sg-live .article ol li>strong:first-child{display:block;margin-bottom:2px}
.sg-live .article blockquote{margin:28px 0;padding:2px 0 2px 20px;border-left:3px solid var(--wp--preset--color--action);border-radius:0;background:none}
.sg-live .article blockquote p{margin:0;font-size:var(--wp--custom--article-type--quote);font-style:italic;color:var(--wp--preset--color--ink);font-weight:var(--wp--custom--font-weight--regular);line-height:1.55}
.sg-live .article blockquote cite{font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--muted);font-style:normal;margin-top:8px;display:block}
.sg-live .faq-item{border:1px solid var(--wp--preset--color--line);border-radius:12px;margin-bottom:8px;overflow:hidden;transition:border-color .2s}
.sg-live .faq-item:hover{border-color:var(--sg-tint-sm)}
.sg-live .faq-item.open{background:var(--wp--preset--color--base);box-shadow:0 4px 16px var(--sg-ink-xs);border-color:var(--wp--preset--color--action)}
.sg-live .faq-q{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;cursor:pointer;user-select:none;background:var(--wp--preset--color--base);border:none;width:100%;text-align:left;transition:background .2s}
.sg-live .faq-item.open .faq-q{color:var(--wp--preset--color--action);background:var(--sg-tint-xs)}
.sg-live .faq-q:focus-visible{outline:2px solid var(--wp--preset--color--action);outline-offset:-2px}
.sg-live .faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--sg-ease)}
.sg-live .faq-item.open .faq-a{max-height:300px;grid-template-rows:1fr}
.sg-live .timeline{position:relative;padding-left:28px;margin:24px 0}
.sg-live .timeline::before{content:'';position:absolute;left:8px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--wp--preset--color--action),var(--sg-tint-sm))}
.sg-live .article pre{background:var(--wp--preset--color--ink);border-radius:12px;padding:20px 24px;margin:24px 0;position:relative}
.sg-live .article pre::after{content:'CODE';position:absolute;top:10px;right:14px;font-size:var(--wp--preset--font-size--x-small);font-weight:var(--wp--custom--font-weight--semibold);letter-spacing:0.12em;color:var(--sg-on-dark-faint);text-transform:uppercase;pointer-events:none}
.sg-live .article pre code{display:block;overflow-x:auto;font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--small);line-height:1.7;white-space:pre}
.sg-live .article code{font-family:var(--wp--preset--font-family--mono);font-size:.9em;background:var(--sg-tint-xs);border:1px solid var(--sg-tint-sm);border-radius:5px;padding:2px 6px;color:var(--wp--preset--color--primary-dark);font-weight:var(--wp--custom--font-weight--semibold);overflow-wrap:anywhere}
.sg-live .article pre code{background:none;border:none;padding:0;color:rgb(255 255 255 / 0.9);font-weight:var(--wp--custom--font-weight--regular)}
.sg-live .article figure{margin:28px 0;border-radius:14px;overflow:hidden;border:1px solid var(--wp--preset--color--line)}
.sg-live .article figure img{width:100%;height:auto;display:block}
.sg-live .article figcaption{padding:12px 18px;font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--muted);font-weight:var(--wp--custom--font-weight--regular);line-height:1.5;background:var(--wp--preset--color--surface);border-top:1px solid var(--wp--preset--color--line);text-align:center}
.sg-live .article li ul,.sg-live .article li ol{margin-top:8px;margin-bottom:0;gap:8px;width:100%;padding-left:4px}
.sg-live .article li li{font-size:inherit}
.sg-live .article li li::before{width:5px;height:5px;margin-top:0;top:calc(.85em - 2.5px)}
.sg-live .article hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--wp--preset--color--line),transparent);margin:32px 0}
.sg-live .article kbd{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--small);font-weight:var(--wp--custom--font-weight--semibold);display:inline-block;padding:2px 8px;border-radius:5px;background:linear-gradient(180deg,var(--wp--preset--color--base),var(--wp--preset--color--surface));border:1px solid var(--wp--preset--color--line);border-bottom-width:2px;color:var(--wp--preset--color--ink);box-shadow:0 1px 0 var(--sg-ink-xs);line-height:1.4;white-space:nowrap;vertical-align:baseline}
.sg-live .article mark{background:linear-gradient(180deg,transparent 55%,color-mix(in srgb, var(--wp--custom--accent--gold) 32%, transparent) 55%);color:var(--wp--preset--color--ink);padding:0 2px;border-radius:2px;font-weight:var(--wp--custom--font-weight--regular)}

/* Article components (blog and encyclopedia). */
.sg-live{--sg-ok-ink:color-mix(in srgb,var(--sg-success) 65%,var(--wp--preset--color--ink));--sg-part-ink:color-mix(in srgb,var(--wp--custom--accent--amber) 60%,var(--wp--preset--color--ink));--sg-ok-tint:color-mix(in srgb,var(--sg-success) 10%,transparent);--sg-bad-tint:color-mix(in srgb,var(--sg-error) 8%,transparent);--sg-part-tint:color-mix(in srgb,var(--wp--custom--accent--amber) 12%,transparent)}

.sg-live .art-wrap>.article{order:1}
.sg-live .article>p+.article-cta,.sg-live .article>p+.info-box,.sg-live .article>p+.stat-strip,.sg-live .article>p+.threat-grid,.sg-live .article>p+.timeline,.sg-live .article>p+.comp-table,.sg-live .article>p+.faq-section,.sg-live .article>p+.sec-divider{margin-top:0}
.sg-live .article-cta+p:empty,.sg-live .info-box+p:empty,.sg-live .stat-strip+p:empty,.sg-live .threat-grid+p:empty,.sg-live .timeline+p:empty,.sg-live .comp-table+p:empty,.sg-live .faq-section+p:empty,.sg-live .sec-divider+p:empty{display:none}
.sg-live .info-box{position:relative;margin:28px 0;padding:16px 20px;border:0;border-left:3px solid var(--wp--preset--color--action);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--wp--preset--color--action) 5%,transparent);overflow:visible;box-shadow:none}
.sg-live .info-box__head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.sg-live .info-box__icon{width:18px;height:18px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.sg-live .info-box__icon svg{width:16px;height:16px;color:var(--wp--preset--color--action)}
.sg-live .info-box__title{font-size:var(--wp--preset--font-size--medium);font-weight:var(--wp--custom--font-weight--semibold);line-height:1.4;color:var(--wp--preset--color--primary-dark)}
.sg-live .info-box p{font-size:var(--wp--preset--font-size--medium);font-weight:var(--wp--custom--font-weight--semilight);line-height:1.647;color:var(--wp--preset--color--ink);margin:0}
.sg-live .stat-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:28px 0;padding:16px 0;border-top:1px solid var(--wp--preset--color--line);border-bottom:1px solid var(--wp--preset--color--line)}
.sg-live .stat-card{position:static;padding:4px 20px;border:0;border-left:1px solid var(--wp--preset--color--line);border-radius:0;background:none;text-align:center;box-shadow:none;transition:none}
.sg-live .stat-card__val{font-size:clamp(1.5rem,1.3rem + .8vw,1.875rem);font-weight:var(--wp--custom--font-weight--semibold);color:var(--wp--preset--color--ink);line-height:1.1;margin-bottom:6px;letter-spacing:-0.02em}
.sg-live .stat-card__val span{color:var(--wp--preset--color--action)}
.sg-live .stat-card__lbl{font-size:var(--wp--preset--font-size--body-small);color:var(--wp--preset--color--muted);font-weight:var(--wp--custom--font-weight--regular);line-height:1.45}
.sg-live .comp-table{width:100%;border-collapse:collapse;margin:24px 0;border-radius:14px;overflow:hidden;border:1px solid var(--wp--preset--color--line)}
.sg-live .comp-table th{background:var(--wp--preset--color--surface);color:var(--wp--preset--color--ink);padding:12px 14px;font-size:var(--wp--preset--font-size--label);font-weight:var(--wp--custom--font-weight--semibold);text-align:left;letter-spacing:.02em;line-height:1.35;border-bottom:2px solid var(--wp--preset--color--line)}
.sg-live .comp-table th:first-child{background:var(--wp--preset--color--surface)}
.sg-live .comp-table td{padding:12px 14px;font-size:var(--wp--preset--font-size--body-small);color:var(--wp--preset--color--ink);border-top:1px solid var(--wp--preset--color--line);vertical-align:top;line-height:1.55;font-weight:var(--wp--custom--font-weight--regular);background:var(--wp--preset--color--base);overflow-wrap:normal;word-break:normal;hyphens:auto}
.sg-live .comp-table tr:hover td{background:var(--wp--preset--color--base)}
.sg-live .comp-table .td-label{font-weight:var(--wp--custom--font-weight--semibold);color:var(--wp--preset--color--ink);background:var(--wp--preset--color--base)}
.sg-live .badge-yes{display:inline-flex;align-items:flex-start;gap:4px;padding:0;border-radius:0;background:none;font-size:var(--wp--preset--font-size--small);font-weight:var(--wp--custom--font-weight--semibold);color:var(--sg-ok-ink);line-height:1.5}
.sg-live .badge-no{display:inline-flex;align-items:flex-start;gap:4px;padding:0;border-radius:0;background:none;font-size:var(--wp--preset--font-size--small);font-weight:var(--wp--custom--font-weight--semibold);color:var(--sg-error);line-height:1.5}
.sg-live .badge-part{display:inline-flex;align-items:flex-start;gap:4px;padding:0;border-radius:0;background:none;font-size:var(--wp--preset--font-size--small);font-weight:var(--wp--custom--font-weight--semibold);color:var(--sg-part-ink);line-height:1.5}
/* Numbered points read one after another (one column); a hairline separates them. */
.sg-live .threat-grid{display:grid;grid-template-columns:1fr;gap:20px;margin:28px 0;counter-reset:sg-card}
.sg-live .threat-card:first-child{padding-top:0;border-top:0}
.sg-live .threat-card{counter-increment:sg-card;position:static;display:block;line-height:1.4;padding:14px 0 0;border:0;border-top:1px solid var(--wp--preset--color--line);border-radius:0;background:none;box-shadow:none;transition:none;overflow:visible}
.sg-live .threat-card::before{content:counter(sg-card,decimal-leading-zero);display:inline-block;margin-right:10px;font-size:var(--wp--preset--font-size--medium);line-height:1.4;font-weight:var(--wp--custom--font-weight--semibold);letter-spacing:.04em;color:var(--wp--preset--color--action);font-variant-numeric:tabular-nums}
.sg-live .threat-card__title{display:inline;font-size:var(--wp--preset--font-size--medium);font-weight:var(--wp--custom--font-weight--semibold);color:var(--wp--preset--color--ink);line-height:1.4;margin:0;letter-spacing:0}
.sg-live .threat-card__desc{margin-top:6px;font-size:var(--wp--preset--font-size--medium);font-weight:var(--wp--custom--font-weight--semilight);line-height:1.647;color:var(--wp--preset--color--ink)}
.sg-live .sec-divider{display:flex;align-items:center;gap:12px;margin:24px 0;opacity:.6}
.sg-live .sec-divider::before,.sg-live .sec-divider::after{content:'';flex:1;height:1px;background:var(--wp--preset--color--line)}
.sg-live .sec-divider__icon{width:22px;height:22px;border-radius:50%;border:1px solid var(--wp--preset--color--line);display:flex;align-items:center;justify-content:center}
.sg-live .sec-divider__icon svg{width:9px;height:9px;color:var(--wp--preset--color--muted)}
.sg-live .article-cta{display:flex;align-items:center;gap:12px;margin:28px 0;padding:12px 16px;border:0;border-left:3px solid var(--wp--preset--color--action);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--wp--preset--color--action) 5%,transparent);text-decoration:none;transition:background-color .2s}
.sg-live .article-cta p{display:contents;margin:0;padding:0}
.sg-live .article-cta br{display:none}
.sg-live .article-cta:hover{background:color-mix(in srgb,var(--wp--preset--color--action) 9%,transparent);border-color:var(--wp--preset--color--action);box-shadow:none;transform:none}
@media(prefers-reduced-motion:reduce){.sg-live .article-cta,.sg-live .article-cta:hover,.sg-live .threat-card,.sg-live .threat-card:hover,.sg-live .threat-card::before,.sg-live .stat-card,.sg-live .stat-card:hover,.sg-live .faq-q,.sg-live .faq-a,.sg-live .faq-q__icon svg{transition:none;transform:none}}
.sg-live .article-cta__icon{width:20px;height:20px;border-radius:0;background:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:none}
.sg-live .article-cta__icon svg{width:18px;height:18px;color:var(--wp--preset--color--action);display:block}
.sg-live .article-cta__body{flex:1;min-width:0;display:block}
.sg-live .article-cta__label{display:block;font-size:var(--wp--preset--font-size--x-small);font-weight:var(--wp--custom--font-weight--semibold);color:var(--wp--preset--color--primary-dark);text-transform:uppercase;letter-spacing:0.12em;margin-bottom:2px}
.sg-live .article-cta__title{display:block;font-size:var(--wp--preset--font-size--medium);font-weight:var(--wp--custom--font-weight--semibold);color:var(--wp--preset--color--ink);line-height:1.35;overflow-wrap:anywhere}
.sg-live .article-cta__arrow{width:auto;height:auto;border-radius:0;background:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s}
.sg-live .article-cta:hover .article-cta__arrow{background:none;transform:translateX(3px)}
.sg-live .article-cta__arrow svg{width:14px;height:14px;color:var(--wp--preset--color--action);transition:color .2s;display:block}
.sg-live .article-cta:hover .article-cta__arrow svg{color:var(--wp--preset--color--action)}
.sg-live .faq-section{padding:clamp(48px,6vw,72px) 0;margin:32px 0}
.sg-live .faq-section__title{font-size:var(--wp--preset--font-size--x-large);font-weight:var(--wp--custom--font-weight--regular);color:var(--wp--preset--color--ink);margin-bottom:24px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;line-height:1.25}
.sg-live .faq-section__title::after{content:'';flex:1;min-width:60px;height:1px;background:linear-gradient(90deg,var(--wp--preset--color--line),transparent)}
.sg-live .faq-q__text{flex:1;min-width:0;font-size:var(--wp--preset--font-size--medium);font-weight:var(--wp--custom--font-weight--regular);color:var(--wp--preset--color--ink);line-height:1.4;overflow-wrap:anywhere}
.sg-live .faq-q__icon{width:24px;height:24px;border-radius:6px;background:var(--wp--preset--color--surface);border:1px solid var(--wp--preset--color--line);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}
.sg-live .faq-q__icon svg{width:12px;height:12px;color:var(--wp--preset--color--muted);transition:transform .3s var(--sg-ease)}
.sg-live .faq-item.open .faq-q__icon{background:var(--sg-tint-xs);border-color:var(--wp--preset--color--action)}
.sg-live .faq-item.open .faq-q__icon svg{transform:rotate(180deg);color:var(--wp--preset--color--action)}
.sg-live .faq-a__inner{min-height:0;overflow:hidden;padding:0 20px;font-size:var(--wp--preset--font-size--body-small);color:var(--wp--preset--color--muted);line-height:1.7;font-weight:var(--wp--custom--font-weight--regular)}
.sg-live .faq-item.open .faq-a__inner{padding:0 20px 16px}
.sg-live .tl-item{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:0.35em;margin-bottom:24px;font-size:var(--wp--preset--font-size--body-small);line-height:1.4}
.sg-live .tl-item::before{content:'';position:absolute;left:-24px;top:calc(var(--sg-tl-line,1.4em) / 2 - 5px);width:10px;height:10px;border-radius:50%;background:var(--sg-gradient);box-shadow:var(--sg-glow-sm)}
/* Label and title share one line, "STEP 2: Enrichment"; the dot is centred on it (--sg-tl-line: that line's height). */
.sg-live .tl-item__year{font-size:inherit;font-weight:var(--wp--custom--font-weight--semibold);color:var(--wp--preset--color--action);text-transform:uppercase;letter-spacing:0.04em;margin-bottom:6px}
.sg-live .tl-item__year::after{content:":"}
.sg-live .tl-item__title{flex:1 1 0;min-width:0;font-size:var(--wp--preset--font-size--body-small);font-weight:var(--wp--custom--font-weight--regular);color:var(--wp--preset--color--ink);margin-bottom:6px}
.sg-live .tl-item__desc{flex:0 0 100%;font-size:var(--wp--preset--font-size--body-small);color:var(--wp--preset--color--muted);line-height:1.55;font-weight:var(--wp--custom--font-weight--regular)}
.sg-live .warning-box{position:relative;margin:28px 0;padding:16px 20px;border:0;border-left:3px solid var(--sg-error);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--sg-error) 5%,transparent);overflow:visible;box-shadow:none}
.sg-live .warning-box__head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.sg-live .warning-box__icon{width:18px;height:18px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.sg-live .warning-box__icon svg{width:16px;height:16px;color:var(--sg-error)}
.sg-live .warning-box__title{font-size:var(--wp--preset--font-size--medium);font-weight:var(--wp--custom--font-weight--semibold);line-height:1.4;color:var(--sg-error)}
.sg-live .warning-box p{font-size:var(--wp--preset--font-size--medium);font-weight:var(--wp--custom--font-weight--semilight);line-height:1.647;color:var(--wp--preset--color--ink);margin:0}
.sg-live .tip-box{position:relative;margin:28px 0;padding:16px 20px;border:0;border-left:3px solid var(--sg-success);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--sg-success) 6%,transparent);overflow:visible;box-shadow:none}
.sg-live .tip-box__head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.sg-live .tip-box__icon{width:18px;height:18px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.sg-live .tip-box__icon svg{width:16px;height:16px;color:var(--sg-success)}
.sg-live .tip-box__title{font-size:var(--wp--preset--font-size--medium);font-weight:var(--wp--custom--font-weight--semibold);line-height:1.4;color:var(--sg-ok-ink)}
.sg-live .tip-box p{font-size:var(--wp--preset--font-size--medium);font-weight:var(--wp--custom--font-weight--semilight);line-height:1.647;color:var(--wp--preset--color--ink);margin:0}
.sg-live .key-takeaway{position:relative;margin:28px 0;padding:16px 20px;border:0;border-left:3px solid var(--wp--preset--color--action);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--wp--preset--color--action) 7%,transparent);overflow:visible;box-shadow:none}
.sg-live .key-takeaway p{font-size:var(--wp--preset--font-size--medium);font-weight:var(--wp--custom--font-weight--semilight);line-height:1.647;color:var(--wp--preset--color--ink);margin:0}
.sg-live .key-takeaway__label{display:inline;margin:0 8px 0 0;padding:0;background:none;border-radius:0;font-size:var(--wp--preset--font-size--x-small);font-weight:var(--wp--custom--font-weight--semibold);color:var(--wp--preset--color--primary-dark);text-transform:uppercase;letter-spacing:0.12em;line-height:1.4;vertical-align:1px;white-space:nowrap}
.sg-live .key-takeaway__label svg{display:none}
.sg-live div.key-takeaway__label{display:block;background:transparent;padding:0;margin:0 0 8px;vertical-align:baseline;border-radius:0}
.sg-live .proscons-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px;margin:28px 0}
.sg-live .proscons-col{border:0;border-radius:0;padding:0;overflow:visible;background:none}
.sg-live .proscons-col--pros{border:0}
.sg-live .proscons-col--cons{border:0}
.sg-live .proscons-col__title{font-size:var(--wp--preset--font-size--medium);font-weight:var(--wp--custom--font-weight--semibold);margin:0 0 6px;padding:0 0 8px;display:flex;align-items:center;gap:8px;line-height:1.4;border-bottom:2px solid}
.sg-live .proscons-col--pros .proscons-col__title{color:var(--sg-ok-ink);background:none;border-color:color-mix(in srgb, var(--sg-success) 45%, transparent)}
.sg-live .proscons-col--cons .proscons-col__title{color:var(--sg-error);background:none;border-color:color-mix(in srgb, var(--sg-error) 40%, transparent)}
.sg-live .proscons-col__title svg{width:16px;height:16px}
.sg-live .proscons-item{font-size:var(--wp--preset--font-size--medium);font-weight:var(--wp--custom--font-weight--semilight);line-height:1.647;color:var(--wp--preset--color--ink);padding:6px 0;border-bottom:0;display:flex;align-items:baseline;gap:10px}
.sg-live .proscons-item:last-child{border-bottom:none}
.sg-live .proscons-item::before{width:auto;height:auto;flex-shrink:0;margin:0;display:inline;background:none;font-size:var(--wp--preset--font-size--body-small);font-weight:var(--wp--custom--font-weight--semibold);line-height:1}
.sg-live .proscons-col--pros .proscons-item::before{content:'\2713';background:none;color:var(--sg-success)}
.sg-live .proscons-col--cons .proscons-item::before{content:'\2715';background:none;color:var(--sg-error)}
.sg-live .table-scroll{overflow-x:auto;margin:28px 0;-webkit-overflow-scrolling:touch;border-radius:10px;border:1px solid var(--wp--preset--color--line)}
.sg-live .table-scroll .comp-table{margin:0;border:none;border-radius:0}
.sg-live .table-scroll::-webkit-scrollbar{height:4px}
.sg-live .table-scroll::-webkit-scrollbar-track{background:var(--wp--preset--color--surface)}
.sg-live .table-scroll::-webkit-scrollbar-thumb{background:var(--wp--preset--color--line);border-radius:4px}
.sg-live .article>.warning-box+.warning-box,.sg-live .article>.tip-box+.tip-box,.sg-live .article>.info-box+.info-box{margin-top:0}
.sg-live .article>p+.warning-box,.sg-live .article>p+.tip-box,.sg-live .article>p+.key-takeaway,.sg-live .article>p+.proscons-grid{margin-top:0}
.sg-live .article>p+.steps{margin-top:0}
.sg-live .steps{margin:28px 0;padding:0;position:relative;display:flex;flex-direction:column;gap:0}
.sg-live .steps::before{content:'';position:absolute;left:13px;top:14px;bottom:14px;width:2px;background:var(--wp--preset--color--line)}
.sg-live .step{display:flex;gap:18px;padding:0 0 28px 0;position:relative;align-items:flex-start}
.sg-live .step:last-child{padding-bottom:0}
.sg-live .step__num{width:28px;height:28px;border-radius:50%;background:var(--wp--preset--color--base);border:2px solid var(--sg-tint-md);color:var(--wp--preset--color--primary-dark);font-size:var(--wp--preset--font-size--label);font-weight:var(--wp--custom--font-weight--semibold);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:none;position:relative;z-index:1}
.sg-live .step__body{flex:1;min-width:0;padding-top:6px}
.sg-live .step__title{font-size:var(--wp--preset--font-size--medium);font-weight:var(--wp--custom--font-weight--semibold);color:var(--wp--preset--color--ink);margin:0 0 6px;line-height:1.35}
.sg-live .step__desc{font-size:var(--wp--preset--font-size--medium);color:var(--wp--preset--color--ink);line-height:1.7;font-weight:var(--wp--custom--font-weight--regular);margin:0 0 8px}
.sg-live .step__desc:last-child{margin-bottom:0}
.sg-live .step__body pre{margin:12px 0 0}
@media(max-width:900px){.sg-live .threat-grid{gap:12px}}
@media(max-width:560px){.sg-live .stat-strip{grid-template-columns:minmax(0,1fr);padding:4px 0}.sg-live .stat-card{border-left:0;border-top:1px solid var(--wp--preset--color--line);padding:14px 0}.sg-live .stat-card:first-child{border-top:0}.sg-live .proscons-grid{grid-template-columns:minmax(0,1fr);gap:24px}}
@media(max-width:768px){.sg-live .proscons-grid{grid-template-columns:1fr}}
@media(max-width:640px){.sg-live .stat-strip{grid-template-columns:1fr}}

/* Job descriptions and careers content. */
.sg-live .job-content.article{font-size:var(--wp--preset--font-size--body-small);color:var(--wp--preset--color--ink);line-height:1.78;font-weight:var(--wp--custom--font-weight--light)}
.sg-live .job-content.article h2{font-size:var(--wp--preset--font-size--medium);font-weight:var(--wp--custom--font-weight--regular);color:var(--wp--preset--color--ink);margin:32px 0 14px;position:relative;display:flex;align-items:center;gap:12px;letter-spacing:-0.01em;line-height:1.3}
.sg-live .job-content.article h2::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--wp--preset--color--line),transparent)}
.sg-live .job-content.article h2:first-child{margin-top:0}
.sg-live .job-content.article h3{font-size:var(--wp--preset--font-size--medium);font-weight:var(--wp--custom--font-weight--regular);color:var(--wp--preset--color--ink);margin:24px 0 8px;letter-spacing:-0.01em}
.sg-live .job-content.article p{font-size:var(--wp--preset--font-size--body-small);color:var(--wp--preset--color--ink);line-height:1.78;margin-bottom:14px;font-weight:var(--wp--custom--font-weight--light)}
.sg-live .job-content.article strong{font-weight:var(--wp--custom--font-weight--semibold);color:var(--wp--preset--color--ink)}
.sg-live .job-content.article em{font-style:italic;color:var(--wp--preset--color--muted)}
.sg-live .job-content.article a{color:var(--wp--preset--color--action);font-weight:var(--wp--custom--font-weight--regular);text-decoration:none;border-bottom:1px dashed var(--sg-tint-md);transition:all .2s}
.sg-live .job-content.article a:hover{color:var(--wp--preset--color--ink);border-bottom-color:var(--wp--preset--color--ink)}
.sg-live .job-content.article ul{padding-left:0;margin:0 0 20px;display:flex;flex-direction:column;gap:6px;list-style:none}
.sg-live .job-content.article ul li{font-size:var(--wp--preset--font-size--body-small);color:var(--wp--preset--color--ink);line-height:1.65;font-weight:var(--wp--custom--font-weight--light);padding-left:20px;position:relative}
.sg-live .job-content.article ul li::before{content:'';position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--wp--custom--accent--gold),var(--wp--preset--color--action))}
.sg-live .job-content.article ol{padding-left:0;margin:0 0 20px;display:flex;flex-direction:column;gap:6px;list-style:none;counter-reset:job-ol}
.sg-live .job-content.article ol li{font-size:var(--wp--preset--font-size--body-small);color:var(--wp--preset--color--ink);line-height:1.65;font-weight:var(--wp--custom--font-weight--light);padding-left:28px;position:relative;counter-increment:job-ol}
.sg-live .job-content.article ol li::before{content:counter(job-ol);position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--sg-tint-xs);color:var(--wp--preset--color--action);font-size:var(--wp--preset--font-size--small);font-weight:var(--wp--custom--font-weight--semibold);display:flex;align-items:center;justify-content:center}
.sg-live .job-content.article blockquote{border-left:3px solid var(--wp--preset--color--action);padding:16px 20px;margin:20px 0;background:linear-gradient(90deg,var(--sg-tint-xs),transparent);border-radius:0 10px 10px 0;font-style:italic;color:var(--wp--preset--color--muted)}
.sg-live .job-content.article hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--wp--preset--color--line) 20%,var(--wp--preset--color--line) 80%,transparent);margin:32px 0}
.sg-live .job-content.article table{width:100%;border-collapse:collapse;margin:16px 0;font-size:var(--wp--preset--font-size--body-small)}
.sg-live .job-content.article th{background:var(--wp--preset--color--surface);font-weight:var(--wp--custom--font-weight--semibold);color:var(--wp--preset--color--ink);text-align:left;padding:10px 14px;border-bottom:2px solid var(--wp--preset--color--line)}
.sg-live .job-content.article td{padding:10px 14px;border-bottom:1px solid var(--wp--preset--color--line);color:var(--wp--preset--color--ink);font-weight:var(--wp--custom--font-weight--light)}
.sg-live .faq-item.open .faq-q-num{background:var(--wp--preset--color--action);color:var(--wp--preset--color--base)}
.sg-live .faq-item.open .faq-q-icon{background:var(--wp--preset--color--action);border-color:var(--wp--preset--color--action);box-shadow:var(--sg-glow-sm)}
.sg-live .faq-item.open .faq-q-icon svg{transform:rotate(45deg);color:var(--wp--preset--color--base)}
.sg-live .timeline__step{position:relative;margin-bottom:32px}
.sg-live .timeline__dot{position:absolute;left:-32px;top:4px;width:24px;height:24px;border-radius:50%;background:var(--wp--preset--color--base);border:2px solid var(--wp--preset--color--action);display:flex;align-items:center;justify-content:center}
.sg-live .timeline__dot svg{width:12px;height:12px;color:var(--wp--preset--color--primary)}
.sg-live .timeline__t{font-size:var(--wp--preset--font-size--medium);font-weight:var(--wp--custom--font-weight--regular);color:var(--wp--preset--color--ink);margin-bottom:6px}
.sg-live .timeline__tx{font-size:var(--wp--preset--font-size--body-small);color:var(--wp--preset--color--muted);line-height:1.65;font-weight:var(--wp--custom--font-weight--regular)}
.sg-live .article>p+.timeline{margin-top:0}
.sg-live .timeline+p:empty{display:none}
@media(prefers-reduced-motion:reduce){.sg-live .faq-q,.sg-live .faq-a{transition:none;transform:none}}

/* Big Stat: one dominant number with its meaning (same card as the stat strip, larger figure). */
.sg-live .big-stat{background:var(--wp--preset--color--base);border:1px solid var(--wp--preset--color--line);border-radius:14px;padding:28px 24px;margin:28px 0;text-align:center;position:relative;overflow:hidden}
.sg-live .big-stat::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--sg-gradient)}
.sg-live .big-stat__num{font-size:var(--wp--custom--page-hero-title--font-size);font-weight:var(--wp--custom--font-weight--semibold);color:var(--wp--preset--color--ink);line-height:1;letter-spacing:-0.02em;font-variant-numeric:tabular-nums}
.sg-live .big-stat__num span{color:var(--wp--preset--color--action)}
.sg-live .big-stat__lbl{margin:10px auto 0;max-width:46ch;font-size:var(--wp--preset--font-size--body-small);color:var(--wp--preset--color--muted);line-height:1.5;font-weight:var(--wp--custom--font-weight--regular)}
/* Update Notice: a one-line freshness note (icon, date, what changed). */
.sg-live .update-notice{display:flex;align-items:flex-start;gap:10px;margin:0 0 24px;padding:12px 16px;border:1px solid var(--wp--preset--color--line);border-radius:10px;background:var(--wp--preset--color--surface);font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--muted);line-height:1.5}
.sg-live .update-notice svg{flex-shrink:0;width:16px;height:16px;margin-top:2px;color:var(--wp--preset--color--action)}
.sg-live .update-notice strong{color:var(--wp--preset--color--ink);font-weight:var(--wp--custom--font-weight--semibold)}
.sg-live .article>p+.big-stat{margin-top:0}

/* Blog and encyclopedia only (FAQ and timeline are shared with careers): component type, and one FAQ heading when the content puts an H2 right before the FAQ block. */
.sg-live:is(.sgr-article,.sgr-term) .article :is(h2,h3)+.faq-section{padding-top:0;padding-bottom:0;margin-top:0}
.sg-live:is(.sgr-article,.sgr-term) .article :is(h2,h3)+.faq-section>.faq-section__title{display:none}
.sg-live:is(.sgr-article,.sgr-term) .faq-a__inner{font-size:var(--wp--preset--font-size--medium);line-height:1.7}
.sg-live:is(.sgr-article,.sgr-term) .tl-item{--sg-tl-line:calc(var(--wp--preset--font-size--medium) * 1.35);font-size:var(--wp--preset--font-size--medium);line-height:1.35;margin-bottom:26px}
.sg-live:is(.sgr-article,.sgr-term) .tl-item::before{left:-24px;width:10px;height:10px;border:0;background:var(--wp--preset--color--action);box-shadow:none}
.sg-live:is(.sgr-article,.sgr-term) .tl-item__title{font-size:var(--wp--preset--font-size--medium);font-weight:var(--wp--custom--font-weight--semibold);line-height:1.35}
.sg-live:is(.sgr-article,.sgr-term) .tl-item__desc{font-size:var(--wp--preset--font-size--medium);line-height:1.7}
/* Body text matches the hero description (.art-hero__sub): Segoe UI Semilight 350 at 17px, but in ink: paragraphs, lists, quotes and the running text of single-column components. 15px text (tables, feature cards, pros and cons) stays regular for legibility. */

/* Component spacing: 28px above and below every component (margins collapse with the 20px after a paragraph); right after a heading, the heading's own gap (16px after an H2, 12px after an H3), as for a paragraph. Section dividers, rules and the FAQ keep their own spacing. */
.sg-live:is(.sgr-article,.sgr-term) .article>:is(.info-box,.warning-box,.tip-box,.key-takeaway,.stat-strip,.threat-grid,.table-scroll,.comp-table,.proscons-grid,.timeline,.steps,.article-cta,blockquote,pre,figure){margin-top:28px;margin-bottom:28px}
.sg-live:is(.sgr-article,.sgr-term) .article>:is(h2,h3,h4,h5,h6)+:is(.info-box,.warning-box,.tip-box,.key-takeaway,.stat-strip,.threat-grid,.table-scroll,.comp-table,.proscons-grid,.timeline,.steps,.article-cta,blockquote,pre,figure){margin-top:0}
/* Related-guide cards are stored inside a <p> (autop); their margins pass through it. */
.sg-live:is(.sgr-article,.sgr-term) .article>p>.article-cta{margin-top:28px;margin-bottom:28px}
.sg-live:is(.sgr-article,.sgr-term) .article>:is(h2,h3,h4,h5,h6)+p>.article-cta:first-child{margin-top:0}
/* Article headings, scaled from the 17px / 350 body text (about x1.25 a step); each level differs from body text in size, weight or both. All semibold (Segoe UI has no 500 face), sized by level: H2 24-30px, H3 20-22px, H4 19px, H5 17px dark orange, H6 13px uppercase orange label. Blog and encyclopedia only (job descriptions keep the shared scale). */
.sg-live:is(.sgr-article,.sgr-term){--sg-art-h2:clamp(1.5rem,1.25rem + 1vw,1.875rem);--sg-art-h3:clamp(1.25rem,1.15rem + .4vw,1.375rem)}
.sg-live:is(.sgr-article,.sgr-term) .article h2:not(:is(.nl-cta,.related,.art-footer) *){font-size:var(--sg-art-h2);font-weight:var(--wp--custom--font-weight--semibold);line-height:1.2;letter-spacing:-0.02em;margin:35px 0 14px;padding-top:0}
.sg-live:is(.sgr-article,.sgr-term) .article h3:not(:is(.nl-cta,.related,.art-footer) *){font-size:var(--sg-art-h3);font-weight:var(--wp--custom--font-weight--semibold);line-height:1.3;letter-spacing:-0.015em;margin:28px 0 14px}
.sg-live:is(.sgr-article,.sgr-term) .article h4:not(:is(.nl-cta,.related,.art-footer) *){font-size:1.1875rem;font-weight:var(--wp--custom--font-weight--semibold);line-height:1.35;letter-spacing:-0.01em;margin:28px 0 14px}
.sg-live:is(.sgr-article,.sgr-term) .article h5:not(:is(.nl-cta,.related,.art-footer) *){font-size:var(--wp--preset--font-size--medium);font-weight:var(--wp--custom--font-weight--semibold);line-height:1.45;letter-spacing:0;color:var(--wp--preset--color--primary-dark);margin:21px 0 7px}
.sg-live:is(.sgr-article,.sgr-term) .article h6:not(:is(.nl-cta,.related,.art-footer) *){font-size:var(--wp--preset--font-size--label);font-weight:var(--wp--custom--font-weight--semibold);line-height:1.4;letter-spacing:.1em;text-transform:uppercase;color:var(--wp--preset--color--action);margin:21px 0 7px}
/* Vertical rhythm: one 28px line for all body text (17px at 1.647), and every gap a multiple of a quarter line (7px): paragraphs 21px apart, list items 14px, components and divider lines 28px, headings 35/14 (H2), 28/14 (H3), 28/14 (H4), 21/7 (H5, H6). */
.sg-live:is(.sgr-article,.sgr-term) .article :is(p,li):not(:is(.nl-cta,.related,.art-footer) *),.sg-live:is(.sgr-article,.sgr-term) :is(.faq-a__inner,.tl-item__desc,.step__desc){font-size:var(--wp--preset--font-size--medium);font-weight:var(--wp--custom--font-weight--semilight);color:var(--wp--preset--color--ink);line-height:1.647}
.sg-live:is(.sgr-article,.sgr-term) .article>p{margin-bottom:21px}
.sg-live:is(.sgr-article,.sgr-term) .article>:is(ul,ol){margin-bottom:21px;gap:14px}
.sg-live:is(.sgr-article,.sgr-term) .article>:is(hr,.sec-divider){margin:28px 0}
.sg-live:is(.sgr-article,.sgr-term) .article>.faq-section{margin-bottom:28px}
/* Reading-flow components: a 3px left rule and a faint tint mark emphasis; no card borders, glows, shadows or hover lifts on content that is not a link; text inside reads as body text. */
.sg-live .stat-card:first-child{border-left:0}
.sg-live:is(.sgr-article,.sgr-term) .timeline::before{background:var(--sg-tint-md)}