/* Klef editorial experience · isolated from global shell */
.seo-essay{--e-ink:#18212c;--e-blue:#2167e8;--e-soft:#eef4ff;--e-border:#e5eaf2;max-width:1120px;padding-top:7.5rem;color:var(--e-ink)}
.seo-essay .klef-blog-breadcrumbs,.seo-essay>.klef-blog-kicker,.seo-essay>h1,.seo-essay>.klef-blog-article-summary,.seo-essay>.klef-blog-article-meta{max-width:760px;margin-left:auto;margin-right:auto}
.seo-essay>h1{font-size:clamp(3.1rem,7vw,6.8rem);letter-spacing:-.075em;line-height:.99;text-wrap:balance;margin-bottom:1.7rem}
.seo-essay>.klef-blog-article-summary{font-size:clamp(1.2rem,2.3vw,1.55rem);max-width:760px}
.seo-essay .klef-blog-prose{font-size:clamp(1.07rem,1.5vw,1.2rem);line-height:1.86;font-weight:400}
.seo-essay .klef-blog-prose>p,.seo-essay .klef-blog-prose>ul,.seo-essay .klef-blog-prose>ol,.seo-essay .klef-blog-prose>h2,.seo-essay .klef-blog-prose>h3{max-width:720px;margin-left:auto;margin-right:auto}
.seo-essay .klef-blog-prose>p{margin-top:1.4rem;margin-bottom:1.4rem}
.seo-essay .klef-blog-prose>h2{margin-top:clamp(5rem,11vw,9rem);margin-bottom:2rem;font-size:clamp(2.3rem,5.5vw,4.7rem);letter-spacing:-.065em;line-height:1.06;text-wrap:balance}
.seo-essay .klef-blog-prose>h3{margin-top:3.6rem;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.04em}
.seo-essay .klef-blog-prose>ul,.seo-essay .klef-blog-prose>ol{padding-left:1.5rem}
.seo-essay .klef-blog-prose li{margin-bottom:.7rem}
.seo-essay .klef-blog-prose>img[src*='/seo-2026.webp']{display:block;width:100%;max-height:540px;object-fit:cover;border-radius:24px;margin:2.2rem auto 4.5rem}
.seo-editorial-cover{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;min-height:390px;margin:2.8rem 0 5.5rem;background:radial-gradient(circle at 74% 37%,#4d7db9 0,#233b5e 29%,#101b2c 63%,#0b1320 100%);display:grid;grid-template-columns:1fr 1fr;align-items:center;color:white}
.seo-cover-copy{padding:clamp(1.8rem,5vw,4.8rem);position:relative;z-index:2}
.seo-cover-kicker,.seo-eyebrow{display:block;text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.17em}
.seo-cover-kicker{color:#9fc2ff;margin-bottom:1.6rem}
.seo-cover-copy strong{display:block;font-size:clamp(2.4rem,5.4vw,5rem);line-height:1.03;letter-spacing:-.065em;max-width:540px}
.seo-cover-copy p{font-size:1rem;line-height:1.6;color:#c4d5ed;max-width:400px}
.seo-cover-art{width:100%;height:100%;min-height:390px;position:relative;display:grid;place-items:center}
.seo-cover-art svg{width:min(96%,480px);filter:drop-shadow(0 22px 36px #03081288)}
.seo-cover-orbit{animation:seo-spin 42s linear infinite;transform-origin:50% 50%}
@keyframes seo-spin{to{transform:rotate(360deg)}}
.seo-thesis{margin:6rem auto;max-width:880px;text-align:center;padding:3rem 1rem}
.seo-thesis .seo-eyebrow{color:var(--e-blue);margin-bottom:1.6rem}
.seo-thesis strong{display:block;font-size:clamp(2.8rem,6.5vw,6.3rem);letter-spacing:-.07em;line-height:1.05;text-wrap:balance}
.seo-thesis strong em{font-style:normal;color:var(--e-blue)}
.seo-thesis p{max-width:540px;margin:1.7rem auto 0;color:#667184;font-size:1.05rem}
.seo-visual{margin:5.5rem auto 6.5rem;padding:clamp(1.5rem,4vw,3.5rem);border:1px solid var(--e-border);border-radius:28px;background:#f6f8fc;max-width:1050px}
.seo-visual-header{max-width:670px;margin:0 0 2rem}
.seo-visual-header .seo-eyebrow{color:var(--e-blue);margin-bottom:.8rem}
.seo-visual-header h3{font-size:clamp(1.9rem,4vw,3.4rem)!important;letter-spacing:-.055em;line-height:1.1;margin:0 0 1rem!important}
.seo-visual-header p{font-size:1rem;color:#667184;margin:0}
.seo-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.seo-compare-card{padding:1.5rem;border:1px solid #e2e7ef;background:#fff;border-radius:18px;min-height:210px}
.seo-compare-card .seo-icon{font-size:1.9rem;display:block;margin-bottom:1.3rem}
.seo-compare-card strong{display:block;font-size:1.1rem;letter-spacing:-.025em}
.seo-compare-card p{font-size:.94rem;line-height:1.6;color:#667184}
.seo-system{background:#111d2d;color:#fff;border:0}
.seo-system .seo-visual-header p{color:#aebed0}
.seo-system .seo-visual-header .seo-eyebrow{color:#9fc2ff}
.seo-system-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem;align-items:center}
.seo-system-diagram{max-width:450px;width:100%;height:auto;margin:auto;display:block}
.seo-system-control{display:grid;gap:.65rem}
.seo-system-control button{display:flex;align-items:center;gap:1rem;width:100%;text-align:left;border:1px solid #ffffff24;border-radius:14px;background:#ffffff0c;color:#e2ebf7;padding:1rem 1.1rem;cursor:pointer;font:inherit;transition:background .2s,border-color .2s}
.seo-system-control button[aria-pressed=true]{background:#2b456a;border-color:#87b2fa}
.seo-system-control button:focus-visible{outline:3px solid #a9c8ff;outline-offset:3px}
.seo-system-control button b{font-size:.95rem}.seo-system-control button span{color:#9fc2ff;font-weight:800}
.seo-system-detail{margin-top:1rem;padding:1.5rem;border-radius:14px;background:#ffffff10;min-height:140px}
.seo-system-detail h4{margin:0 0 .4rem;font-size:1.25rem}.seo-system-detail p{margin:0;color:#c6d4e4;font-size:.95rem;line-height:1.6}
.seo-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.seo-timeline>div{background:#fff;padding:1.2rem;border-radius:16px;border-top:4px solid #2674ef}
.seo-timeline small{font-size:.8rem;font-weight:800;color:#2167e8}
.seo-timeline strong{display:block;margin:.65rem 0;font-size:1.12rem}
.seo-timeline p{color:#667184;font-size:.9rem;line-height:1.5}
.seo-pullquote{max-width:930px;margin:7rem auto;padding:clamp(2rem,6vw,5rem);background:#eaf1ff;border-radius:24px;text-align:center}
.seo-pullquote span{color:#2167e8;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800}
.seo-pullquote blockquote{font-size:clamp(2rem,4.5vw,4.1rem);font-weight:750;line-height:1.14;letter-spacing:-.06em;margin:1.2rem 0 0}
.seo-article-footer{margin:5rem auto 1rem;max-width:720px;border-top:1px solid var(--e-border);padding-top:2rem;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.seo-article-footer p{margin:0;font-size:.95rem;color:#667184}
.seo-article-footer a{color:#2167e8;font-weight:750;text-decoration:none}
@media(max-width:760px){.seo-essay{padding-top:6rem}.seo-editorial-cover{grid-template-columns:1fr;min-height:0}.seo-cover-copy{padding:2rem 1.6rem 0}.seo-cover-art{min-height:230px}.seo-cover-art svg{max-width:290px}.seo-compare-grid,.seo-timeline{grid-template-columns:1fr}.seo-compare-card{min-height:0}.seo-system-grid{grid-template-columns:1fr;gap:1rem}.seo-system-diagram{max-width:270px}.seo-visual{margin:4rem -.5rem;padding:1.3rem;border-radius:22px}.seo-thesis{margin:4rem auto}.seo-article-footer{display:block}.seo-article-footer a{display:inline-block;margin-top:1rem}}
@media(prefers-reduced-motion:reduce){.seo-cover-orbit{animation:none}.seo-system-control button{transition:none}}

/* Keep visual assets accessible without hiding the source article's prose. */
.seo-essay .seo-editorial-cover svg{overflow:visible}
.seo-essay .seo-system-control button:hover{background:#ffffff1a}
.seo-essay .seo-system-control button[aria-pressed=true]:hover{background:#2b456a}
@media(max-width:760px){.seo-essay .klef-blog-prose>h2{margin-top:5.5rem}.seo-essay .seo-visual-header h3{font-size:2rem!important}}

.seo-reading-map{max-width:720px;margin:4rem auto 5rem;padding:1.7rem;background:#f5f7fa;border:1px solid #e7ebf1;border-radius:22px}
.seo-reading-map .seo-eyebrow{color:#68758a;margin-bottom:1rem}
.seo-reading-map a{display:flex;align-items:center;gap:1rem;text-decoration:none;color:#18212c;padding:1rem .3rem;border-bottom:1px solid #e1e6ee;font-weight:650;font-size:.96rem}
.seo-reading-map a:last-child{border:0}.seo-reading-map a span{font-size:.77rem;color:#7a8aa3;font-weight:800}.seo-reading-map a:hover{color:#2167e8}
.seo-essay .klef-blog-prose>h2[id]{scroll-margin-top:6rem}


/* Reference alignment: quiet monochrome editorial layout, display serif and photographic pacing. */
.seo-essay{--e-ink:#111318;--e-blue:#286de5;--e-soft:#f5f7f9;--e-border:#e4e6e9;max-width:900px;color:#111318}
.seo-essay>h1,.seo-essay .klef-blog-prose>h2,.seo-essay .seo-thesis strong,.seo-essay .seo-visual-header h3,.seo-essay .seo-pullquote blockquote{font-family:Georgia,"Times New Roman",serif!important;font-weight:700!important;letter-spacing:-.052em!important}
.seo-essay>h1{max-width:710px;font-size:clamp(3.45rem,8vw,6.5rem);line-height:.98}
.seo-essay>.klef-blog-article-summary{font-size:1.15rem;line-height:1.6;color:#4f5661}
.seo-essay .klef-blog-prose{font-size:1.06rem;line-height:1.72}
.seo-essay .klef-blog-prose>h2{font-size:clamp(2.45rem,5.6vw,4.5rem);line-height:1.02}
.seo-essay .klef-blog-prose>h2:before{content:attr(data-chapter);display:block;font:700 .7rem/1.5 Inter,system-ui,sans-serif;letter-spacing:.08em;color:#a5aab3;border:1px solid #d9dde3;border-radius:100px;width:max-content;padding:.05rem .5rem;margin-bottom:1.3rem}
.seo-editorial-cover{background:linear-gradient(155deg,#f7f9fb,#dce4ee);color:#111318;border-radius:22px;min-height:370px}
.seo-cover-kicker{color:#596575}
.seo-cover-copy strong{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-.055em;font-size:clamp(2.25rem,4.5vw,4.4rem)}
.seo-cover-copy p{color:#5c6573}
.seo-cover-art svg{filter:drop-shadow(0 20px 22px #5c719244)}
.seo-thesis{text-align:left;max-width:720px;padding:1rem 0;margin:5rem auto 3.5rem}
.seo-thesis .seo-eyebrow{color:#8c939d}
.seo-thesis strong{font-size:clamp(2.7rem,6vw,5rem)}
.seo-thesis strong em{color:#111318}
.seo-thesis p{margin:1.3rem 0 0;max-width:580px;color:#525b67}
.seo-reading-map{background:transparent;border:0;border-top:1px solid #e2e4e7;border-radius:0;padding:1.8rem 0;margin:3rem auto 5rem}
.seo-reading-map a{padding:1rem .3rem;font-weight:500}
.seo-visual{background:#f5f7f9;border:0;border-radius:18px}
.seo-visual-header .seo-eyebrow{color:#7c8797}
.seo-visual-header h3{font-size:clamp(2rem,4vw,3.1rem)!important}
.seo-compare-grid{grid-template-columns:1fr}
.seo-compare-card{display:grid;grid-template-columns:60px 1fr;column-gap:1.1rem;align-items:center;min-height:0;padding:1.25rem 1.5rem;border:0;background:linear-gradient(110deg,#fff,#eef3f7)}
.seo-compare-card .seo-icon{grid-row:span 2;margin:0;background:#e8edf3;border-radius:13px;width:55px;height:55px;display:grid;place-items:center}
.seo-compare-card strong{align-self:end}
.seo-compare-card p{align-self:start;margin:.25rem 0 0}
.seo-system{background:#111820;border-radius:20px}
.seo-system .seo-visual-header h3{color:#fff}
.seo-system-grid{gap:1.2rem}
.seo-system-diagram{max-width:400px}
.seo-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
.seo-timeline>div{border-top:0;background:#fff;border-radius:14px}
.seo-timeline small{color:#8d949e}
.seo-pullquote{background:#121a23;color:#fff;text-align:left;border-radius:20px}
.seo-pullquote span{color:#c1cbd8}
.seo-pullquote blockquote{font-size:clamp(2rem,4vw,3.6rem)}
@media(max-width:760px){.seo-essay{padding-inline:1.1rem}.seo-essay>h1{font-size:clamp(3.25rem,12vw,5rem)}.seo-editorial-cover{margin:2.4rem -.3rem 4rem;grid-template-columns:1fr}.seo-cover-copy{padding:1.8rem 1.6rem 0}.seo-cover-art{min-height:230px}.seo-visual{margin:3.5rem -.3rem;padding:1.2rem}.seo-compare-card{grid-template-columns:50px 1fr;padding:1rem;gap:.7rem}.seo-compare-card .seo-icon{width:45px;height:45px}.seo-timeline{grid-template-columns:1fr}.seo-thesis{margin:4rem auto 2rem}.seo-reading-map{margin:2rem auto 4rem}.seo-pullquote{margin:5rem -.3rem;padding:2rem}}


/* Reference fidelity — section 01: mobile hero */
.seo-essay>.seo-reference-read{display:inline-flex;align-items:center;gap:.7rem;background:#111820;color:#fff;text-decoration:none;border-radius:11px;padding:.9rem 1.25rem;font:650 .87rem/1.2 Inter,system-ui,sans-serif;margin:1rem 0 0 max(0px,calc((100% - 760px)/2));transition:transform .2s ease,background .2s ease}
.seo-essay>.seo-reference-read:hover{background:#273444;transform:translateY(-2px)}
.seo-essay .seo-editorial-cover{display:block;position:relative;overflow:hidden;min-height:500px;background:linear-gradient(158deg,#f9fbfd 4%,#edf2f7 38%,#c8d2df 100%);border-radius:0;margin:0 auto 4.5rem;isolation:isolate}
.seo-essay .seo-reference-art{position:absolute;inset:0;overflow:hidden;perspective:750px}
.seo-glass-stack{position:absolute;width:min(72%,470px);height:310px;left:50%;top:49%;transform:translate(-50%,-25%) rotate(-21deg) skew(-6deg)}
.seo-glass-plate{position:absolute;inset:0;border:2px solid #faffffdd;border-radius:24px;background:linear-gradient(135deg,#ffffffd6 0%,#e9f3ff90 23%,#8ba3bb65 62%,#f5faffab 100%);box-shadow:12px 26px 30px #485e7752,inset 0 0 0 3px #ffffff66,inset 10px 10px 18px #ffffffa8;backdrop-filter:blur(7px);transform:rotateX(52deg) rotateZ(-8deg)}
.seo-glass-plate-back{transform:translate(65px,-65px) rotateX(52deg) rotateZ(-8deg)}
.seo-glass-plate-mid{transform:translate(28px,-28px) rotateX(52deg) rotateZ(-8deg)}
.seo-glass-plate-front{display:flex;align-items:center;justify-content:center;transform:rotateX(52deg) rotateZ(-8deg)}
.seo-glass-plate-front svg{width:88px;height:88px;color:#3a4d63;filter:drop-shadow(3px 4px 2px #ffffff99)}
.seo-reference-cover-caption{position:absolute;left:clamp(1.3rem,4vw,3rem);bottom:1.6rem;font:500 .9rem/1.4 Inter,system-ui,sans-serif;color:#5d6673;z-index:2}
.seo-reference-scroll{position:absolute;right:2rem;bottom:2rem;text-decoration:none;color:#222;font-size:1.8rem;z-index:2}
.seo-essay .seo-thesis{scroll-margin-top:6rem}
@media(max-width:760px){.seo-essay>.seo-reference-read{margin:1rem 0 0}.seo-essay .seo-editorial-cover{min-height:390px;margin:0 -.35rem 4.2rem}.seo-glass-stack{width:75%;height:210px;top:45%}.seo-glass-plate{border-radius:16px}.seo-glass-plate-front svg{width:56px;height:56px}.seo-reference-cover-caption{font-size:.78rem}.seo-essay .seo-thesis{padding-top:0}}
@media(prefers-reduced-motion:reduce){.seo-essay>.seo-reference-read{transition:none}}