/* 9204 AI 검색 노출(연재 '전문가는 전문가를 만나야 한다' 4편, 2026-10-22 사장님 '내일걸 작성하자'). 로컬 초안.
   남색 바탕 AI 검색 네 칸(로봇 이름 꼬리표) → 검색용과 학습용 로봇 두 열(초록 허용, 회색 학습) + robots.txt 코드 → 구글 조건 여덟 줄 번호 격자 + 오해 상자
   → GEO 큰 숫자 띠 + 방법 셋 + 페이지 형식 견본(제목, 첫 문단, 본문, 작성자 층) → 사례 유입원 막대 → 진행 방식 → 연재 순서(가로 줄) */
.v-artd .sp-9204 .prose{font-size:17px}
.v-artd .sp-9204 .prose h2{margin:0 0 14px;padding:0;border:0;font-size:26px;letter-spacing:-.7px;display:block;min-height:0}
.v-artd .sp-9204 .prose h2::before,.v-artd .sp-9204 .prose h2::after{content:none}
.v-artd .sp-9204 .prose h3{margin:0;padding:0;border:0}
.v-artd .sp-9204 .prose h3::before,.v-artd .sp-9204 .prose h3::after{content:none}
.v-artd .sp-9204 :where(.prose) .ai-s{padding:64px 0 4px;scroll-margin-top:90px}
.v-artd .sp-9204 :where(.prose) .ai-s>p{margin:0 0 16px}
.v-artd .sp-9204 :where(.prose) li::before{content:none}
.v-artd .sp-9204 :where(.prose) ul,.v-artd .sp-9204 :where(.prose) ol{list-style:none;padding:0;margin:0}
.v-artd .sp-9204 :where(.prose) li{margin:0}

