.sz-editorial {
    --sz-editorial-accent: #1b9e58;
    --sz-editorial-accent-strong: #116f3d;
    --sz-editorial-bg: #ffffff;
    --sz-editorial-bg-soft: #f3f8f4;
    --sz-editorial-bg-strong: #071b13;
    --sz-editorial-text: #25322d;
    --sz-editorial-heading: #07110d;
    --sz-editorial-muted: #65736d;
    --sz-editorial-line: rgba(7, 27, 19, .14);
    --sz-editorial-shadow: 0 18px 52px rgba(7, 27, 19, .08);
    width: min(100%, 860px);
    margin-inline: auto;
    color: var(--sz-editorial-text);
    font-family: "Fira Sans", var(--font-body, system-ui, sans-serif);
    font-size: clamp(18px, 1.05vw, 20px);
    line-height: 1.58;
    overflow-wrap: anywhere;
}

.sz-editorial--dark {
    --sz-editorial-bg: #0b1a14;
    --sz-editorial-bg-soft: rgba(255, 255, 255, .045);
    --sz-editorial-bg-strong: #03100b;
    --sz-editorial-text: rgba(238, 247, 241, .82);
    --sz-editorial-heading: rgba(255, 255, 255, .94);
    --sz-editorial-muted: rgba(218, 232, 224, .62);
    --sz-editorial-line: rgba(255, 255, 255, .12);
    --sz-editorial-shadow: 0 20px 60px rgba(0, 0, 0, .18);
}

.sz-editorial > :first-child { margin-top: 0; }
.sz-editorial > :last-child { margin-bottom: 0; }
.sz-editorial p { margin: 0 0 .92em; color: var(--sz-editorial-text); }
.sz-editorial .sz-editorial-lead,
.sz-editorial > p:first-child:not([class]) {
    color: var(--sz-editorial-heading);
    font-size: clamp(20px, 1.35vw, 24px);
    line-height: 1.62;
}

