.editorial-page {background:#070c18;color:#f1f4ff;--muted:#b0bbd1;--line:#26304a}
.editorial-page .brand-logo {filter:brightness(0) invert(1)}
.editorial-page .site-header {background:rgba(7,12,24,.96)}
.editorial-hero {padding-block:34px 70px}
.breadcrumbs {display:flex;gap:12px;font-size:14px;color:#a8b3cb;margin-bottom:45px;flex-wrap:wrap}
.breadcrumbs a:hover,.editorial-article a {color:#8aa3ff}
.editorial-intro {display:grid;grid-template-columns:1.45fr 1fr;gap:50px;align-items:center}
.editorial-intro h1 {font-size:clamp(36px,4.6vw,66px);line-height:1.4;margin-block:14px 22px}
.editorial-lead {font-size:20px;line-height:2;max-width:690px}
.editorial-mark {display:grid;place-items:center;background:radial-gradient(ellipse,#19285655,transparent 65%)}
.editorial-mark img {width:min(100%,380px);height:auto}
.editorial-page .section {padding-block:70px;border-top:1px solid var(--line)}
.editorial-content h2 {max-width:820px;margin-bottom:30px}
.editorial-cards {display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.editorial-cards article {padding:30px;border:1px solid var(--line);border-radius:20px;background:#0d1426}
.editorial-cards article>span {color:#8aa3ff}
.editorial-cards h3 {margin-block:12px;font-size:23px}
.editorial-note {border-inline-start:3px solid #5478ff;padding:16px 22px;background:#10192c;margin-top:28px}
.editorial-projects {display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.editorial-projects>a,.editorial-links>a {border:1px solid var(--line);border-radius:18px;overflow:hidden;padding:22px;background:#0d1426;transition:border-color .2s}
.editorial-projects>a:hover,.editorial-links>a:hover {border-color:#5478ff}
.editorial-projects img {width:100%;height:210px;object-fit:cover;border-radius:10px;background:#090f1e}
.editorial-projects>a:first-child img {object-fit:contain}
.editorial-projects h3 {margin-block:18px 8px}
.editorial-projects span,.editorial-links span {display:block;color:#8aa3ff;margin-top:16px}
.editorial-steps {display:grid;grid-template-columns:repeat(2,1fr);gap:28px;list-style:decimal-leading-zero;padding-inline-start:32px}
.editorial-steps li {padding:12px}
.editorial-steps li::marker {color:#8aa3ff}
.editorial-steps h3 {margin-bottom:10px}
.editorial-links {display:grid;grid-template-columns:1fr 1fr;gap:24px}
.editorial-links h3 {margin-bottom:12px}
.editorial-article {max-width:840px;font-size:19px;line-height:2.1}
.editorial-article h2 {font-size:clamp(26px,3vw,36px);margin-block:44px 18px}
.editorial-article h2:first-child {margin-top:0}
.editorial-article p,.editorial-article li {margin-bottom:18px}
.editorial-article strong {color:#f1f4ff}
.editorial-article a {text-decoration:underline;text-underline-offset:5px}
.table-scroll {overflow-x:auto;margin-block:30px;border:1px solid var(--line);border-radius:14px}
.table-scroll table {border-collapse:collapse;width:100%;min-width:620px;font-size:17px}
.table-scroll th,.table-scroll td {padding:18px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}
.table-scroll th {background:#14203a}
.editorial-footer {display:grid;gap:20px;padding-block:40px}
.editorial-footer nav {display:flex;flex-wrap:wrap;gap:20px;color:#b8c6e5}
.editorial-page .contact-grid {align-items:start}
.editorial-page .faq-list {max-width:900px}
@media(max-width:850px) {.editorial-intro {grid-template-columns:1fr;gap:24px}.editorial-mark {display:none}.editorial-cards,.editorial-projects {grid-template-columns:1fr}.editorial-hero {padding-bottom:50px}.editorial-page .section {padding-block:45px}.breadcrumbs {margin-bottom:28px}.editorial-lead {font-size:18px}.editorial-steps,.editorial-links {grid-template-columns:1fr}.editorial-article {font-size:17px}.editorial-projects img {height:220px}}
