.seo-page{background:var(--bg)}
.seo-header{min-height:78px;padding:15px max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--surface);border-bottom:1px solid var(--line)}
.seo-brand{display:flex;gap:12px;align-items:center;font-size:19px;font-weight:800;letter-spacing:-.04em}.seo-brand img{width:49px;height:49px}.seo-brand small{display:block;letter-spacing:0;font-size:10px;font-weight:600;color:var(--muted)}
.seo-header nav{display:flex;flex-wrap:wrap;gap:19px;font-size:12px;font-weight:800;color:#4770a5}.seo-header nav a:hover{color:var(--blue)}
.seo-shell{width:min(880px,calc(100% - 30px));margin:35px auto 60px}
.seo-breadcrumb{font-size:11px;color:var(--muted);margin:0 0 16px;overflow-wrap:anywhere}
.seo-breadcrumb a{color:var(--blue)}
.seo-card{background:var(--surface);border:1px solid var(--line);border-radius:25px;box-shadow:var(--shadow);overflow:hidden}
.seo-hero{background:linear-gradient(110deg,rgba(10,47,92,.91),rgba(39,102,156,.73)),url("./assets/hero-mountains.jpg") center center/cover;color:#fff;padding:44px 46px}
.seo-hero .eyebrow{color:#b7e7ff}.seo-hero h1{font-size:clamp(27px,4.5vw,43px);margin:0 0 13px;color:#fff;overflow-wrap:anywhere}.seo-hero p{color:#e0ebff;margin:0;font-size:14px}
.seo-content{padding:30px 44px 45px;position:relative}.seo-badges{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:21px}
.seo-badges span{display:inline-block;background:#e9f2ff;color:#2a71c5;font-size:11px;font-weight:800;padding:6px 10px;border-radius:10px}
.seo-lead{font-size:15px;line-height:1.9;color:var(--ink)}
.seo-section{padding:20px 0 0;margin-top:23px;border-top:1px solid var(--line)}
.seo-section h2{font-size:21px;margin-bottom:10px}.seo-section p{line-height:1.9;color:var(--ink);font-size:13px;white-space:pre-line;overflow-wrap:anywhere}
.seo-source{display:block;color:var(--blue);font-size:13px;margin:6px 0;overflow-wrap:anywhere}
.seo-warning{padding:15px 18px;border-radius:12px;background:#fff3df;border:1px solid #f1d8b2;color:#79552c;font-size:12px;line-height:1.7;margin-bottom:23px}
.seo-coat{float:right;margin:0 0 20px 23px;border:1px solid var(--line);border-radius:15px;padding:13px;background:#fafcff}
.seo-coat img{height:115px;width:96px;object-fit:contain}
.seo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:30px}
.seo-actions a{border:1px solid var(--line);border-radius:12px;color:var(--blue);font-weight:800;font-size:12px;padding:10px 14px}
.seo-actions a:hover{background:var(--surface-soft)}
.seo-name{border:1px solid var(--line);border-radius:12px;padding:10px 13px;margin:8px 0}.seo-name p{font-size:11px;margin:6px 0 0}
.seo-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.seo-list-card{display:grid;gap:7px;border:1px solid var(--line);padding:15px;border-radius:14px;min-width:0;transition:border-color .15s,background .15s}.seo-list-card:hover{border-color:#a5c9fc;background:var(--surface-soft)}
.seo-list-card small{color:#4a83c6;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.seo-list-card strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.seo-list-card span{font-size:11px;color:var(--muted);line-height:1.55}
.seo-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;width:min(1150px,calc(100% - 30px));margin:20px auto 35px;font-size:11px;color:var(--muted)}.seo-footer nav{display:flex;flex-wrap:wrap;gap:17px}
@media(max-width:690px){.seo-header{padding:12px 17px;flex-wrap:wrap}.seo-brand{font-size:15px}.seo-brand img{height:42px;width:42px}.seo-header nav{gap:13px}.seo-shell{margin:20px auto 40px}.seo-hero{padding:26px 23px}.seo-content{padding:25px 19px}.seo-list{grid-template-columns:1fr}.seo-coat{margin:0 0 16px 10px}.seo-coat img{height:80px;width:65px}}