.sz-editorial h1,
.sz-editorial h2,
.sz-editorial h3,
.sz-editorial h4 {
    color: var(--sz-editorial-heading);
    font-family: "Fira Sans", var(--font-heading, system-ui, sans-serif);
    font-weight: 800;
    letter-spacing: -.035em;
    text-wrap: balance;
    scroll-margin-top: 100px;
}
.sz-editorial h1 { margin: 0 0 .55em; font-size: clamp(40px, 4.6vw, 66px); line-height: 1.03; }
.sz-editorial h2 { margin: 1.55em 0 .52em; font-size: clamp(31px, 3vw, 43px); line-height: 1.13; }
.sz-editorial h3 { margin: 1.4em 0 .48em; font-size: clamp(25px, 2.1vw, 32px); line-height: 1.18; }
.sz-editorial h4 { margin: 1.3em 0 .42em; font-size: clamp(21px, 1.55vw, 25px); line-height: 1.24; }
.sz-editorial strong { color: var(--sz-editorial-heading); font-weight: 800; }
.sz-editorial a { color: var(--sz-editorial-accent); text-decoration: underline; text-decoration-color: rgba(27, 158, 88, .38); text-underline-offset: .2em; }
.sz-editorial a:hover,
.sz-editorial a:focus-visible { text-decoration-color: currentColor; }
.sz-editorial ul,
.sz-editorial ol { margin: 0 0 1.35em 1.35em; padding: 0; }
.sz-editorial li { margin: 0 0 .48em; padding-left: .18em; }
.sz-editorial li::marker { color: var(--sz-editorial-accent); font-weight: 800; }
.sz-editorial hr { height: 1px; margin: 2.3em 0; border: 0; background: linear-gradient(90deg, transparent, rgba(27, 158, 88, .42), transparent); }
.sz-editorial img { display: block; max-width: 100%; height: auto; margin: 1.45em auto; border-radius: 18px; }
.sz-editorial figure { margin: 1.5em 0; }
.sz-editorial figcaption { margin-top: 10px; color: var(--sz-editorial-muted); font-size: 14px; line-height: 1.5; text-align: center; }
.sz-editorial blockquote { margin: 1.55em 0; padding: 21px 24px; border: 0; border-left: 5px solid var(--sz-editorial-accent); border-radius: 0 16px 16px 0; background: var(--sz-editorial-bg-soft); color: var(--sz-editorial-heading); font-size: 1.06em; line-height: 1.65; }
.sz-editorial pre { max-width: 100%; margin: 1.5em 0; padding: 20px; overflow: auto; border: 1px solid var(--sz-editorial-line); border-radius: 16px; background: var(--sz-editorial-bg-strong); color: #dfffea; font: 14px/1.65 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.sz-editorial code { padding: .15em .38em; border-radius: 6px; background: rgba(27, 158, 88, .1); color: var(--sz-editorial-heading); font: .88em/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.sz-editorial pre code { padding: 0; background: transparent; color: inherit; }

.sz-editorial table { width: 100%; min-width: 680px; margin: 0; border-collapse: collapse; font-size: 16px; line-height: 1.48; }
.sz-editorial :where(.sz-editorial-table, .table-responsive) { max-width: 100%; margin: 1.55em 0 1.85em; overflow-x: auto; border: 1px solid var(--sz-editorial-line); border-radius: 16px; background: var(--sz-editorial-bg); box-shadow: var(--sz-editorial-shadow); -webkit-overflow-scrolling: touch; }
.sz-editorial :where(.sz-editorial-table, .table-responsive) table { margin: 0; }
.sz-editorial th,
.sz-editorial td { padding: 14px 16px; border: 0; border-right: 1px solid var(--sz-editorial-line); border-bottom: 1px solid var(--sz-editorial-line); vertical-align: top; text-align: left; }
.sz-editorial th { background: linear-gradient(135deg, #0d2c20, #06140e); color: #fff; font-size: 17px; font-weight: 800; }
.sz-editorial td { color: var(--sz-editorial-text); }
.sz-editorial th:last-child,
.sz-editorial td:last-child { border-right: 0; }
.sz-editorial tr:last-child td { border-bottom: 0; }
.sz-editorial tbody tr:nth-child(even) { background: rgba(27, 158, 88, .035); }
.sz-editorial tbody tr { transition: background-color .18s ease; }
.sz-editorial tbody tr:hover { background: rgba(27, 158, 88, .085); }

.sz-editorial-summary,
.sz-editorial-note,
.sz-editorial-toc,
.sz-editorial-cta {
    position: relative;
    margin: 1.65em 0;
    padding: 24px 26px;
    overflow: hidden;
    border: 1px solid var(--sz-editorial-line);
    border-left: 5px solid var(--sz-editorial-accent);
    border-radius: 18px;
    background: radial-gradient(circle at 100% 0, rgba(27, 158, 88, .13), transparent 36%), var(--sz-editorial-bg-soft);
    box-shadow: var(--sz-editorial-shadow);
}
.sz-editorial-summary::after { content: ""; position: absolute; top: -42px; right: -42px; width: 124px; height: 124px; border: 18px solid rgba(27, 158, 88, .07); border-radius: 50%; pointer-events: none; }
.sz-editorial-summary > h2 { margin-top: 0; font-size: clamp(25px, 2.2vw, 32px); }
.sz-editorial-summary > strong { display: block; margin-bottom: 10px; font-size: 1.08em; }
.sz-editorial-summary > :last-child,
.sz-editorial-note > :last-child,
.sz-editorial-cta > :last-child { margin-bottom: 0; }
.sz-editorial-note--warning { border-left-color: #f4b942; background: linear-gradient(135deg, rgba(244, 185, 66, .13), var(--sz-editorial-bg-soft)); }
.sz-editorial-note--danger { border-left-color: #ff6b6b; background: linear-gradient(135deg, rgba(255, 107, 107, .12), var(--sz-editorial-bg-soft)); }
.sz-editorial-note--success { border-left-color: var(--sz-editorial-accent); }

.sz-editorial-toc { padding-bottom: 26px; }
.sz-editorial-toc__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.sz-editorial-toc__title { margin: 0 !important; font-size: 28px !important; line-height: 1.2 !important; }
.sz-editorial-toc__toggle { display: none; min-height: 38px; padding: 7px 13px; border: 1px solid var(--sz-editorial-line); border-radius: 999px; background: var(--sz-editorial-bg); color: var(--sz-editorial-heading); font: 800 13px/1 "Fira Sans", var(--font-body, sans-serif); cursor: pointer; }
.sz-editorial-toc ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 30px; margin: 18px 0 0; padding: 0; list-style: none; counter-reset: sz-editorial-toc; }
.sz-editorial-toc li { position: relative; margin: 0; padding: 0 0 0 30px; counter-increment: sz-editorial-toc; }
.sz-editorial-toc li::before { content: counter(sz-editorial-toc) "."; position: absolute; top: 7px; left: 0; color: var(--sz-editorial-accent); font-size: 14px; line-height: 1.4; font-weight: 800; }
.sz-editorial-toc a { display: block; padding: 7px 0; color: var(--sz-editorial-heading); font-size: 16px; line-height: 1.4; font-weight: 700; text-decoration: none; }
.sz-editorial-toc a:hover,
.sz-editorial-toc a.is-active { color: var(--sz-editorial-accent); }

.sz-editorial-steps { margin-left: 0 !important; padding-left: 0 !important; list-style: none; counter-reset: sz-editorial-step; }
.sz-editorial-steps > li { position: relative; min-height: 50px; margin: 0; padding: 4px 0 24px 62px; counter-increment: sz-editorial-step; }
.sz-editorial-steps > li::before { content: counter(sz-editorial-step); display: flex; position: absolute; top: 0; left: 0; align-items: center; justify-content: center; width: 44px; height: 44px; border: 4px solid rgba(27, 158, 88, .16); border-radius: 50%; background: linear-gradient(145deg, #1b9e58, #116f3d); box-shadow: 0 9px 24px rgba(27, 158, 88, .18); color: #f6fff9; font-size: 16px; line-height: 1; font-weight: 900; }

.sz-editorial-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 1.55em 0 1.9em; }
.sz-editorial-card { display: block; position: relative; padding: 20px 48px 20px 22px; overflow: hidden; border: 1px solid var(--sz-editorial-line); border-radius: 16px; background: var(--sz-editorial-bg-soft); box-shadow: var(--sz-editorial-shadow); color: var(--sz-editorial-text); text-decoration: none !important; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.sz-editorial-card::after { content: "→"; position: absolute; right: 18px; bottom: 17px; color: var(--sz-editorial-accent); font-size: 21px; line-height: 1; transition: transform .2s ease; }
.sz-editorial-card:hover { border-color: rgba(27, 158, 88, .48); transform: translateY(-2px); }
.sz-editorial-card:hover::after { transform: translateX(3px); }
.sz-editorial-card strong { display: block; margin: 0 0 5px; }
.sz-editorial-card h3 { margin: 0 0 7px; font-size: clamp(21px, 1.8vw, 26px); }
.sz-editorial-card p:last-child { margin-bottom: 0; }
.sz-editorial-card span { display: block; color: var(--sz-editorial-muted); font-size: 15px; line-height: 1.5; }

.sz-editorial-faq { margin: 1.8em 0; }
.sz-editorial-faq details { margin: 0 0 10px; overflow: hidden; border: 1px solid var(--sz-editorial-line); border-radius: 15px; background: var(--sz-editorial-bg-soft); box-shadow: 0 8px 24px rgba(0, 0, 0, .05); transition: border-color .2s ease, background .2s ease, box-shadow .2s ease; }
.sz-editorial-faq details[open] { border-color: rgba(27, 158, 88, .5); background: var(--sz-editorial-bg); box-shadow: var(--sz-editorial-shadow); }
.sz-editorial-faq summary { display: flex; position: relative; align-items: center; min-height: 64px; margin: 0; padding: 17px 62px 17px 20px; color: var(--sz-editorial-heading); font-size: 17px; line-height: 1.42; font-weight: 800; list-style: none; cursor: pointer; user-select: none; }
.sz-editorial-faq summary::-webkit-details-marker { display: none; }
.sz-editorial-faq summary::after { content: "+"; display: flex; position: absolute; top: 50%; right: 17px; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid var(--sz-editorial-line); border-radius: 50%; background: var(--sz-editorial-bg); color: var(--sz-editorial-heading); font-size: 23px; line-height: 1; font-weight: 500; transform: translateY(-50%); transition: transform .2s ease, background .2s ease, color .2s ease; }
.sz-editorial-faq details[open] summary::after { content: "−"; background: var(--sz-editorial-accent); color: #04100b; transform: translateY(-50%) rotate(180deg); }
.sz-editorial-faq details > :not(summary) { margin-right: 20px; margin-left: 20px; color: var(--sz-editorial-text); animation: sz-editorial-reveal .22s ease both; }
.sz-editorial-faq details > :last-child { margin-bottom: 19px; }
@keyframes sz-editorial-reveal { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: none; } }

.sz-editorial-cta { padding: 30px 32px; border-color: rgba(27, 158, 88, .34); background: radial-gradient(circle at 100% 0, rgba(27, 158, 88, .18), transparent 38%), linear-gradient(135deg, #0d2c20, #03100b); color: #fff; }
.sz-editorial .sz-editorial-cta :where(h2, h3, p, strong) { color: #fff !important; }
.sz-editorial-cta h2 { margin-top: 0; font-size: clamp(28px, 2.7vw, 38px); }
.sz-editorial-cta .sz-editorial-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; margin-top: 8px; padding: 10px 20px; border-radius: 999px; background: var(--sz-editorial-accent); color: #04100b; font-weight: 900; text-decoration: none; }

/* Imported long-form article vocabulary. Kept as aliases so stored HTML stays untouched. */
.sz-editorial .sz-article { width: 100%; }
.sz-editorial .sz-article > :first-child { margin-top: 0; }
.sz-editorial .sz-article > :last-child { margin-bottom: 0; }
.sz-editorial .sz-article section[id],
.sz-editorial .sz-article h2[id],
.sz-editorial .sz-article h3[id] { scroll-margin-top: 104px; }
.sz-editorial .sz-article section + section { margin-top: 2.6em; }
.sz-editorial .sz-article__lead { margin-bottom: 1.45em; color: var(--sz-editorial-heading); font-size: clamp(20px, 1.35vw, 24px); line-height: 1.62; }

.sz-editorial :where(.sz-article__summary, .sz-article__notice, .sz-article__example, .sz-article__checklist, .sz-article__audit, .sz-article__toc, .sz-article__sources) {
    position: relative;
    margin: 1.65em 0;
    padding: 24px 26px;
    overflow: hidden;
    border: 1px solid var(--sz-editorial-line);
    border-left: 5px solid var(--sz-editorial-accent);
    border-radius: 18px;
    background: radial-gradient(circle at 100% 0, rgba(27, 158, 88, .12), transparent 36%), var(--sz-editorial-bg-soft);
    box-shadow: var(--sz-editorial-shadow);
}
.sz-editorial :where(.sz-article__summary, .sz-article__notice, .sz-article__example, .sz-article__checklist, .sz-article__audit) > strong:first-child { display: block; margin-bottom: 10px; font-size: 1.08em; }
.sz-editorial :where(.sz-article__summary, .sz-article__notice, .sz-article__example, .sz-article__checklist, .sz-article__audit) > :last-child { margin-bottom: 0; }
.sz-editorial .sz-article__summary::after { content:"";position:absolute;top:-42px;right:-42px;width:124px;height:124px;border:18px solid rgba(27,158,88,.07);border-radius:50%;pointer-events:none }
.sz-editorial .sz-article__notice { border-left-color:#e2a72e;background:linear-gradient(135deg,rgba(226,167,46,.13),var(--sz-editorial-bg-soft)) }
.sz-editorial .sz-article__example { border-left-color:#168b50;background:linear-gradient(135deg,rgba(27,158,88,.13),var(--sz-editorial-bg-soft)) }
.sz-editorial .sz-article__audit { border-left-color:#0d7040;background:linear-gradient(135deg,rgba(13,112,64,.13),var(--sz-editorial-bg-soft)) }

.sz-editorial .sz-article__toc > strong { display:block;margin:0;color:var(--sz-editorial-heading);font-size:clamp(25px,2.2vw,32px);line-height:1.2 }
.sz-editorial .sz-article__toc ol { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 30px;margin:18px 0 0;padding:0;list-style:none;counter-reset:sz-article-toc }
.sz-editorial .sz-article__toc li { position:relative;margin:0;padding:0 0 0 30px;counter-increment:sz-article-toc }
.sz-editorial .sz-article__toc li::before { content:counter(sz-article-toc) ".";position:absolute;top:7px;left:0;color:var(--sz-editorial-accent);font-size:14px;line-height:1.4;font-weight:800 }
.sz-editorial .sz-article__toc a { display:block;padding:7px 0;color:var(--sz-editorial-heading);font-size:16px;line-height:1.4;font-weight:700;text-decoration:none }
.sz-editorial .sz-article__toc a:hover,
.sz-editorial .sz-article__toc a.is-active { color:var(--sz-editorial-accent) }

.sz-editorial .sz-article__code { max-width:100%;margin:1.5em 0;padding:20px;overflow:auto;border:1px solid rgba(27,158,88,.24);border-radius:16px;background:#03140d;box-shadow:var(--sz-editorial-shadow);color:#dfffea;font:14px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace }
.sz-editorial .sz-article__code :where(p,pre,code) { margin:0;padding:0;border:0;background:transparent;color:inherit;box-shadow:none;font:inherit }
.sz-editorial .sz-article__table-wrap { max-width:100%;margin:1.55em 0 1.85em;overflow-x:auto;border:1px solid var(--sz-editorial-line);border-radius:16px;background:var(--sz-editorial-bg);box-shadow:var(--sz-editorial-shadow);-webkit-overflow-scrolling:touch }
.sz-editorial .sz-article__table-wrap table { margin:0 }
.sz-editorial .sz-review-badge { display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border:1px solid rgba(226,167,46,.34);border-radius:999px;background:rgba(226,167,46,.13);color:var(--sz-editorial-heading);font-size:14px;font-weight:800 }

.sz-editorial .sz-article__faq { margin:2em 0 }
.sz-editorial .sz-article__faq > h2 { margin-top:0 }
.sz-editorial .sz-article__faq details { margin:0 0 10px;overflow:hidden;border:1px solid var(--sz-editorial-line);border-radius:15px;background:var(--sz-editorial-bg-soft);box-shadow:0 8px 24px rgba(7,27,19,.05);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease }
.sz-editorial .sz-article__faq details[open] { border-color:rgba(27,158,88,.5);background:var(--sz-editorial-bg);box-shadow:var(--sz-editorial-shadow) }
.sz-editorial .sz-article__faq summary { display:flex;position:relative;align-items:center;min-height:64px;margin:0;padding:17px 62px 17px 20px;color:var(--sz-editorial-heading);font-size:17px;line-height:1.42;font-weight:800;list-style:none;cursor:pointer;user-select:none }
.sz-editorial .sz-article__faq summary::-webkit-details-marker { display:none }
.sz-editorial .sz-article__faq summary::after { content:"+";display:flex;position:absolute;top:50%;right:17px;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--sz-editorial-line);border-radius:50%;background:var(--sz-editorial-bg);color:var(--sz-editorial-heading);font-size:23px;line-height:1;font-weight:500;transform:translateY(-50%);transition:transform .2s ease,background .2s ease,color .2s ease }
.sz-editorial .sz-article__faq details[open] summary::after { content:"−";background:var(--sz-editorial-accent);color:#04100b;transform:translateY(-50%) rotate(180deg) }
.sz-editorial .sz-article__faq details > :not(summary) { margin-right:20px;margin-left:20px;color:var(--sz-editorial-text);animation:sz-editorial-reveal .22s ease both }
.sz-editorial .sz-article__faq details > :last-child { margin-bottom:19px }

.sz-editorial .sz-article__cta { position:relative;margin:2em 0;padding:clamp(26px,4vw,42px);overflow:hidden;border:1px solid rgba(27,158,88,.34);border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(27,158,88,.2),transparent 38%),linear-gradient(135deg,#0d3827,#03120c);box-shadow:0 26px 68px rgba(7,42,32,.2);color:#fff }
.sz-editorial .sz-article__cta :where(h2,h3,p,strong) { color:#fff!important }
.sz-editorial .sz-article__cta h2 { margin:.22em 0 .45em;font-size:clamp(28px,2.7vw,40px) }
.sz-editorial .sz-article__cta-label { display:inline-block;color:#69e69d;font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase }
.sz-editorial .sz-article__cta-button { display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:8px;padding:10px 20px;border-radius:999px;background:var(--sz-editorial-accent);color:#04100b!important;font-weight:900;text-decoration:none }
.sz-editorial .sz-article__sources { margin-top:2.4em;background:var(--sz-editorial-bg-soft) }
.sz-editorial .sz-article__sources h2 { margin-top:0;font-size:clamp(25px,2.2vw,32px) }
.sz-editorial .sz-article__sources a { overflow-wrap:anywhere }

.sz-editorial--article > ol,
.sz-editorial--article .sz-article > ol,
.sz-editorial--article .sz-article section > ol,
.sz-editorial--article .sz-article__audit > ol,
.sz-editorial--article .sz-article__checklist > ol {
    margin: 1.45em 0 1.75em;
    padding: 0;
    list-style: none;
    counter-reset: sz-article-list;
}
.sz-editorial--article > ol > li,
.sz-editorial--article .sz-article > ol > li,
.sz-editorial--article .sz-article section > ol > li,
.sz-editorial--article .sz-article__audit > ol > li,
.sz-editorial--article .sz-article__checklist > ol > li {
    position: relative;
    min-height: 46px;
    margin: 0;
    padding: 7px 0 22px 58px;
    counter-increment: sz-article-list;
}
.sz-editorial--article > ol > li::before,
.sz-editorial--article .sz-article > ol > li::before,
.sz-editorial--article .sz-article section > ol > li::before,
.sz-editorial--article .sz-article__audit > ol > li::before,
.sz-editorial--article .sz-article__checklist > ol > li::before {
    content: counter(sz-article-list);
    display: grid;
    position: absolute;
    top: 1px;
    left: 0;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 3px solid rgba(47, 224, 120, .18);
    border-radius: 50%;
    background: linear-gradient(145deg, #2fe078, #159653);
    box-shadow: 0 9px 26px rgba(27, 158, 88, .24);
    color: #04100b;
    font-size: 15px;
    line-height: 1;
    font-weight: 900;
}
.sz-editorial--article > ol > li:not(:last-child)::after,
.sz-editorial--article .sz-article > ol > li:not(:last-child)::after,
.sz-editorial--article .sz-article section > ol > li:not(:last-child)::after,
.sz-editorial--article .sz-article__audit > ol > li:not(:last-child)::after,
.sz-editorial--article .sz-article__checklist > ol > li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 43px;
    bottom: 0;
    left: 19px;
    width: 1px;
    background: linear-gradient(180deg, rgba(47, 224, 120, .34), rgba(47, 224, 120, .04));
}

@media (max-width: 767px) {
    .sz-editorial { font-size: 17px; line-height: 1.56; }
    .sz-editorial h1 { font-size: 38px; }
    .sz-editorial h2 { font-size: 30px; }
    .sz-editorial h3 { font-size: 25px; }
    .sz-editorial-summary,
    .sz-editorial-note,
    .sz-editorial-toc,
    .sz-editorial-cta { padding: 20px; border-radius: 15px; }
    .sz-editorial-toc__toggle { display: inline-flex; align-items: center; justify-content: center; }
    .sz-editorial-toc ol { grid-template-columns: 1fr; margin-top: 14px; }
    .sz-editorial-toc.is-collapsed ol { display: none; }
    .sz-editorial-cards { grid-template-columns: 1fr; }
    .sz-editorial-steps > li { padding-left: 56px; }
    .sz-editorial-faq summary { min-height: 58px; padding: 15px 56px 15px 16px; font-size: 16px; }
    .sz-editorial-faq summary::after { right: 14px; width: 32px; height: 32px; }
    .sz-editorial-faq details > :not(summary) { margin-right: 16px; margin-left: 16px; }
    .sz-editorial-faq details > :last-child { margin-bottom: 16px; }
    .sz-editorial table { min-width: 620px; }
    .sz-editorial :where(.sz-article__summary, .sz-article__notice, .sz-article__example, .sz-article__checklist, .sz-article__audit, .sz-article__toc, .sz-article__sources) { padding:20px;border-radius:15px }
    .sz-editorial .sz-article__toc ol { grid-template-columns:1fr }
    .sz-editorial .sz-article__faq summary { min-height:58px;padding:15px 56px 15px 16px;font-size:16px }
    .sz-editorial .sz-article__faq summary::after { right:14px;width:32px;height:32px }
    .sz-editorial .sz-article__faq details > :not(summary) { margin-right:16px;margin-left:16px }
    .sz-editorial .sz-article__faq details > :last-child { margin-bottom:16px }
    .sz-editorial--article > ol > li,
    .sz-editorial--article .sz-article > ol > li,
    .sz-editorial--article .sz-article section > ol > li,
    .sz-editorial--article .sz-article__audit > ol > li,
    .sz-editorial--article .sz-article__checklist > ol > li { padding-left:52px }
}

@media (prefers-reduced-motion: reduce) {
    .sz-editorial *,
    .sz-editorial *::before,
    .sz-editorial *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Reviewed long-form blocks used by imported SiteZilla articles. */
.sz-editorial .sz-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 1.55em 0 1.9em;
}
.sz-editorial .sz-card {
    min-width: 0;
    padding: 24px;
    border: 1px solid var(--sz-editorial-line);
    border-radius: 18px;
    background: radial-gradient(circle at 100% 0, rgba(27, 158, 88, .1), transparent 42%), var(--sz-editorial-bg-soft);
    box-shadow: var(--sz-editorial-shadow);
}
.sz-editorial .sz-card > :first-child { margin-top: 0; }
.sz-editorial .sz-card > :last-child { margin-bottom: 0; }
.sz-editorial .sz-card h3 { margin: .2em 0 .48em; font-size: clamp(22px, 1.8vw, 28px); }
.sz-editorial .sz-metric {
    display: grid;
    width: 58px;
    height: 58px;
    margin: 0 0 16px;
    place-items: center;
    border: 1px solid rgba(47, 224, 120, .38);
    border-radius: 17px;
    background: linear-gradient(145deg, #2fe078, #159653);
    box-shadow: 0 12px 32px rgba(27, 158, 88, .24);
    color: #04100b;
    font-size: 28px;
    line-height: 1;
    font-weight: 900;
}
.sz-editorial :where(.sz-summary, .sz-note, .sz-toc, .sz-cta) {
    position: relative;
    margin: 1.65em 0;
    padding: 25px 27px;
    overflow: hidden;
    border: 1px solid var(--sz-editorial-line);
    border-left: 5px solid var(--sz-editorial-accent);
    border-radius: 18px;
    background: radial-gradient(circle at 100% 0, rgba(27, 158, 88, .12), transparent 36%), var(--sz-editorial-bg-soft);
    box-shadow: var(--sz-editorial-shadow);
}
.sz-editorial :where(.sz-summary, .sz-note, .sz-cta) > :last-child { margin-bottom: 0; }
.sz-editorial .sz-toc > strong { display: block; color: var(--sz-editorial-heading); font-size: 1.08em; }
.sz-editorial .sz-toc ol { margin: 14px 0 0 1.25em; }
.sz-editorial .sz-table-wrap {
    max-width: 100%;
    margin: 1.55em 0 1.9em;
    overflow-x: auto;
    border: 1px solid var(--sz-editorial-line);
    border-radius: 18px;
    background: var(--sz-editorial-bg);
    box-shadow: var(--sz-editorial-shadow);
    -webkit-overflow-scrolling: touch;
}
.sz-editorial .sz-table-wrap table { margin: 0; }
.sz-editorial .sz-steps {
    margin: 1.55em 0 1.9em;
    padding: 0;
    list-style: none;
    counter-reset: sz-imported-step;
}
.sz-editorial .sz-steps > li {
    position: relative;
    min-height: 68px;
    margin: 0 0 14px;
    padding: 20px 22px 20px 76px;
    border: 1px solid var(--sz-editorial-line);
    border-radius: 17px;
    background: var(--sz-editorial-bg-soft);
    counter-increment: sz-imported-step;
}
.sz-editorial .sz-steps > li::before {
    content: counter(sz-imported-step);
    display: grid;
    position: absolute;
    top: 17px;
    left: 18px;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #2fe078, #159653);
    box-shadow: 0 9px 26px rgba(27, 158, 88, .24);
    color: #04100b;
    font-size: 15px;
    line-height: 1;
    font-weight: 900;
}
.sz-editorial .sz-steps > li > :last-child { margin-bottom: 0; }
.sz-editorial .sz-checklist { margin: 1.35em 0 1.7em; padding: 0; list-style: none; }
.sz-editorial .sz-checklist > li { position: relative; margin: 0 0 .7em; padding-left: 31px; }
.sz-editorial .sz-checklist > li::before { content: "✓"; position: absolute; left: 0; color: var(--sz-editorial-accent); font-weight: 900; }
.sz-editorial .sz-faq { margin: 1.8em 0; }
.sz-editorial .sz-faq details { margin: 0 0 10px; overflow: hidden; border: 1px solid var(--sz-editorial-line); border-radius: 15px; background: var(--sz-editorial-bg-soft); }
.sz-editorial .sz-faq summary { position: relative; padding: 17px 54px 17px 20px; color: var(--sz-editorial-heading); font-weight: 800; cursor: pointer; list-style: none; }
.sz-editorial .sz-faq summary::-webkit-details-marker { display: none; }
.sz-editorial .sz-faq summary::after { content: "+"; position: absolute; top: 50%; right: 18px; color: var(--sz-editorial-accent); font-size: 25px; transform: translateY(-50%); }
.sz-editorial .sz-faq details[open] summary::after { content: "−"; }
.sz-editorial .sz-faq-answer { padding: 0 20px 20px; color: var(--sz-editorial-muted); }
.sz-editorial .sz-cta { padding: clamp(27px, 4vw, 42px); background: radial-gradient(circle at 88% 12%, rgba(47, 224, 120, .2), transparent 36%), linear-gradient(135deg, #0d3827, #03120c); }
.sz-editorial .sz-cta :where(h2, h3, p, strong) { color: #fff !important; }
.sz-editorial .sz-cta :where(h2, h3) { margin-top: 0; }
.sz-editorial .sz-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; margin-top: 7px; padding: 10px 20px; border-radius: 999px; background: var(--sz-editorial-accent); color: #04100b !important; font-weight: 900; text-decoration: none; }
.sz-editorial .sz-source { margin-top: 2em; color: var(--sz-editorial-muted); font-size: 14px; line-height: 1.55; }
.sz-editorial .sz-kicker { display: inline-flex; margin-bottom: 16px; color: var(--sz-editorial-accent); font-size: 12px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.sz-editorial .sz-lead { color: var(--sz-editorial-heading); font-size: clamp(20px, 1.35vw, 24px); line-height: 1.62; }
@media (max-width: 720px) {
    .sz-editorial .sz-grid { grid-template-columns: 1fr; }
    .sz-editorial .sz-card { padding: 21px; }
    .sz-editorial :where(.sz-summary, .sz-note, .sz-toc, .sz-cta) { padding: 21px; }
    .sz-editorial .sz-steps > li { padding: 68px 20px 20px; }
    .sz-editorial .sz-steps > li::before { top: 17px; left: 20px; }
}