/* AI 검색 네 칸 */
.v-artd .sp-9204 :where(.prose) .ai-eng{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin:8px 0 8px;padding:2px;border-radius:20px;background:#2a2f52;overflow:hidden}
.v-artd .sp-9204 :where(.prose) .en{margin:0;padding:22px 22px 20px;background:var(--navy)}
.v-artd .sp-9204 :where(.prose) .en:first-child{border-radius:18px 0 0 0}
.v-artd .sp-9204 :where(.prose) .en:nth-child(2){border-radius:0 18px 0 0}
.v-artd .sp-9204 :where(.prose) .en:nth-child(3){border-radius:0 0 0 18px}
.v-artd .sp-9204 :where(.prose) .en:nth-child(4){border-radius:0 0 18px 0}
.v-artd .sp-9204 :where(.prose) .en-k{margin:0 0 4px;font-size:12.5px;font-weight:800;color:#8f96b8}
.v-artd .sp-9204 .prose .en h3{margin:0 0 12px;font-size:19px;letter-spacing:-.4px;color:#fff}
.v-artd .sp-9204 :where(.prose) .en-b{display:inline-block;margin:0 0 12px;padding:5px 11px;border-radius:8px;background:var(--yellow);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:700;color:var(--navy)}
.v-artd .sp-9204 :where(.prose) .en p:last-child{margin:0;font-size:14.5px;line-height:1.65;color:#c9cde0}

/* 검색용과 학습용 */
.v-artd .sp-9204 :where(.prose) .ai-bot{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 14px}
.v-artd .sp-9204 :where(.prose) .bt{padding:20px 22px;border-radius:16px}
.v-artd .sp-9204 :where(.prose) .bt-s{background:#eaf7ef;box-shadow:inset 0 0 0 2px #2fa565}
.v-artd .sp-9204 :where(.prose) .bt-t{background:var(--soft)}
.v-artd .sp-9204 :where(.prose) .bt-h{display:flex;flex-direction:column;gap:2px;margin:0 0 10px;font-size:17px;font-weight:900;color:var(--ink)}
.v-artd .sp-9204 :where(.prose) .bt-h small{font-size:13px;font-weight:700;color:#2fa565}
.v-artd .sp-9204 :where(.prose) .bt-t .bt-h small{color:var(--sub)}
.v-artd .sp-9204 :where(.prose) .bt li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 0;border-top:1px solid rgba(27,31,58,.08)}
.v-artd .sp-9204 :where(.prose) .bt li:first-child{border-top:0}
.v-artd .sp-9204 :where(.prose) .bt b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;color:var(--ink)}
.v-artd .sp-9204 :where(.prose) .bt span{font-size:13.5px;text-align:right;color:var(--sub)}
.v-artd .sp-9204 :where(.prose) .ai-code{margin:0 0 8px;padding:16px 18px;border-radius:14px;background:#1b1f3a;overflow-x:auto}
.v-artd .sp-9204 :where(.prose) .ai-code code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;line-height:1.75;color:#e6e9f5;white-space:pre;background:none;padding:0}
.v-artd .sp-9204 :where(.prose) .ai-code .c{color:#8f96b8}

/* 구글 조건 여덟 줄 */
.v-artd .sp-9204 :where(.prose) .ai-list{counter-reset:g;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0 16px}
.v-artd .sp-9204 :where(.prose) .ai-list li{counter-increment:g;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);font-size:15px;font-weight:700;line-height:1.45;color:var(--ink)}
.v-artd .sp-9204 :where(.prose) .ai-list li::after{content:counter(g);order:-1;flex:none;width:26px;height:26px;border-radius:8px;background:#eef2ff;font-size:13px;font-weight:900;line-height:26px;text-align:center;color:var(--blue)}
.v-artd .sp-9204 :where(.prose) .ai-myth{position:relative;padding:18px 22px 18px 64px;border-radius:14px;background:var(--yellow2)}
.v-artd .sp-9204 :where(.prose) .ai-myth::before{content:"";position:absolute;left:20px;top:20px;width:28px;height:28px;border-radius:50%;background:#e63e3a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E") center/14px no-repeat}
.v-artd .sp-9204 :where(.prose) .my-h{margin:0 0 4px;font-size:16px;font-weight:900;color:var(--ink)}
.v-artd .sp-9204 :where(.prose) .ai-myth p:last-child{margin:0;font-size:15px;line-height:1.6;color:#5b4a14}

/* GEO 숫자와 형식 견본 */
.v-artd .sp-9204 :where(.prose) .ai-geo{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:22px;margin:6px 0 18px;padding:22px 26px;border-radius:18px;background:linear-gradient(135deg,#2e5bff,#1b1f3a)}
.v-artd .sp-9204 :where(.prose) .geo-n{display:flex;flex-direction:column;margin:0;color:#fff}
.v-artd .sp-9204 :where(.prose) .geo-n small{font-size:13px;font-weight:700;color:#c9d4ff}
.v-artd .sp-9204 .prose .geo-n b{font-size:46px;font-weight:900;letter-spacing:-1.5px;line-height:1.1;color:var(--yellow)}
.v-artd .sp-9204 :where(.prose) .geo-n em{font-style:normal;font-size:15px;font-weight:800;color:#fff}
.v-artd .sp-9204 :where(.prose) .geo-m{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.v-artd .sp-9204 :where(.prose) .geo-m li{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.14);font-size:15px;font-weight:800;color:#fff}
.v-artd .sp-9204 :where(.prose) .ai-form{display:flex;flex-direction:column;gap:6px;margin:6px 0 8px;padding:18px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line),0 10px 26px rgba(27,31,58,.06)}
.v-artd .sp-9204 :where(.prose) .ai-form>div{display:grid;grid-template-columns:80px 1fr;align-items:baseline;gap:12px;padding:12px 14px;border-radius:10px;font-size:15px;line-height:1.5;color:var(--ink)}
.v-artd .sp-9204 :where(.prose) .ai-form small{font-size:12.5px;font-weight:800;color:var(--blue)}
.v-artd .sp-9204 :where(.prose) .fm-q{background:#eef2ff;font-size:17px !important;font-weight:800}
.v-artd .sp-9204 :where(.prose) .fm-a{background:var(--yellow2);font-weight:700}
.v-artd .sp-9204 :where(.prose) .fm-d{background:var(--soft)}
.v-artd .sp-9204 :where(.prose) .fm-w{background:var(--soft)}

/* 사례 */
.v-artd .sp-9204 :where(.prose) .ai-case{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;align-items:center;margin:6px 0 8px;padding:24px;border-radius:18px;background:var(--soft)}
.v-artd .sp-9204 :where(.prose) .cs-k{margin:0 0 6px;font-size:18px;font-weight:900;color:var(--ink)}
.v-artd .sp-9204 :where(.prose) .cs-t p:not(.cs-k){margin:0 0 14px;font-size:15px;line-height:1.65;color:#3a3f52}
.v-artd .sp-9204 :where(.prose) .cs-t a{display:inline-block;padding:9px 16px;border-radius:999px;background:var(--navy);font-size:14px;font-weight:800;color:#fff;text-decoration:none}
.v-artd .sp-9204 :where(.prose) .cs-t a:hover{background:var(--blue)}
.v-artd .sp-9204 :where(.prose) .cs-src{display:flex;flex-direction:column;gap:8px}
.v-artd .sp-9204 :where(.prose) .cs-src li{padding:12px 16px;border-radius:12px;background:#fff;font-size:15px;font-weight:800;color:var(--sub)}
.v-artd .sp-9204 :where(.prose) .cs-src li.hl{background:var(--navy);color:var(--yellow)}

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

/* 연재 순서 */
.v-artd .sp-9204 :where(.prose) .ai-next{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 8px}
.v-artd .sp-9204 :where(.prose) .ai-next li{flex:1 1 150px}
.v-artd .sp-9204 :where(.prose) .ai-next a,.v-artd .sp-9204 :where(.prose) .ai-next p{display:flex;flex-direction:column;gap:3px;height:100%;margin:0;padding:12px 14px;border-radius:12px;background:var(--soft);font-size:14.5px;font-weight:700;line-height:1.4;color:var(--ink);text-decoration:none;box-sizing:border-box}
.v-artd .sp-9204 :where(.prose) .ai-next a:hover{background:#eef2ff}
.v-artd .sp-9204 :where(.prose) .ai-next li.on p{background:var(--navy);color:#fff}
.v-artd .sp-9204 :where(.prose) .ai-next span{font-size:12.5px;font-weight:800;color:var(--blue)}
.v-artd .sp-9204 :where(.prose) .ai-next li.on span{color:var(--yellow)}

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

@media (max-width:760px){
  .v-artd .sp-9204 .prose h2{font-size:22px}
  .v-artd .sp-9204 :where(.prose) .ai-s{padding-top:48px}
  .v-artd .sp-9204 :where(.prose) .ai-eng{grid-template-columns:1fr}
  .v-artd .sp-9204 :where(.prose) .en{border-radius:0 !important}
  .v-artd .sp-9204 :where(.prose) .en:first-child{border-radius:18px 18px 0 0 !important}
  .v-artd .sp-9204 :where(.prose) .en:last-child{border-radius:0 0 18px 18px !important}
  .v-artd .sp-9204 :where(.prose) .ai-bot{grid-template-columns:1fr}
  .v-artd .sp-9204 :where(.prose) .ai-list{grid-template-columns:1fr}
  .v-artd .sp-9204 :where(.prose) .ai-geo{grid-template-columns:1fr;padding:20px}
  .v-artd .sp-9204 :where(.prose) .geo-m{justify-content:flex-start}
  .v-artd .sp-9204 :where(.prose) .ai-form>div{grid-template-columns:1fr;gap:2px}
  .v-artd .sp-9204 :where(.prose) .ai-case{grid-template-columns:1fr;padding:20px}
  .v-artd .sp-9204 :where(.prose) .ai-wbox{padding:20px 18px}
  .v-artd .sp-9204 :where(.prose) .ai-wbox dl>div{grid-template-columns:1fr;gap:4px}
  .v-artd .sp-9204 :where(.prose) .ai-next li{flex-basis:40%}
}