/* Visual explanations shared by the SEO review pages. */
.seo-visual { margin:32px 0; color:var(--dark); }
.seo-visual h2 {font-family:var(--font-display);font-size:clamp(25px,3vw,36px);line-height:1.2;letter-spacing:-.6px;margin:0 0 16px;}
.seo-visual h3 {font-size:19px;line-height:1.3;margin:12px 0 8px;}
.seo-visual p {font-size:16px;line-height:1.65;color:var(--gray-600);max-width:68ch;margin:0 0 16px;}
.seo-visual a:not(.btn) {color:var(--primary);font-weight:600;text-decoration:underline;text-underline-offset:3px;}
.seo-visual a:focus-visible,.seo-visual summary:focus-visible {outline:3px solid var(--primary);outline-offset:5px;}
.seo-photo-flow {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:24px 0;}
.seo-photo-flow img {width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px;}
.seo-photo-flow li {min-width:0;}
.seo-photo-flow .seo-step {display:block;color:var(--primary);font-size:14px;font-weight:700;margin-top:16px;}
.seo-split {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center;}
.seo-split figure {margin:0;}
.seo-split img {width:100%;height:auto;max-height:480px;object-fit:cover;border-radius:12px;}
.seo-visual figcaption,.seo-visual .seo-note {font-size:13px;line-height:1.6;color:var(--gray-600);margin:10px 0 20px;}
.seo-steps {list-style:none;counter-reset:steps;padding:0;margin:20px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.seo-steps li {counter-increment:steps;border-top:2px solid var(--primary);padding-top:14px;}
.seo-steps li::before {content:counter(steps);display:block;font-size:30px;color:var(--primary);font-weight:800;line-height:1;}
.seo-steps p {font-size:15px;}
.seo-steps-four {grid-template-columns:repeat(2,minmax(0,1fr));}
.seo-record {background:var(--gray-50);border:1px solid var(--gray-200);border-radius:12px;padding:24px;margin:20px 0;}
.seo-record-head {display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--gray-200);padding-bottom:16px;}
.seo-record-head span {font-size:13px;color:var(--gray-600);}
.seo-record-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:16px;}
.seo-record ul {padding-left:18px;font-size:15px;line-height:1.9;color:var(--gray-600);}
.seo-actions {display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:24px;}
.seo-details {border-block:1px solid var(--gray-200);padding:18px 0;margin:24px 0;}
.seo-details summary {cursor:pointer;font-weight:700;}
.seo-details p {margin-top:14px;}
.seo-trigger {display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;background:var(--primary-50);border-left:4px solid var(--primary);padding:24px;margin-bottom:24px;}
.seo-trigger strong {font-size:32px;line-height:1.1;color:var(--primary);}
.seo-trigger p {margin:0;}
@media(max-width:700px){.seo-photo-flow,.seo-split,.seo-steps,.seo-record-grid{grid-template-columns:1fr;}.seo-photo-flow{gap:28px}.seo-photo-flow img{max-height:320px}.seo-split{gap:20px}.seo-record{padding:20px}.seo-trigger{grid-template-columns:1fr;gap:12px}.seo-actions .btn{width:100%;white-space:normal;text-align:center;}}

.seo-photo-flow li:first-child img {object-position:center 75%;}