/* K-SEO: a question, a reader and an offer connected through useful sources. */
body[data-surface="k-seo"] { --kseo-line:rgba(30,75,72,.3); --kseo-cream:#faf7eb; }
.kseo-hero { padding:clamp(3rem,5vw,5rem) 0; }
.kseo-hero-layout { display:grid; grid-template-columns:1.08fr 1fr; gap:clamp(2rem,5vw,5rem); align-items:center; }
.kseo-hero h1 { font-size:var(--type-page-title-size); line-height:1.04; letter-spacing:-.065em; margin:.5rem 0 1.3rem; }
.kseo-lead { font-size:clamp(1.6rem,2.4vw,2.15rem); line-height:1.22; font-weight:750; letter-spacing:-.035em; margin:0 0 1.3rem; }
.kseo-intro { font-size:1.06rem; line-height:1.75; max-width:53ch; }
.kseo-hero .hero-actions { margin-top:1.7rem; }
.kseo-status { font-size:.8rem; margin-top:1.35rem; }
.kseo-status::before { content:""; width:7px; height:7px; border-radius:50%; display:inline-block; background:#2c6755; margin-right:.55rem; }
.kseo-auto-note { display:flex; gap:.7rem; border-top:1px solid var(--kseo-line); padding-top:1rem; margin-top:1.8rem; max-width:52ch; }
.kseo-auto-note>span { font-size:1.7rem; line-height:1; }
.kseo-auto-note strong { font-size:.91rem; }
.kseo-auto-note p { font-size:.85rem; line-height:1.6; margin:.3rem 0 0; }
.kseo-field { background:var(--kseo-cream); border:1px solid #718e85; box-shadow:9px 9px 0 #a8d3c6; padding:clamp(1.25rem,2.4vw,2rem); margin:0; }
.kseo-field figcaption { font-size:.75rem; text-transform:uppercase; font-weight:750; letter-spacing:.12em; line-height:1.5; border-bottom:1px solid var(--kseo-line); padding-bottom:1rem; margin-bottom:1.3rem; }
.kseo-query { text-align:center; background:#fff; border:1px solid var(--kseo-line); border-radius:14px 14px 14px 0; padding:1rem; }
.kseo-query span { display:block; font-size:.73rem; margin-bottom:.45rem; }
.kseo-query strong { font-size:1.02rem; line-height:1.4; display:block; }
.kseo-query-line { width:1px; height:28px; background:#538676; margin-left:23%; position:relative; transform-origin:top; }
.kseo-query-line::after { content:""; position:absolute; bottom:0; left:-3px; width:7px; height:7px; border-right:1px solid #538676; border-bottom:1px solid #538676; transform:rotate(45deg); }
.kseo-encounter { display:grid; grid-template-columns:1fr 36px 1fr; text-align:center; align-items:center; gap:.3rem; }
.kseo-reader,.kseo-offer { display:grid; justify-items:center; align-content:start; }
.kseo-reader>svg,.kseo-offer>svg { height:68px; width:68px; color:#306c60; margin-bottom:.7rem; }
.kseo-reader>svg { padding:5px; background:#dbe9dc; border-radius:50%; }
.kseo-encounter strong { display:block; font-size:.98rem; }
.kseo-encounter span { font-size:.72rem; line-height:1.45; margin-top:.3rem; }
.kseo-link { color:#61887b; align-self:start; padding-top:1.1rem; }
.kseo-link span { font-size:1.75rem; }
.kseo-bridge { margin:1.3rem 0 .7rem; text-align:center; font-size:.76rem; }
.kseo-source-pills { display:flex; gap:.5rem; justify-content:center; flex-wrap:wrap; }
.kseo-source-pills span { font-size:.76rem; padding:.4rem .6rem; border:1px solid #9cb4a7; background:#e5eddf; }
.kseo-role { padding:1rem 1.1rem; border-left:3px solid #cc9b33; background:#fff0c7; margin-top:1.3rem; }
.kseo-role strong { font-size:.9rem; }
.kseo-role p { font-size:.82rem; line-height:1.6; margin:.3rem 0 0; }
.kseo-figure-note { font-size:.73rem; line-height:1.55; margin:1rem 0 .7rem; }
.kseo-replay { font:inherit; font-size:.75rem; border:0; color:inherit; text-decoration:underline; text-underline-offset:3px; background:transparent; cursor:pointer; padding:0; }
.kseo-motion .kseo-query { animation:kseo-arrive .65s ease-out both; }
.kseo-motion .kseo-query-line { animation:kseo-connect .55s .45s ease-out both; }
.kseo-motion .kseo-encounter { animation:kseo-arrive .65s .8s ease-out both; }
.kseo-motion .kseo-source-pills { animation:kseo-arrive .65s 1.35s ease-out both; }
.kseo-motion .kseo-role { animation:kseo-arrive .65s 1.9s ease-out both; }
@keyframes kseo-arrive { from { opacity:.15; transform:translateY(5px); } to { opacity:1; transform:none; } }
@keyframes kseo-connect { from { transform:scaleY(0); } to { transform:scaleY(1); } }
.kseo-section-nav { border-top:1px solid var(--kseo-line); border-bottom:1px solid var(--kseo-line); }
.kseo-section-nav .site-shell { display:flex; gap:1.8rem; padding-block:1.1rem; flex-wrap:wrap; }
.kseo-section-nav a { font-size:.88rem; text-decoration:none; }
body[data-surface="k-seo"] .section { padding-block:clamp(3.25rem,5.5vw,5rem); scroll-margin-top:5rem; }
body[data-surface="k-seo"] .section h2 { font-size:clamp(1.85rem,3vw,2.65rem); line-height:1.08; letter-spacing:-.045em; margin:.4rem 0 1.25rem; max-width:22ch; }
body[data-surface="k-seo"] .section h3 { font-size:1.15rem; line-height:1.3; letter-spacing:-.02em; }
.kseo-section-head,.kseo-start-layout,.kseo-related-layout { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,5rem); align-items:start; }
.kseo-section-head>p { margin:.5rem 0 0; max-width:55ch; }
.kseo-work-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; margin-top:2rem; }
.kseo-work-grid article { border-top:1px solid #548477; padding-top:1.1rem; }
.kseo-work-grid .kseo-mini { width:67px; height:67px; display:block; color:#306c60; margin-bottom:.8rem; }
.kseo-work-grid p { font-size:.94rem; line-height:1.7; }
.kseo-tabs { display:flex; gap:0; margin-top:2rem; border-bottom:1px solid #8eaa9b; }
.kseo-tabs button { flex:1; font:inherit; font-size:.88rem; font-weight:650; background:transparent; color:inherit; border:0; border-bottom:3px solid transparent; padding:1rem; text-align:left; cursor:pointer; }
.kseo-tabs button[aria-selected="true"] { border-bottom-color:#356c5f; background:var(--kseo-cream); }
.kseo-tabs button:hover { background:#f2f4e7; }
.kseo-case { display:grid; grid-template-columns:1.15fr 1fr; border:1px solid #9bae9a; background:var(--kseo-cream); margin-top:1rem; }
.kseo-tabs:not([hidden])+.kseo-cases .kseo-case { margin-top:0; border-top:0; }
.kseo-case-copy { padding:clamp(1.4rem,3vw,2.5rem); }
.kseo-case-copy h3 { font-size:1.4rem!important; max-width:30ch; margin:.5rem 0 .9rem; }
.kseo-case-copy p { font-size:.94rem; }
.kseo-case-copy .section-kicker { font-size:.69rem; }
.kseo-contribution { margin-top:1.6rem; }
.kseo-case-result { background:#e5eddf; padding:clamp(1.4rem,3vw,2.5rem); border-left:1px solid #c0ccba; }
.kseo-case-result .kseo-mini { width:70px; height:70px; color:#306c60; margin-bottom:.7rem; }
.kseo-case-result h4 { font-size:1.3rem; line-height:1.25; margin:.5rem 0 1.1rem; }
.kseo-case-result ul { margin:0; padding:0; list-style:none; }
.kseo-case-result li { border-top:1px solid #aabcaa; padding:.65rem 0; font-size:.91rem; }
.kseo-result-caption { font-size:.76rem; line-height:1.5; margin:1rem 0 0; }
body[data-surface="k-seo"] .kseo-autonomy { background:#214d47; color:#f6f4e7; }
.kseo-autonomy .section-kicker { color:#c2dfcf; }
.kseo-autonomy h2,.kseo-autonomy h3,.kseo-autonomy p { color:inherit; }
.kseo-autonomy-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; margin-top:2rem; }
.kseo-autonomy-grid>div { border-top:1px solid #6c9a88; padding-top:1.1rem; }
.kseo-step-number { font-size:.75rem; color:#f5d787; letter-spacing:.1em; }
.kseo-autonomy-grid h3 { margin:.5rem 0; }
.kseo-autonomy-grid p { font-size:.9rem; line-height:1.65; }
.kseo-autonomy-note { max-width:90ch; border-top:1px solid #6c9a88; padding-top:1.3rem; margin-top:1.5rem; font-size:.85rem; line-height:1.65; }
.kseo-knowledge { display:flex; gap:1.5rem; align-items:center; border-top:1px solid var(--kseo-line); padding-top:1.25rem; margin-top:1.5rem; }
.kseo-knowledge .kseo-mini { width:88px; height:88px; flex:none; color:#306c60; }
.kseo-knowledge ul { list-style:none; padding:0; margin:0; font-size:.9rem; line-height:1.9; }
body[data-surface="k-seo"] .kseo-start { background:#f5e7b5; }
.kseo-start-steps { padding-left:1.3rem; margin:1.5rem 0; }
.kseo-start-steps li { padding-left:.5rem; margin-bottom:1rem; }
.kseo-start-steps li::marker { color:#536d57; font-size:.8rem; }
.kseo-start-steps strong { font-size:.96rem; }
.kseo-start-steps p { margin:.25rem 0 0; font-size:.88rem; line-height:1.6; }
.kseo-prompt { background:var(--kseo-cream); border:1px solid #aaa987; padding:clamp(1.5rem,3vw,2.3rem); align-self:center; }
.kseo-prompt blockquote { margin:1rem 0; font-size:1.03rem; line-height:1.75; }
.kseo-prompt>p:last-child { font-size:.78rem; line-height:1.55; border-top:1px solid var(--kseo-line); padding-top:1rem; margin-bottom:0; }
.kseo-release { font-size:.8rem; margin-top:1rem; }
.kseo-related { display:grid; padding-top:.5rem; }
.kseo-related a { display:flex; justify-content:space-between; gap:1rem; padding:1rem 0; border-bottom:1px solid var(--kseo-line); font-size:.95rem; text-decoration:none; }
.kseo-source { border-top:1px solid var(--kseo-line); margin-top:2.5rem; padding-top:1.2rem; font-size:.8rem; line-height:1.65; }
.kseo-source p { max-width:85ch; }
body[data-surface="k-seo"] [hidden] { display:none!important; }
body[data-surface="k-seo"] :focus-visible { outline:3px solid #aa6416; outline-offset:5px; }
@media(max-width:900px) { .kseo-hero-layout { gap:2rem; } .kseo-encounter { grid-template-columns:1fr 22px 1fr; } .kseo-field { padding:1.2rem; } }
@media(max-width:700px) { .kseo-hero-layout,.kseo-section-head,.kseo-start-layout,.kseo-related-layout,.kseo-case { grid-template-columns:1fr; } .kseo-hero { padding-top:2.3rem; } .kseo-field { margin-top:.5rem; padding:1.35rem; } .kseo-hero h1 { font-size:3.8rem; } .kseo-work-grid,.kseo-autonomy-grid { grid-template-columns:1fr; gap:1rem; } .kseo-work-grid article { display:grid; grid-template-columns:64px 1fr; gap:0 1rem; } .kseo-work-grid .kseo-mini { grid-row:1/3; width:58px; } .kseo-work-grid h3 { margin:0; } .kseo-work-grid p { margin:.5rem 0; } .kseo-tabs button { padding:.9rem .65rem; font-size:.8rem; } .kseo-section-nav .site-shell { gap:.7rem 1.2rem; } .kseo-section-nav a { font-size:.8rem; } .kseo-case-result { border-left:0; border-top:1px solid #c0ccba; } .kseo-autonomy-grid>div { display:grid; grid-template-columns:28px 1fr; column-gap:1rem; } .kseo-step-number { grid-row:1/3; padding-top:.3rem; } .kseo-autonomy-grid h3 { margin:0; } .kseo-autonomy-grid p { margin:.45rem 0; } .kseo-prompt { margin-top:0; } }
@media(prefers-reduced-motion:reduce) { .kseo-motion * { animation:none!important; transform:none!important; } .kseo-replay { display:none!important; } }
@media(forced-colors:active) { .kseo-field,.kseo-case,.kseo-role,.kseo-query { border:1px solid CanvasText; } .kseo-tabs button[aria-selected="true"] { border-bottom:3px solid Highlight; } }