/* 9211 리소스 관리(연재 '전문가는 전문가를 만나야 한다' 11편, 2026-10-28).
   리소스 세 가지 큰 숫자 칸(저장·전송·실행 색 고정) → 무료 요금제 사양표 두 장(같은 색 점)
   → 한도 초과 세 갈래(일시 중지·청구·계정 종료) → 그림 용량 가로 막대 셋과 조회 가능 횟수 계산 상자
   → 비용 알림 견본 두 장 → 진행 방식 세 칸 → 연재 순서(칸 수 자동) */
.v-artd .sp-9211 .prose{font-size:17px}
.v-artd .sp-9211 .prose h2{margin:0 0 14px;padding:0;border:0;font-size:26px;letter-spacing:-.7px;display:block;min-height:0}
.v-artd .sp-9211 .prose h2::before,.v-artd .sp-9211 .prose h2::after{content:none}
.v-artd .sp-9211 :where(.prose) .rs-s{padding:64px 0 4px;scroll-margin-top:90px}
.v-artd .sp-9211 :where(.prose) .rs-s>p{margin:0 0 16px}
.v-artd .sp-9211 :where(.prose) li::before{content:none}
.v-artd .sp-9211 :where(.prose) ul,.v-artd .sp-9211 :where(.prose) ol{list-style:none;padding:0;margin:0}
.v-artd .sp-9211 :where(.prose) li{margin:0}
.v-artd .sp-9211 :where(.prose) .kd-st{--k:#2f6bff;--kb:#eef2ff}
.v-artd .sp-9211 :where(.prose) .kd-tr{--k:#d98a14;--kb:#fff4e0}
.v-artd .sp-9211 :where(.prose) .kd-fn{--k:#1f9d5c;--kb:#e9f6ee}

/* 리소스 세 가지 */
.v-artd .sp-9211 .prose .rs-kd{counter-reset:k;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:6px 0 16px}
.v-artd .sp-9211 .prose .rs-kd li{counter-increment:k;position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 20px 18px;border-radius:18px;background:var(--kb);overflow:hidden}
.v-artd .sp-9211 :where(.prose) .rs-kd li::after{content:counter(k);position:absolute;right:14px;top:-6px;font-size:72px;font-weight:900;line-height:1;color:var(--k);opacity:.13}
.v-artd .sp-9211 .prose .rs-kd p{margin:0}
.v-artd .sp-9211 .prose .kd-n{font-size:19px;font-weight:900;letter-spacing:-.4px;color:var(--k)}
.v-artd .sp-9211 .prose .kd-d{font-size:14.5px;font-weight:600;line-height:1.55;color:#3a3f52}
.v-artd .sp-9211 .prose .kd-u{align-self:flex-start;margin-top:auto !important;padding:4px 10px;border-radius:999px;background:#fff;font-size:12.5px;font-weight:800;color:var(--k)}

/* 무료 요금제 사양표 */
.v-artd .sp-9211 .prose .rs-pl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:6px 0 16px}
.v-artd .sp-9211 .prose .pl-c{display:flex;flex-direction:column;padding:20px;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(27,31,58,.06),inset 0 0 0 1.5px var(--line)}
.v-artd .sp-9211 .prose .pl-h{display:flex;align-items:baseline;gap:8px;margin:0 0 14px;padding:0 0 12px;border-bottom:3px solid var(--pc)}
.v-artd .sp-9211 :where(.prose) .pl-vc{--pc:#111}
.v-artd .sp-9211 :where(.prose) .pl-sb{--pc:#3ecf8e}
.v-artd .sp-9211 .prose .pl-h b{font-size:21px;font-weight:900;color:var(--ink)}
.v-artd .sp-9211 .prose .pl-h span{font-size:12.5px;font-weight:800;color:var(--sub)}
.v-artd .sp-9211 .prose .pl-c dl{display:flex;flex-direction:column;gap:6px;margin:0}
.v-artd .sp-9211 .prose .pl-c dl>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;background:var(--kb)}
.v-artd .sp-9211 :where(.prose) .pl-c dt{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#3a3f52}
.v-artd .sp-9211 :where(.prose) .pl-c dt::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--k)}
.v-artd .sp-9211 :where(.prose) .pl-c dd{margin:0;font-size:18px;font-weight:900;letter-spacing:-.3px;color:var(--ink)}
.v-artd .sp-9211 .prose .pl-x{margin:12px 0 0;padding-top:12px;border-top:1px dashed var(--line);font-size:13.5px;font-weight:700;color:#b0275c}

/* 한도 초과 세 갈래 */
.v-artd .sp-9211 .prose .rs-ov{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:6px 0 16px}
.v-artd .sp-9211 .prose .ov-c{display:flex;flex-direction:column;padding:0 0 16px;border-radius:16px;background:var(--soft);overflow:hidden}
.v-artd .sp-9211 .prose .ov-c p{margin:0}
.v-artd .sp-9211 .prose .ov-k{display:flex;align-items:center;gap:10px;margin:0 0 12px !important;padding:14px 16px;background:var(--oc);font-size:17px;font-weight:900;color:#fff}
.v-artd .sp-9211 :where(.prose) .ov-p{--oc:#d98a14}
.v-artd .sp-9211 :where(.prose) .ov-b{--oc:#2f6bff}
.v-artd .sp-9211 :where(.prose) .ov-x{--oc:#c62f34}
.v-artd .sp-9211 :where(.prose) .ov-k::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:#fff;-webkit-mask:var(--om) center/14px 14px no-repeat;mask:var(--om) center/14px 14px no-repeat;box-shadow:inset 0 0 0 20px #fff}
.v-artd .sp-9211 :where(.prose) .ov-p .ov-k::before{--om:linear-gradient(90deg,#000 0 35%,transparent 35% 65%,#000 65%)}
.v-artd .sp-9211 :where(.prose) .ov-b .ov-k::before{--om:radial-gradient(circle,#000 0 60%,transparent 61%)}
.v-artd .sp-9211 :where(.prose) .ov-x .ov-k::before{--om:linear-gradient(45deg,transparent 42%,#000 42% 58%,transparent 58%),linear-gradient(-45deg,transparent 42%,#000 42% 58%,transparent 58%)}
.v-artd .sp-9211 .prose .ov-s{margin:4px 16px 4px !important;font-size:12.5px;font-weight:900;color:var(--oc)}
.v-artd .sp-9211 .prose .ov-d{margin:0 16px 8px !important;font-size:14px;line-height:1.6;color:#3a3f52}

/* 그림 용량 막대 */
.v-artd .sp-9211 .prose .rs-im{display:flex;flex-direction:column;gap:8px;margin:6px 0 12px}
.v-artd .sp-9211 .prose .im-r{display:grid;grid-template-columns:150px minmax(0,1fr) 84px;align-items:center;gap:14px;padding:12px 16px;border-radius:12px;background:var(--soft)}
.v-artd .sp-9211 .prose .im-r p{margin:0}
.v-artd .sp-9211 .prose .im-k{display:flex;flex-direction:column;gap:2px;font-size:15px;font-weight:900;color:var(--ink)}
.v-artd .sp-9211 .prose .im-k small{font-size:12px;font-weight:700;color:var(--sub)}
.v-artd .sp-9211 .prose .im-b{height:22px;border-radius:6px;background:#fff}
.v-artd .sp-9211 :where(.prose) .im-b i{display:block;width:var(--p);min-width:5px;height:100%;border-radius:6px;background:var(--ic);transform-origin:left center}
.v-artd .sp-9211 :where(.prose) .im-png{--ic:#c62f34}
.v-artd .sp-9211 :where(.prose) .im-wp{--ic:#1f9d5c}
.v-artd .sp-9211 :where(.prose) .im-sm{--ic:#1f9d5c}
.v-artd .sp-9211 .prose .im-v{justify-self:end;font-size:17px;font-weight:900;color:var(--ic)}
.v-artd .sp-9211 .prose .rs-calc{margin:0 0 16px;padding:20px;border-radius:16px;background:var(--navy)}
.v-artd .sp-9211 .prose .cl-h{margin:0 0 12px;font-size:13px;font-weight:800;line-height:1.5;color:var(--yellow)}
.v-artd .sp-9211 .prose .cl-r{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.12)}
.v-artd .sp-9211 .prose .cl-r p{margin:0;font-size:14px;font-weight:600;color:#c9d3ee}
.v-artd .sp-9211 .prose .cl-r b{display:block;font-size:15px;font-weight:900;color:#fff}
.v-artd .sp-9211 .prose .cl-r .cl-n{font-size:22px;font-weight:900;letter-spacing:-.5px;color:#fff}
.v-artd .sp-9211 .prose .cl-ok .cl-n{color:#5be39a}

/* 비용 알림 견본 */
.v-artd .sp-9211 .prose .rs-nt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:6px 0 16px}
.v-artd .sp-9211 .prose .nt-c{padding:16px 18px 18px;border-radius:16px;background:#fff;box-shadow:0 10px 26px rgba(27,31,58,.08),inset 0 0 0 1.5px var(--line)}
.v-artd .sp-9211 .prose .nt-a{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:12.5px;font-weight:800;color:var(--sub)}
.v-artd .sp-9211 :where(.prose) .nt-a::before{content:"";width:20px;height:20px;border-radius:6px;background:#ff9900}
.v-artd .sp-9211 :where(.prose) .nt-v .nt-a::before{background:#111}
.v-artd .sp-9211 .prose .nt-t{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#fff4e0;font-size:15px;font-weight:900;color:#8a5a00}
.v-artd .sp-9211 :where(.prose) .nt-v .nt-t{background:#fdecec;color:#c62f34}
.v-artd .sp-9211 .prose .nt-c ul{display:flex;flex-direction:column;gap:6px}
.v-artd .sp-9211 .prose .nt-c li{position:relative;padding-left:16px;font-size:14px;line-height:1.55;color:#3a3f52}
.v-artd .sp-9211 :where(.prose) .nt-c li::after{content:"";position:absolute;left:2px;top:9px;width:6px;height:6px;border-radius:50%;background:#9aa1b2}

/* 진행 방식 세 칸 */
.v-artd .sp-9211 :where(.prose) .rs-wbox{margin:0;padding:24px 26px;border-radius:18px;background:#fff8e1}
.v-artd .sp-9211 :where(.prose) .rs-wbox .we-h{margin:0 0 14px;font-size:13px;font-weight:800;letter-spacing:.4px;color:#9a6a00}
.v-artd .sp-9211 .prose .rs-wbox dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.v-artd .sp-9211 .prose .rs-wbox dl>div{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:12px;background:#fff}
.v-artd .sp-9211 :where(.prose) .rs-wbox dt{font-size:15px;font-weight:900;color:var(--ink)}
.v-artd .sp-9211 :where(.prose) .rs-wbox dd{margin:0;font-size:14.5px;line-height:1.6;color:#3a3f52}

/* 연재 순서 */
.v-artd .sp-9211 .prose .rs-nx{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;margin:6px 0 8px}
.v-artd .sp-9211 :where(.prose) .rs-nx a,.v-artd .sp-9211 :where(.prose) .rs-nx p{display:flex;flex-direction:column;gap:3px;height:100%;margin:0;padding:12px 14px;border-radius:12px;background:var(--soft);font-size:14px;font-weight:700;line-height:1.4;color:var(--ink);text-decoration:none;box-sizing:border-box}
.v-artd .sp-9211 :where(.prose) .rs-nx a:hover{background:#eef2ff}
.v-artd .sp-9211 :where(.prose) .rs-nx li.on p{background:var(--navy);color:#fff}
.v-artd .sp-9211 :where(.prose) .rs-nx li.nx-w p{background:#fff;border:1.5px dashed #c9cdd8;color:var(--sub)}
.v-artd .sp-9211 :where(.prose) .rs-nx span{font-size:12.5px;font-weight:800;color:var(--blue)}
.v-artd .sp-9211 :where(.prose) .rs-nx li.on span{color:var(--yellow)}

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

@media (max-width:760px){
  .v-artd .sp-9211 .prose h2{font-size:22px}
  .v-artd .sp-9211 :where(.prose) .rs-s{padding-top:48px}
  .v-artd .sp-9211 .prose .rs-kd,.v-artd .sp-9211 .prose .rs-pl,.v-artd .sp-9211 .prose .rs-ov,.v-artd .sp-9211 .prose .rs-nt{grid-template-columns:1fr}
  .v-artd .sp-9211 .prose .rs-kd li{padding:18px 16px 16px}
  .v-artd .sp-9211 .prose .pl-c{padding:16px}
  .v-artd .sp-9211 .prose .im-r{grid-template-columns:minmax(0,1fr) auto;row-gap:8px;padding:12px}
  .v-artd .sp-9211 .prose .im-b{grid-column:1/-1;grid-row:2}
  .v-artd .sp-9211 .prose .rs-calc{padding:16px}
  .v-artd .sp-9211 .prose .cl-r .cl-n{font-size:18px;white-space:nowrap}
  .v-artd .sp-9211 :where(.prose) .rs-wbox{padding:20px 16px}
  .v-artd .sp-9211 .prose .rs-wbox dl{grid-template-columns:1fr}
  .v-artd .sp-9211 .prose .rs-nx{grid-template-columns:1fr 1fr}
}