:root{--ink:#15171c;--muted:#657084;--line:#dde4ef;--blue:#2368e8;--paper:#f7f9fd;font-family:Manrope,-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}.seo-header{height:78px;padding:0 max(28px,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:34px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.86);backdrop-filter:blur(18px)}.seo-brand{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:18px;font-weight:750;text-decoration:none;letter-spacing:-.04em}.seo-brand img{width:25px;height:25px}.seo-header nav{display:flex;gap:24px;margin-left:auto}.seo-header a{font-size:13px;color:#586478;text-decoration:none}.languages{display:flex;gap:9px;margin-left:14px}.languages a{font:600 10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.06em}.seo-main{width:min(1120px,calc(100vw - 48px));margin:0 auto;padding:36px 0 72px}.back{font-size:13px;color:var(--blue);text-decoration:none}.seo-intro{max-width:850px;padding:36px 0 40px}.eyebrow,.number{margin:0 0 17px;color:var(--blue);font:600 10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.1em;text-transform:uppercase}.seo-intro h1{max-width:800px;margin:0;font-size:clamp(32px,4vw,46px);line-height:1.07;letter-spacing:-.055em;font-weight:600}.lead{max-width:760px;margin:28px 0 0;font-size:19px;line-height:1.75;color:#4d596b}.summary{max-width:720px;margin:22px 0 0;font-size:14px;line-height:1.75;color:var(--muted)}.seo-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:48px;align-items:start}.seo-layout aside{position:sticky;top:30px;padding:22px 0;border-top:1px solid var(--line)}.seo-layout aside p{margin:0 0 12px;font:600 10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;color:#6d788a;text-transform:uppercase}.seo-layout aside a{display:block;padding:8px 0;color:#697386;font-size:12px;line-height:1.45;text-decoration:none}.seo-layout article{padding-top:20px}.seo-layout section{padding:0 0 28px;margin:0 0 32px;border-bottom:1px solid var(--line)}.seo-layout h2{max-width:690px;margin:0 0 16px;font-size:clamp(24px,2.6vw,30px);line-height:1.17;letter-spacing:-.045em;font-weight:580}.seo-layout article p{max-width:730px;margin:0;color:#526075;font-size:16px;line-height:1.85}.seo-layout ul{margin:22px 0 0;padding:0;list-style:none}.seo-layout li{max-width:680px;padding:13px 0 13px 22px;border-top:1px solid #e9edf4;color:#49566c;font-size:15px;line-height:1.6}.seo-layout li:before{content:'↗';color:var(--blue);margin-left:-22px;margin-right:10px}.seo-cta{padding:28px 30px;border-radius:23px;background:#e8f0ff}.seo-cta p{color:#284978!important}.seo-cta a{display:inline-block;margin-top:16px;color:var(--blue);font-weight:700;font-size:13px;text-decoration:none}footer{padding:34px max(28px,calc((100vw - 1200px)/2));border-top:1px solid var(--line);font-size:11px;color:#8790a0;background:#fff}@media(max-width:760px){.seo-header{height:66px;padding:0 18px;gap:17px}.seo-header nav{display:none}.languages{margin-left:auto}.seo-main{width:min(100% - 36px,1120px);padding-top:46px}.seo-intro{padding:24px 0 32px}.seo-intro h1{font-size:32px;letter-spacing:-.04em}.lead{font-size:16px}.seo-layout{display:block}.seo-layout aside{display:none}.seo-layout h2{font-size:25px}.seo-layout article p{font-size:15px}}

/* Editorial trust and contextual discovery */
.article-meta{margin:22px 0 0!important;color:#7c8798!important;font:500 11px ui-monospace,SFMono-Regular,monospace!important;letter-spacing:.02em}.related-content>div{display:grid;gap:10px}.related-content a{position:relative;display:block;padding:17px 48px 17px 18px;border:1px solid #dde5f0;border-radius:15px;background:#fff;color:var(--ink);text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.related-content a:hover{transform:translateY(-2px);border-color:#adc7f8;box-shadow:0 10px 24px rgba(40,76,142,.08)}.related-content a span{display:block;margin-bottom:6px;color:#718096;font:500 10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.06em;text-transform:uppercase}.related-content a strong{display:block;font-size:15px;line-height:1.35;font-weight:650}.related-content a b{position:absolute;right:18px;top:50%;color:var(--blue);transform:translateY(-50%)}@media(max-width:760px){.related-content a strong{font-size:14px}}

.editorial-layout{display:block;max-width:850px}.editorial-layout article>p{margin-bottom:24px}.seo-layout pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;background:#e8f0ff;border-radius:12px;line-height:1.7}.seo-layout img{max-width:100%;height:auto;border:1px solid #dde4ef;border-radius:12px}.seo-layout figcaption{font-size:12px;color:#657084;margin-top:10px}.seo-layout article p+p{margin-top:18px}.editorial-layout article h2{margin-top:40px}

.comparison-table{max-width:100%;overflow-x:auto;margin-top:24px}.seo-layout table{width:100%;border-collapse:collapse;min-width:560px;font-size:14px;line-height:1.7;color:#526075}.seo-layout caption{text-align:left;color:#657084;padding:0 0 12px;font-size:13px}.seo-layout th,.seo-layout td{padding:16px;text-align:left;vertical-align:top;border:1px solid #dde4ef;overflow-wrap:break-word}.seo-layout thead th{background:#e8f0ff;color:#284978}.seo-layout tbody th{width:25%;font-weight:600;background:#f0f4fa}.editorial-layout table{min-width:0}.seo-layout article a{overflow-wrap:anywhere}

/* Task examples: native text and tables remain readable on narrow screens. */
.working-record{margin:24px 0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}.working-record dt{color:#244d8d;font-size:13px;font-weight:700;margin-top:18px}.working-record dt:first-child{margin-top:0}.working-record dd{margin:5px 0 0;color:#526075;line-height:1.75}.seo-layout .workflow-steps{padding-left:24px;list-style:decimal}.seo-layout .workflow-steps li{padding:14px 0 14px 5px}.seo-layout .workflow-steps li:before{content:none}.seo-layout blockquote{margin:24px 0;border-left:3px solid var(--blue);padding:20px 24px;background:#edf3fe}.seo-layout h2{scroll-margin-top:24px}.seo-layout figure{margin:28px 0}.seo-layout article th{font-weight:700}.seo-layout article pre{font-size:14px}@media(max-width:650px){.working-record{padding:18px}.seo-layout table{min-width:460px}.seo-layout pre{padding:16px}.seo-layout figure{margin:22px 0}}

.seo-layout article{min-width:0;overflow-wrap:break-word}.seo-layout article ol{padding-left:24px}.seo-layout article ol li:before{content:none}.seo-layout article li+p,.seo-layout article ul+p,.seo-layout article ol+p{margin-top:18px}.seo-layout article p+ul,.seo-layout article p+ol{margin-top:16px}.seo-layout article table{display:block;max-width:100%;min-width:0;overflow-x:auto}.seo-layout article table th,.seo-layout article table td{min-width:130px}
