/* 9206 메타 태그와 구조화 데이터(연재 '전문가는 전문가를 만나야 한다' 6편, 2026-10-23 사장님 '6편도 작성하고 공개해').
   표출 세 곳 견본(검색 결과, 카카오톡, 탭)과 머리 코드 줄 색 맞춤 번호 → 작성 기준 여섯 장(네이버 초록, 구글 파랑 꼬리표)
   → og:image 조건 남색 표 + 카카오톡 갱신 노랑 경로 → 파비콘 크기 넷 → JSON-LD 코드 색 구분과 범례 + FAQ 종료 상자
   → 페이지 소스 두 판 비교 → 진행 방식 세 칸 → 연재 순서 계단 */
.v-artd .sp-9206 .prose{font-size:17px}
.v-artd .sp-9206 .prose h2{margin:0 0 14px;padding:0;border:0;font-size:26px;letter-spacing:-.7px;display:block;min-height:0}
.v-artd .sp-9206 .prose h2::before,.v-artd .sp-9206 .prose h2::after{content:none}
.v-artd .sp-9206 .prose h3{margin:0;padding:0;border:0}
.v-artd .sp-9206 .prose h3::before,.v-artd .sp-9206 .prose h3::after{content:none}
.v-artd .sp-9206 :where(.prose) .mt-s{padding:64px 0 4px;scroll-margin-top:90px}
.v-artd .sp-9206 :where(.prose) .mt-s>p{margin:0 0 16px}
.v-artd .sp-9206 :where(.prose) li::before{content:none}
.v-artd .sp-9206 :where(.prose) ul,.v-artd .sp-9206 :where(.prose) ol{list-style:none;padding:0;margin:0}
.v-artd .sp-9206 :where(.prose) li{margin:0}
.v-artd .sp-9206 :where(.prose) pre{margin:0;border-radius:16px;background:#1b1f3a;overflow-x:auto}
.v-artd .sp-9206 :where(.prose) pre code{display:block;padding:18px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.8;color:#e6e9f5;white-space:pre;background:none}

/* 번호 색 */
.v-artd .sp-9206 :where(.prose) .pin{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;border-radius:6px;font-size:11.5px;font-weight:900;font-style:normal;line-height:1;color:#fff;vertical-align:middle}
.v-artd .sp-9206 :where(.prose) .pin-1{background:#2e5bff}
.v-artd .sp-9206 :where(.prose) .pin-2{background:#1f9d5c}
.v-artd .sp-9206 :where(.prose) .pin-3{background:#f08a24}
.v-artd .sp-9206 :where(.prose) .pin-4{background:#8b5cf6}

/* 표출 세 곳 */
.v-artd .sp-9206 :where(.prose) .mt-where{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:14px;margin:6px 0 16px}
.v-artd .sp-9206 :where(.prose) .wvw{padding:14px 16px;border-radius:14px;background:var(--soft)}
.v-artd .sp-9206 :where(.prose) .wvw-k{margin:0 0 8px;font-size:12px;font-weight:800;color:var(--sub)}
.v-artd .sp-9206 :where(.prose) .srp{padding:12px 14px;border-radius:10px;background:#fff}
.v-artd .sp-9206 :where(.prose) .srp p{margin:0}
.v-artd .sp-9206 :where(.prose) .srp-site{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink)}
.v-artd .sp-9206 :where(.prose) .srp-site small{font-size:12px;font-weight:400;color:var(--sub)}
.v-artd .sp-9206 :where(.prose) .fv{display:inline-block;flex:none;width:18px;height:18px;border-radius:5px;background:#1f9d5c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/11px no-repeat}
.v-artd .sp-9206 :where(.prose) .srp-t{display:flex;align-items:center;gap:6px;margin:6px 0 4px !important;font-size:16px;font-weight:700;color:#1a0dab}
.v-artd .sp-9206 :where(.prose) .srp-d{display:flex;align-items:flex-start;gap:6px;font-size:13.5px;line-height:1.55;color:#4d5156}
.v-artd .sp-9206 :where(.prose) .srp-d .pin{margin-top:1px}
.v-artd .sp-9206 :where(.prose) .wh-v{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:start;gap:10px}
.v-artd .sp-9206 :where(.prose) .wvw-serp{grid-column:1/-1}
.v-artd .sp-9206 :where(.prose) .kko{border-radius:10px;background:#fff;overflow:hidden}
.v-artd .sp-9206 :where(.prose) .kko-img{position:relative;height:74px;background:linear-gradient(135deg,#cfe3d8,#9cc7b0)}
.v-artd .sp-9206 :where(.prose) .kko-img .pin{position:absolute;left:8px;top:8px}
.v-artd .sp-9206 :where(.prose) .kko p{margin:0;padding:0 10px}
.v-artd .sp-9206 :where(.prose) .kko-t{padding-top:8px !important;font-size:13px;font-weight:800;line-height:1.4;color:var(--ink)}
.v-artd .sp-9206 :where(.prose) .kko-d{font-size:12px;line-height:1.45;color:var(--sub)}
.v-artd .sp-9206 :where(.prose) .kko-u{padding-bottom:9px !important;font-size:11px;color:#9aa0b1}
.v-artd .sp-9206 :where(.prose) .wtab{display:flex;align-items:center;gap:7px;padding:9px 10px;border-radius:10px 10px 0 0;background:#fff;font-size:12.5px;font-weight:600;color:var(--ink);box-shadow:0 2px 0 #fff,0 -1px 0 var(--line)}
.v-artd .sp-9206 :where(.prose) .wtab span:not(.pin){flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.v-artd .sp-9206 :where(.prose) .wtab .fv{width:14px;height:14px;border-radius:4px;background-size:9px}
.v-artd .sp-9206 :where(.prose) .wh-c{display:flex;align-items:center}
.v-artd .sp-9206 :where(.prose) .wh-c code{width:100%;padding:20px 18px;white-space:normal}
.v-artd .sp-9206 :where(.prose) .ln{display:block;margin:0 0 6px;padding:6px 10px 6px 12px;border-left:3px solid;border-radius:0 8px 8px 0;background:rgba(255,255,255,.04);white-space:pre-wrap;overflow-wrap:anywhere}
.v-artd .sp-9206 :where(.prose) .ln-1{border-color:#2e5bff}
.v-artd .sp-9206 :where(.prose) .ln-2{border-color:#1f9d5c}
.v-artd .sp-9206 :where(.prose) .ln-3{border-color:#f08a24}
.v-artd .sp-9206 :where(.prose) .ln-4{border-color:#8b5cf6;margin-bottom:0}

/* 작성 기준 여섯 장 */
.v-artd .sp-9206 :where(.prose) .mt-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0 8px}
.v-artd .sp-9206 :where(.prose) .mt-rules li{display:flex;flex-direction:column;padding:18px 18px 16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line)}
.v-artd .sp-9206 :where(.prose) .ru-s{display:flex;gap:4px;margin:0 0 12px}
.v-artd .sp-9206 :where(.prose) .ru-s b{padding:3px 8px;border-radius:6px;font-size:11.5px;font-weight:800}
.v-artd .sp-9206 :where(.prose) .ru-n{background:#e6f8ee;color:#03a94e}
.v-artd .sp-9206 :where(.prose) .ru-g{background:#e8effe;color:#2a63d9}
.v-artd .sp-9206 .prose .mt-rules h3{margin:0 0 8px;font-size:17px;letter-spacing:-.3px;color:var(--ink)}
.v-artd .sp-9206 :where(.prose) .mt-rules li p:last-child{margin:0;font-size:14.5px;line-height:1.6;color:#3a3f52}

/* 오픈 그래프 */
.v-artd .sp-9206 :where(.prose) .mt-og{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin:6px 0 8px}
.v-artd .sp-9206 :where(.prose) .og-h{margin:0 0 12px;font-size:15px;font-weight:900}
.v-artd .sp-9206 :where(.prose) .og-spec{padding:22px;border-radius:18px;background:var(--navy)}
.v-artd .sp-9206 :where(.prose) .og-spec .og-h{color:#fff}
.v-artd .sp-9206 :where(.prose) .og-spec li{display:grid;grid-template-columns:120px 1fr;align-items:baseline;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.1)}
.v-artd .sp-9206 .prose .og-spec b{font-size:20px;font-weight:900;letter-spacing:-.4px;color:var(--yellow)}
.v-artd .sp-9206 :where(.prose) .og-spec span{font-size:14px;line-height:1.5;color:#c9cde0}
.v-artd .sp-9206 :where(.prose) .og-kk{padding:22px;border-radius:18px;background:#fee500}
.v-artd .sp-9206 :where(.prose) .og-kk .og-h{color:#3a1d1d}
.v-artd .sp-9206 :where(.prose) .og-kk>p:not(.og-h){margin:0 0 14px;font-size:14.5px;line-height:1.6;color:#3a1d1d}
.v-artd .sp-9206 :where(.prose) .og-kk ol{counter-reset:k;display:flex;flex-direction:column;gap:6px}
.v-artd .sp-9206 :where(.prose) .og-kk li{counter-increment:k;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.6);font-size:14px;font-weight:800;color:#3a1d1d}
.v-artd .sp-9206 :where(.prose) .og-kk li::after{content:counter(k);order:-1;width:20px;height:20px;border-radius:50%;background:#3a1d1d;font-size:11px;line-height:20px;text-align:center;color:#fee500}
.v-artd .sp-9206 :where(.prose) .og-kk li:last-child{background:#3a1d1d;color:#fee500}
.v-artd .sp-9206 :where(.prose) .og-kk li:last-child::after{background:#fee500;color:#3a1d1d}

/* 파비콘 */
.v-artd .sp-9206 :where(.prose) .mt-fav{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:28px;margin:6px 0 8px;padding:24px 26px;border-radius:18px;background:var(--soft)}
.v-artd .sp-9206 :where(.prose) .fv-sz{display:flex;align-items:flex-end;gap:14px}
.v-artd .sp-9206 :where(.prose) .fv-sz i{display:block;width:var(--s);height:var(--s);border-radius:calc(var(--s)/4);background:#1f9d5c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/62% no-repeat;box-shadow:0 0 0 3px #fff}
.v-artd .sp-9206 :where(.prose) .fv-sz i:nth-child(3){box-shadow:0 0 0 3px #fff,0 0 0 5px #2e5bff}
.v-artd .sp-9206 :where(.prose) .fv-r li{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:14.5px;line-height:1.5;color:#3a3f52}
.v-artd .sp-9206 :where(.prose) .fv-r li:first-child{border-top:0}
.v-artd .sp-9206 .prose .fv-r b{font-size:15px;font-weight:900;color:var(--ink)}

/* 구조화 데이터 */
.v-artd .sp-9206 :where(.prose) .mt-ld{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;margin:6px 0 14px}
.v-artd .sp-9206 :where(.prose) .k-r{color:#ff8a86}
.v-artd .sp-9206 :where(.prose) .k-o{color:#8fb0ff}
.v-artd .sp-9206 :where(.prose) .k-n{color:#5fd99a}
.v-artd .sp-9206 :where(.prose) .ld-k{display:flex;flex-direction:column;gap:8px;margin:0}
.v-artd .sp-9206 :where(.prose) .ld-k>div{padding:14px 16px 14px 18px;border-left:4px solid;border-radius:0 12px 12px 0;background:var(--soft)}
.v-artd .sp-9206 :where(.prose) .ld-r{border-color:#e63e3a !important}
.v-artd .sp-9206 :where(.prose) .ld-o{border-color:#2e5bff !important}
.v-artd .sp-9206 :where(.prose) .ld-n{border-color:#1f9d5c !important}
.v-artd .sp-9206 :where(.prose) .ld-k dt{margin:0 0 3px;font-size:14px;font-weight:900;color:var(--ink)}
.v-artd .sp-9206 :where(.prose) .ld-k dd{margin:0;font-size:14px;line-height:1.6;color:#3a3f52}
.v-artd .sp-9206 :where(.prose) .mt-faq{position:relative;margin:0 0 16px;padding:18px 22px 18px 64px;border-radius:14px;background:var(--yellow2)}
.v-artd .sp-9206 :where(.prose) .mt-faq::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-9206 :where(.prose) .fq-h{margin:0 0 4px;font-size:16px;font-weight:900;color:var(--ink)}
.v-artd .sp-9206 :where(.prose) .mt-faq p:last-child{margin:0;font-size:15px;line-height:1.6;color:#5b4a14}

/* 페이지 소스 비교 */
.v-artd .sp-9206 :where(.prose) .mt-check{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 16px}
.v-artd .sp-9206 :where(.prose) .chk{padding:18px 18px 12px;border-radius:16px;background:#1b1f3a}
.v-artd .sp-9206 :where(.prose) .chk-h{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:900;color:#fff}
.v-artd .sp-9206 :where(.prose) .chk-h::before{content:"";width:10px;height:10px;border-radius:50%;background:#e63e3a}
.v-artd .sp-9206 :where(.prose) .chk-o .chk-h::before{background:#2fa565}
.v-artd .sp-9206 :where(.prose) .chk-u{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#8f96b8}
.v-artd .sp-9206 .prose .chk code{display:block;margin:2px 0 10px;padding:7px 10px;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.5;white-space:normal;word-break:break-all}
.v-artd .sp-9206 .prose .chk-x code{background:rgba(230,62,58,.14);color:#ffb4b1}
.v-artd .sp-9206 .prose .chk-o code{background:rgba(47,165,101,.16);color:#a9ecc6}

/* 진행 방식 */
.v-artd .sp-9206 :where(.prose) .mt-wbox{margin:0;padding:24px 26px;border-radius:18px;background:var(--navy)}
.v-artd .sp-9206 :where(.prose) .mt-wbox .we-h{margin:0 0 14px;font-size:13px;font-weight:800;letter-spacing:.4px;color:var(--yellow)}
.v-artd .sp-9206 :where(.prose) .mt-wbox dl{counter-reset:w;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}
.v-artd .sp-9206 :where(.prose) .mt-wbox dl>div{counter-increment:w;padding:16px;border-radius:12px;background:rgba(255,255,255,.07)}
.v-artd .sp-9206 :where(.prose) .mt-wbox dt{margin:0 0 6px;font-size:15.5px;font-weight:900;color:#fff}
.v-artd .sp-9206 :where(.prose) .mt-wbox dt::before{content:"0" counter(w);display:block;margin:0 0 6px;font-size:12px;font-weight:800;color:var(--yellow)}
.v-artd .sp-9206 :where(.prose) .mt-wbox dd{margin:0;font-size:14px;line-height:1.6;color:#c9cde0}

/* 연재 순서 계단 */
.v-artd .sp-9206 :where(.prose) .mt-next{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:6px;margin:6px 0 8px}
.v-artd .sp-9206 :where(.prose) .mt-next a,.v-artd .sp-9206 :where(.prose) .mt-next p{display:flex;flex-direction:column;justify-content:flex-end;gap:3px;margin:0;padding:12px 10px;border-radius:12px;background:var(--soft);font-size:13.5px;font-weight:700;line-height:1.35;color:var(--ink);text-decoration:none;box-sizing:border-box}
.v-artd .sp-9206 :where(.prose) .mt-next li:nth-child(1)>*{min-height:84px}
.v-artd .sp-9206 :where(.prose) .mt-next li:nth-child(2)>*{min-height:94px}
.v-artd .sp-9206 :where(.prose) .mt-next li:nth-child(3)>*{min-height:104px}
.v-artd .sp-9206 :where(.prose) .mt-next li:nth-child(4)>*{min-height:114px}
.v-artd .sp-9206 :where(.prose) .mt-next li:nth-child(5)>*{min-height:124px}
.v-artd .sp-9206 :where(.prose) .mt-next li:nth-child(6)>*{min-height:134px}
.v-artd .sp-9206 :where(.prose) .mt-next li:nth-child(7)>*{min-height:144px}
.v-artd .sp-9206 :where(.prose) .mt-next li:nth-child(7)>p{background:#fff;border:1.5px dashed #c9cdd8;color:var(--sub)}
.v-artd .sp-9206 :where(.prose) .mt-next a:hover{background:#eef2ff}
.v-artd .sp-9206 :where(.prose) .mt-next li.on p{background:var(--blue);color:#fff}
.v-artd .sp-9206 :where(.prose) .mt-next span{font-size:12px;font-weight:800;color:var(--blue)}
.v-artd .sp-9206 :where(.prose) .mt-next li.on span{color:var(--yellow)}

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

@media (max-width:760px){
  .v-artd .sp-9206 .prose h2{font-size:22px}
  .v-artd .sp-9206 :where(.prose) .mt-s{padding-top:48px}
  .v-artd .sp-9206 :where(.prose) .mt-where,.v-artd .sp-9206 :where(.prose) .mt-og,.v-artd .sp-9206 :where(.prose) .mt-ld,.v-artd .sp-9206 :where(.prose) .mt-check{grid-template-columns:1fr}
  .v-artd .sp-9206 :where(.prose) .mt-rules{grid-template-columns:1fr}
  .v-artd .sp-9206 :where(.prose) .og-spec li{grid-template-columns:118px 1fr}
  .v-artd .sp-9206 .prose .og-spec b{font-size:17px;white-space:nowrap}
  .v-artd .sp-9206 :where(.prose) .wh-v{grid-template-columns:1fr}
  .v-artd .sp-9206 :where(.prose) .kko{display:grid;grid-template-columns:96px 1fr}
  .v-artd .sp-9206 :where(.prose) .kko-img{grid-row:span 3;height:auto;min-height:84px}
  .v-artd .sp-9206 :where(.prose) .mt-fav{grid-template-columns:1fr;gap:18px;padding:20px}
  .v-artd .sp-9206 :where(.prose) .fv-r li{grid-template-columns:1fr;gap:2px}
  .v-artd .sp-9206 :where(.prose) .mt-wbox{padding:20px 18px}
  .v-artd .sp-9206 :where(.prose) .mt-wbox dl{grid-template-columns:1fr}
  .v-artd .sp-9206 :where(.prose) .mt-next{grid-template-columns:1fr 1fr;align-items:stretch}
  .v-artd .sp-9206 :where(.prose) .mt-next li>*{min-height:0 !important;height:100%}
}