/* 9203 구글 검색 노출(연재 '전문가는 전문가를 만나야 한다' 3편, 2026-10-22). 로컬 초안.
   처리 세 단계 가로 공정(카드 셋 + 화살표 선 위를 지나는 점, 막히는 지점 빨간 띠) → 속성 두 장 비교 + 확인 방법 여섯 칩
   → 코어 웹 바이탈 반원 계기 셋(양호, 개선 필요, 나쁨 구간) → 같은 정보 세 곳 띠 → 방문에서 문의로 깔때기 → 선택 기준(확인 목록과 경계 목록) → 진행 방식 → 연재 순서 */
.v-artd .sp-9203 .prose{font-size:17px}
.v-artd .sp-9203 .prose h2{margin:0 0 14px;padding:0;border:0;font-size:26px;letter-spacing:-.7px;display:block;min-height:0}
.v-artd .sp-9203 .prose h2::before,.v-artd .sp-9203 .prose h2::after{content:none}
.v-artd .sp-9203 .prose h3{margin:0;padding:0;border:0}
.v-artd .sp-9203 .prose h3::before,.v-artd .sp-9203 .prose h3::after{content:none}
.v-artd .sp-9203 :where(.prose) .gg-s{padding:64px 0 4px;scroll-margin-top:90px}
.v-artd .sp-9203 :where(.prose) .gg-s>p{margin:0 0 16px}
.v-artd .sp-9203 :where(.prose) li::before{content:none}
.v-artd .sp-9203 :where(.prose) ul,.v-artd .sp-9203 :where(.prose) ol{list-style:none;padding:0;margin:0}
.v-artd .sp-9203 :where(.prose) li{margin:0}

