/* EraseVaro V119: lightweight, crawlable SEO content. No JS or external assets. */
.ev-seo-crumb { display:flex; flex-wrap:wrap; align-items:center; gap:9px; font-size:12px; margin-bottom:20px; color:#aab8d3; }
.ev-seo-crumb a { color:#95e3ed; font-weight:750; }
.ev-seo-crumb span[aria-hidden] { color:#8996b3; }
.ev-seo-home { padding-top:72px; padding-bottom:74px; }
.ev-seo-link-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.ev-seo-link-grid a { display:flex; flex-direction:column; gap:12px; min-height:140px; padding:24px; background:linear-gradient(140deg,#151e34,#0f182b); border:1px solid rgba(160,182,240,.19); border-radius:17px; transition:border-color .18s ease,transform .18s ease; }
.ev-seo-link-grid a:hover,.ev-seo-related a:hover { transform:translateY(-2px); border-color:#9e8bdf; }
.ev-seo-link-grid strong { font-size:17px; line-height:1.3; color:#f4f5fd; }
.ev-seo-link-grid span { font-size:13px; line-height:1.75; color:#b7c3da; }
.ev-seo-tool-guide { padding-top:68px; padding-bottom:80px; }
.ev-seo-tool-guide .section-heading { max-width:800px; }
.ev-seo-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; list-style:none; margin:0; padding:0; counter-reset:ev-step; }
.ev-seo-steps li { padding:27px; border:1px solid rgba(160,182,240,.19); border-radius:18px; background:#121b30; counter-increment:ev-step; }
.ev-seo-steps li::before { content:'STEP ' counter(ev-step,decimal-leading-zero); display:block; font-size:10px; font-weight:850; letter-spacing:.13em; color:#a998f0; margin-bottom:16px; }
.ev-seo-steps h3 { font-size:19px; letter-spacing:-.025em; margin-bottom:12px; }
.ev-seo-steps p { font-size:14px; line-height:1.8; }
.ev-seo-details-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:28px; margin-top:40px; align-items:start; }
.ev-seo-details-grid>div { border:1px solid rgba(160,182,240,.16); background:linear-gradient(145deg,#121d34,#0e172a); border-radius:18px; padding:25px; }
.ev-seo-details-grid h2,.ev-seo-related h2 { font-size:23px; margin-bottom:20px; }
.ev-seo-details-grid ul { padding-left:20px; margin:0; color:#bdc9df; font-size:14px; line-height:1.95; }
.ev-seo-details-grid li+li { margin-top:12px; }
.ev-seo-details-grid details { border-top:1px solid rgba(160,182,240,.16); padding:16px 0; }
.ev-seo-details-grid details:first-of-type { border-top:0; }
.ev-seo-details-grid details summary { cursor:pointer; font-size:14px; font-weight:750; line-height:1.55; }
.ev-seo-details-grid details summary:hover { color:#9be5ea; }
.ev-seo-details-grid details p { margin-top:12px; font-size:13px; line-height:1.8; }
.ev-seo-related { margin-top:38px; padding-top:25px; border-top:1px solid rgba(160,182,240,.15); }
.ev-seo-related>div { display:flex; flex-wrap:wrap; gap:10px; }
.ev-seo-related a { display:inline-flex; align-items:center; padding:11px 14px; border:1px solid rgba(160,182,240,.25); border-radius:10px; font-size:13px; line-height:1.5; font-weight:700; color:#b8eff3; background:#15213b; transition:transform .18s ease,border-color .18s ease; }
.article-page .ev-seo-related { margin-top:45px; }
@media (max-width:900px) { .ev-seo-link-grid,.ev-seo-steps { grid-template-columns:repeat(2,minmax(0,1fr)); } .ev-seo-details-grid { grid-template-columns:1fr; } }
@media (max-width:620px) { .ev-seo-link-grid,.ev-seo-steps { grid-template-columns:1fr; } .ev-seo-home,.ev-seo-tool-guide { padding-top:45px; padding-bottom:55px; } .ev-seo-link-grid a,.ev-seo-steps li { min-height:auto; padding:20px; } .ev-seo-details-grid>div { padding:20px; } }