/* 처리 세 단계 */
.v-artd .sp-9203 :where(.prose) .gg-flow{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin:30px 0 22px}
.v-artd .sp-9203 :where(.prose) .gg-flow::before{content:"";position:absolute;left:8%;right:8%;top:22px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--navy),var(--blue))}
.v-artd .sp-9203 :where(.prose) .gg-flow::after{content:"";position:absolute;left:8%;top:17px;width:13px;height:13px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 4px rgba(245,180,0,.25);animation:gg-run 4.5s ease-in-out infinite}
@keyframes gg-run{0%{left:8%}45%,55%{left:50%}100%{left:91%}}
@media (prefers-reduced-motion:reduce){.v-artd .sp-9203 :where(.prose) .gg-flow::after{animation:none;display:none}}
.v-artd .sp-9203 :where(.prose) .gg-flow>li{position:relative;z-index:1;display:flex;flex-direction:column;padding:0}
.v-artd .sp-9203 :where(.prose) .fl-n{align-self:flex-start;margin:0 0 14px;width:46px;height:46px;border-radius:50%;background:var(--navy);box-shadow:0 0 0 6px #fff;font-size:15px;font-weight:900;line-height:46px;text-align:center;color:var(--yellow)}
.v-artd .sp-9203 .prose .gg-flow h3{margin:0 0 8px;font-size:20px;letter-spacing:-.4px;color:var(--ink)}
.v-artd .sp-9203 :where(.prose) .fl-d{flex:1;margin:0 0 12px;font-size:15px;line-height:1.65;color:#3a3f52}
.v-artd .sp-9203 :where(.prose) .fl-x{display:flex;flex-direction:column;gap:4px;margin:0;padding:12px 14px;border-top:3px solid #e63e3a;border-radius:0 0 12px 12px;background:#fdf1f0;font-size:14px;line-height:1.55;color:#5a2b28}
.v-artd .sp-9203 :where(.prose) .fl-x b{font-size:12px;font-weight:800;color:#e63e3a}

/* 속성 두 장 */
.v-artd .sp-9203 :where(.prose) .gg-prop{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 20px}
.v-artd .sp-9203 :where(.prose) .pr{padding:20px 22px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line)}
.v-artd .sp-9203 :where(.prose) .pr+.pr{background:var(--soft);box-shadow:none}
.v-artd .sp-9203 :where(.prose) .pr-h{margin:0 0 8px;font-size:17px;font-weight:900;color:var(--ink)}
.v-artd .sp-9203 :where(.prose) .pr-u{margin:0 0 12px;padding:8px 12px;border-radius:8px;background:var(--navy);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;color:#e6e9f5}
.v-artd .sp-9203 :where(.prose) .pr li{position:relative;padding:6px 0 6px 18px;font-size:14.5px;line-height:1.5;color:#3a3f52}
.v-artd .sp-9203 :where(.prose) .pr li::after{content:"";position:absolute;left:2px;top:14px;width:7px;height:7px;border-radius:50%;background:var(--blue)}
.v-artd .sp-9203 :where(.prose) .gg-chip{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.v-artd .sp-9203 :where(.prose) .gg-chip li{padding:8px 14px;border-radius:999px;background:#eef2ff;font-size:14.5px;font-weight:700;color:var(--navy)}
.v-artd .sp-9203 :where(.prose) .gg-chip li:last-child{background:var(--navy);color:var(--yellow)}

/* 코어 웹 바이탈 계기 */
.v-artd .sp-9203 :where(.prose) .gg-gauge{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 10px}
.v-artd .sp-9203 :where(.prose) .ga{display:flex;flex-direction:column;align-items:center;padding:20px 16px 18px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);text-align:center}
.v-artd .sp-9203 :where(.prose) .ga svg{width:150px;height:auto;overflow:visible}
.v-artd .sp-9203 :where(.prose) .ga path{fill:none;stroke-width:12}
.v-artd .sp-9203 :where(.prose) .ga .g1{stroke:var(--blue)}
.v-artd .sp-9203 :where(.prose) .ga .g2{stroke:var(--yellow)}
.v-artd .sp-9203 :where(.prose) .ga .g3{stroke:#e63e3a}
.v-artd .sp-9203 :where(.prose) .ga-v{margin:-26px 0 0;font-size:14px;font-weight:800;color:var(--sub)}
.v-artd .sp-9203 :where(.prose) .ga-v b{margin-right:3px;font-size:30px;font-weight:900;letter-spacing:-1px;color:var(--ink)}
.v-artd .sp-9203 :where(.prose) .ga-r{margin:2px 0 10px;font-size:12.5px;font-weight:700;color:#e63e3a}
.v-artd .sp-9203 .prose .ga h3{margin:0 0 4px;font-size:16px;letter-spacing:.5px;color:var(--blue)}
.v-artd .sp-9203 :where(.prose) .ga-d{margin:0;font-size:14px;line-height:1.5;color:var(--sub)}
.v-artd .sp-9203 :where(.prose) .gg-leg{display:flex;align-items:center;gap:6px;margin:0 0 16px !important;font-size:13px;font-weight:700;color:var(--sub)}
.v-artd .sp-9203 :where(.prose) .gg-leg i{width:14px;height:6px;border-radius:3px;margin-left:8px}
.v-artd .sp-9203 :where(.prose) .gg-leg i:first-child{margin-left:0}
.v-artd .sp-9203 :where(.prose) .gg-leg .l1{background:var(--blue)}
.v-artd .sp-9203 :where(.prose) .gg-leg .l2{background:var(--yellow)}
.v-artd .sp-9203 :where(.prose) .gg-leg .l3{background:#e63e3a}

/* 같은 정보 세 곳 */
.v-artd .sp-9203 :where(.prose) .gg-same{margin:6px 0 8px;padding:20px 22px;border-radius:16px;background:var(--yellow2)}
.v-artd .sp-9203 :where(.prose) .sm-h{margin:0 0 10px;font-size:14px;font-weight:800;color:#8a6a00}
.v-artd .sp-9203 :where(.prose) .gg-same ul{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.v-artd .sp-9203 :where(.prose) .gg-same li{padding:6px 12px;border-radius:8px;background:#fff;font-size:14.5px;font-weight:700;color:var(--ink)}
.v-artd .sp-9203 :where(.prose) .sm-t{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0}
.v-artd .sp-9203 :where(.prose) .sm-t span{padding:10px;border-radius:10px;background:var(--navy);font-size:14px;font-weight:800;text-align:center;color:#fff}

/* 깔때기 */
.v-artd .sp-9203 :where(.prose) .gg-funnel{display:flex;flex-direction:column;align-items:center;gap:6px;margin:8px 0 14px;padding:22px;border-radius:18px;background:var(--soft)}
.v-artd .sp-9203 :where(.prose) .fn{display:flex;align-items:baseline;justify-content:center;gap:8px;padding:14px 18px;border-radius:12px;color:#fff}
.v-artd .sp-9203 :where(.prose) .fn b{font-size:34px;font-weight:900;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.v-artd .sp-9203 :where(.prose) .fn span{font-size:15px;font-weight:800}
.v-artd .sp-9203 :where(.prose) .fn-1{width:100%;background:var(--navy)}
.v-artd .sp-9203 :where(.prose) .fn-2{width:72%;background:var(--blue)}
.v-artd .sp-9203 :where(.prose) .fn-3{width:46%;background:var(--yellow);color:var(--navy)}
.v-artd .sp-9203 :where(.prose) .fn-k{margin:8px 0 0;font-size:15px;font-weight:700;color:var(--ink)}
.v-artd .sp-9203 :where(.prose) .fn-k b{color:var(--blue)}
.v-artd .sp-9203 :where(.prose) .gg-case{display:inline-block;padding:10px 18px;border-radius:999px;background:var(--navy);font-size:14.5px;font-weight:800;color:#fff;text-decoration:none}
.v-artd .sp-9203 :where(.prose) .gg-case:hover{background:var(--blue)}

/* 선택 기준 */
.v-artd .sp-9203 :where(.prose) .gg-pick{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin:6px 0 16px}
.v-artd .sp-9203 :where(.prose) .gg-pick ul{padding:18px 20px;border-radius:16px}
.v-artd .sp-9203 :where(.prose) .pk-ok{background:#eef2ff}
.v-artd .sp-9203 :where(.prose) .pk-no{background:#fdf1f0}
.v-artd .sp-9203 :where(.prose) .gg-pick li{position:relative;padding:8px 0 8px 30px;font-size:15px;font-weight:700;line-height:1.45;color:var(--ink)}
.v-artd .sp-9203 :where(.prose) .gg-pick li::after{position:absolute;left:0;top:8px;width:20px;height:20px;border-radius:50%;font-size:12px;font-weight:900;line-height:20px;text-align:center;color:#fff}
.v-artd .sp-9203 :where(.prose) .pk-ok li::after{content:"✓";background:var(--blue)}
.v-artd .sp-9203 :where(.prose) .pk-no li::after{content:"✕";background:#e63e3a}
.v-artd .sp-9203 :where(.prose) .pk-no li{color:#5a2b28}
.v-artd .sp-9203 :where(.prose) .gg-q{padding:18px 22px;border-radius:14px;background:var(--navy);font-size:16.5px !important;font-weight:700;line-height:1.6;color:#fff}

/* 진행 방식 */
.v-artd .sp-9203 :where(.prose) .gg-wbox{margin:0;padding:24px 26px;border-radius:18px;background:#eef2ff}
.v-artd .sp-9203 :where(.prose) .gg-wbox .we-h{margin:0 0 12px;font-size:13px;font-weight:800;letter-spacing:.4px;color:var(--blue)}
.v-artd .sp-9203 :where(.prose) .gg-wbox dl{margin:0}
.v-artd .sp-9203 :where(.prose) .gg-wbox dl>div{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:12px 0;border-top:1px solid #d6defa}
.v-artd .sp-9203 :where(.prose) .gg-wbox dl>div:first-child{border-top:0;padding-top:0}
.v-artd .sp-9203 :where(.prose) .gg-wbox dt{font-size:15px;font-weight:800;color:var(--ink)}
.v-artd .sp-9203 :where(.prose) .gg-wbox dd{margin:0;font-size:15px;line-height:1.6;color:#3a3f52}

/* 연재 순서 */
.v-artd .sp-9203 :where(.prose) .gg-next{display:flex;flex-direction:column;margin:6px 0 8px;border-radius:14px;box-shadow:inset 0 0 0 1.5px var(--line);overflow:hidden}
.v-artd .sp-9203 :where(.prose) .gg-next li{display:flex;align-items:center;gap:14px;padding:12px 18px;border-top:1px solid var(--line)}
.v-artd .sp-9203 :where(.prose) .gg-next li:first-child{border-top:0}
.v-artd .sp-9203 :where(.prose) .gg-next li.on{background:var(--yellow2)}
.v-artd .sp-9203 :where(.prose) .gg-next span{width:40px;font-size:13px;font-weight:800;color:var(--blue)}
.v-artd .sp-9203 :where(.prose) .gg-next a,.v-artd .sp-9203 :where(.prose) .gg-next b{font-size:15.5px;font-weight:700;color:var(--ink);text-decoration:none}
.v-artd .sp-9203 :where(.prose) .gg-next a{color:var(--blue)}
.v-artd .sp-9203 :where(.prose) .gg-next li:not(.on) b{color:var(--sub)}

/* 출처 */
.v-artd .sp-9203 .prose .gg-srcs h2{font-size:15px;color:var(--sub)}
.v-artd .sp-9203 :where(.prose) .gg-srcs li{font-size:13.5px;line-height:1.7;color:var(--sub)}

@media (max-width:760px){
  .v-artd .sp-9203 .prose h2{font-size:22px}
  .v-artd .sp-9203 :where(.prose) .gg-s{padding-top:48px}
  .v-artd .sp-9203 :where(.prose) .gg-flow{grid-template-columns:1fr;gap:20px;padding-left:0}
  .v-artd .sp-9203 :where(.prose) .gg-flow::before{left:22px;right:auto;top:20px;bottom:20px;width:3px;height:auto;background:linear-gradient(var(--navy),var(--blue))}
  .v-artd .sp-9203 :where(.prose) .gg-flow::after{display:none}
  .v-artd .sp-9203 :where(.prose) .gg-flow>li{padding-left:64px}
  .v-artd .sp-9203 :where(.prose) .fl-n{position:absolute;left:0;top:0}
  .v-artd .sp-9203 .prose .gg-flow h3{padding-top:10px}
  .v-artd .sp-9203 :where(.prose) .gg-prop{grid-template-columns:1fr}
  .v-artd .sp-9203 :where(.prose) .gg-gauge{grid-template-columns:1fr}
  .v-artd .sp-9203 :where(.prose) .gg-leg{flex-wrap:wrap}
  .v-artd .sp-9203 :where(.prose) .sm-t{grid-template-columns:1fr}
  .v-artd .sp-9203 :where(.prose) .fn-2{width:84%}
  .v-artd .sp-9203 :where(.prose) .fn-3{width:68%}
  .v-artd .sp-9203 :where(.prose) .gg-pick{grid-template-columns:1fr}
  .v-artd .sp-9203 :where(.prose) .gg-wbox{padding:20px 18px}
  .v-artd .sp-9203 :where(.prose) .gg-wbox dl>div{grid-template-columns:1fr;gap:4px}
}
.v-artd .sp-9203 .prose .fn b{color:inherit}