/* services · 홈페이지 제작 (P04) — page-only styles, all scoped to .pg-services */

.pg-services .pill{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:var(--blue-50);color:#1557c0;font-size:14px;font-weight:600}
.pg-services .pill i{width:6px;height:6px;border-radius:50%;background:var(--blue)}
.pg-services .head.tight{margin-bottom:0}
.pg-services .sub-h{margin:72px 0 18px;font-size:clamp(20px,2vw,24px);line-height:1.4;font-weight:800;letter-spacing:-.025em}
.pg-services .after{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:32px}
.pg-services .after .fine{margin:0}
.pg-services .note{margin-top:16px}
.pg-services .faq p a,.pg-services .fine a{color:var(--blue-700);font-weight:600;text-decoration:none}
.pg-services .faq p a:hover,.pg-services .fine a:hover{text-decoration:underline}
.pg-services .pm-url span{min-width:0;word-break:break-all}

/* status chips (text + tint, never color-only) */
.pg-services .st{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:7px;background:var(--g100);color:var(--g700);font-size:12px;font-weight:700;line-height:1;white-space:nowrap}
.pg-services .st.ok{background:var(--green-50);color:#027a4a}
.pg-services .st.todo{background:var(--orange-50);color:#b35300}
.pg-services .st.move{background:var(--blue-50);color:var(--blue-700)}
.pg-services .st.del{background:var(--red-50);color:#c01f2e}

/* ── hero visual: patient page + admin card ── */
.pg-services .hv{position:relative;width:min(100%,470px);padding-bottom:40px}
.pg-services .hv-phone{width:300px;max-width:100%;padding:14px 14px 14px;border-radius:34px;background:#fff;box-shadow:var(--shadow-float),inset 0 0 0 1px var(--g200)}
.pg-services .hv-url{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;background:var(--g100);font-size:12px;font-weight:500;color:var(--g600)}
.pg-services .hv-url .ico{font-size:12px}
.pg-services .hv-kicker{margin:16px 6px 0;font-size:13px;font-weight:700;color:var(--blue-700)}
.pg-services .hv-title{margin:4px 6px 0;font-size:22px;line-height:1.35;font-weight:800;letter-spacing:-.03em;color:var(--g900)}
.pg-services .hv-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:14px}
.pg-services .hv-tiles div{padding:10px 9px;border-radius:14px;background:var(--g50)}
.pg-services .hv-tiles small{display:block;font-size:12px;font-weight:600;line-height:1.35;color:var(--g600)}
.pg-services .hv-tiles b{display:block;margin-top:4px;font-size:12.5px;line-height:1.35;font-weight:700;color:var(--g900)}
.pg-services .hv-rows{margin:8px 0 0;padding:0 4px;list-style:none}
.pg-services .hv-rows li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 2px;border-bottom:1px solid var(--g100);font-size:14px;font-weight:600;color:var(--g800)}
.pg-services .hv-rows .ico{font-size:14px;color:var(--g400)}
.pg-services .hv-bar{display:grid;grid-template-columns:1fr 1.6fr;gap:6px;margin-top:14px}
.pg-services .hv-bar span{display:grid;place-items:center;height:44px;border-radius:12px;background:var(--g100);color:var(--g800);font-size:14px;font-weight:700}
.pg-services .hv-bar .pri{background:var(--blue-btn);color:#fff}
.pg-services .hv-admin{position:absolute;right:0;bottom:36px;width:244px;padding:16px;border-radius:22px;background:#fff;box-shadow:var(--shadow-float)}
.pg-services .hv-admin-top{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--g700)}
.pg-services .hv-admin-top .ico{font-size:15px;color:var(--blue)}
.pg-services .hv-f{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;margin-top:8px;padding:10px 12px;border-radius:14px;background:var(--g50)}
.pg-services .hv-f small{grid-column:1/-1;font-size:12px;font-weight:600;color:var(--g600)}
.pg-services .hv-f b{font-size:14px;font-weight:700;color:var(--g900)}
.pg-services .hv-f b.empty{font-weight:600;color:var(--g500)}
.pg-services .hv-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding:0 2px;font-size:13px;font-weight:600;color:var(--blue-700)}
.pg-services .hv-foot .ico{font-size:14px}
.pg-services .hv-badge{position:absolute;right:0;bottom:0}
@media (max-width:560px){
  .pg-services .hv{display:grid;padding-bottom:0}
  .pg-services .hv-phone{width:min(300px,90%);justify-self:start}
  .pg-services .hv-admin{position:relative;right:auto;bottom:auto;justify-self:end;width:min(244px,78%);margin-top:-88px}
  .pg-services .hv-badge{position:static;justify-self:end;margin-top:14px}
}

/* ── start cards ── */
.pg-services .mini{margin:6px 0 0}
.pg-services .mini dt{margin-top:18px;font-size:13px;font-weight:700;color:var(--g600)}
.pg-services .mini dd{margin:0}
.pg-services .mini .tags{margin-top:8px}
.pg-services .mini .tag{height:auto;min-height:26px;padding:3px 10px;white-space:normal;line-height:1.45}

/* ── do / don't and before / after pair rows ── */
.pg-services .pairs-h{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 4px 14px}
.pg-services .pairs-h span{font-size:15px;font-weight:700;color:var(--g600)}
.pg-services .pairs-h span:last-child{color:var(--blue-700)}
.pg-services .pairs ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.pg-services .pairs li{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pg-services .pairs li>div{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:12px;padding:20px 22px;border-radius:20px}
.pg-services .pairs li>div::before{display:grid;place-items:center;width:24px;height:24px;margin-top:1px;border-radius:50%;color:#fff;font-size:12px;font-weight:800}
.pg-services .pairs p{margin:0;font-size:16px;line-height:1.65}
.pg-services .pairs .bf{background:var(--g50)}
.pg-services .grey .pairs .bf{background:#fff}
.pg-services .pairs .bf p{color:var(--g700)}
.pg-services .pairs .bf::before{content:"✕";content:"✕"/"";background:var(--g400)}
.pg-services .pairs.ba .bf::before{content:"!";content:"!"/"";background:var(--g500)}
.pg-services .pairs .af{background:var(--blue-50)}
.pg-services .pairs .af p{font-weight:500;color:var(--g900)}
.pg-services .pairs .af::before{content:"✓";content:"✓"/"";background:var(--blue)}
.pg-services .pairs .lab{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:760px){
  .pg-services .pairs-h{display:none}
  .pg-services .pairs li{grid-template-columns:minmax(0,1fr);gap:0}
  .pg-services .pairs li>div:first-child{border-radius:20px 20px 0 0}
  .pg-services .pairs li>div:last-child{border-radius:0 0 20px 20px}
  .pg-services .pairs .lab{position:static;display:block;width:auto;height:auto;margin:0 0 4px;overflow:visible;clip:auto;white-space:normal;font-size:13px;font-weight:700;color:var(--g600)}
  .pg-services .pairs .af .lab{color:var(--blue-700)}
}

/* ── three bundles ── */
.pg-services .bundles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pg-services .bundle{display:flex;flex-direction:column;padding:30px 28px 28px;border-radius:28px;background:#fff}
.pg-services .bundle-k{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pg-services .bundle-k small{font-size:14px;font-weight:700;color:var(--g600);text-align:right}
.pg-services .bundle h3{margin:20px 0 0;font-size:24px;line-height:1.35;font-weight:800;letter-spacing:-.025em}
.pg-services .bundle .lbl2{margin:18px 0 8px;font-size:13px;font-weight:700;color:var(--g600)}
.pg-services .items{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.pg-services .items li{padding:7px 12px;border-radius:10px;background:var(--g50);font-size:14px;line-height:1.45;font-weight:600;color:var(--g800)}
.pg-services .bundle .cond{margin-top:auto;padding-top:22px}
.pg-services .bundle .cond div{padding:16px 18px;border-radius:16px;background:var(--g50);font-size:14.5px;line-height:1.6;color:var(--g800)}
.pg-services .bundle .cond b{display:block;margin-bottom:4px;font-size:13px;font-weight:700;color:var(--g600)}
.pg-services .bundle .link{margin-top:18px;font-size:15px}
@media (max-width:960px){.pg-services .bundles{grid-template-columns:minmax(0,1fr)}}

/* ── site structure: sitemap + detail wireframe ── */
.pg-services .struct{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px;align-items:start}
.pg-services .smap,.pg-services .wire{margin:0;border-radius:26px;background:#fff;overflow:hidden}
.pg-services .smap-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:14px 16px;border-bottom:1px solid var(--g100);font-size:13px;color:var(--g600)}
.pg-services .dots{display:inline-flex;gap:6px}
.pg-services .dots i{width:8px;height:8px;border-radius:50%;background:var(--g200)}
.pg-services .addr{padding:4px 10px;border-radius:8px;background:var(--g100);word-break:break-all}
.pg-services .smap-top .badge{margin-left:auto}
.pg-services .smap-list{margin:0;padding:6px 18px;list-style:none}
.pg-services .smap-list li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:12px 0;border-bottom:1px solid var(--g100)}
.pg-services .smap-list li:last-child{border-bottom:0}
.pg-services .node{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border-radius:10px;background:var(--g100);font-size:15px;font-weight:700;color:var(--g900)}
.pg-services .node.child{background:var(--blue-50);color:var(--blue-700)}
.pg-services .arr{font-size:15px;color:var(--g400)}
.pg-services .sub{font-size:14px;color:var(--g700)}
.pg-services .smap-links{margin:4px 16px 16px;padding:16px 18px;border-radius:18px;background:var(--g50)}
.pg-services .smap-links h3{margin:0;font-size:14px;font-weight:700;color:var(--g700)}
.pg-services .chain{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 0;font-size:14px;font-weight:600;color:var(--g900)}
.pg-services .chain span{padding:5px 10px;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 1px var(--g200)}
.pg-services .chain i{font-style:normal;font-weight:700;color:var(--blue)}
.pg-services .wire-body{padding:20px 20px 10px}
.pg-services .w-list{margin:0;padding:0;list-style:none;counter-reset:w}
.pg-services .w-list>li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--g100);counter-increment:w}
.pg-services .w-list>li:first-child{padding-top:0;border-top:0}
.pg-services .w-list>li::before{content:counter(w);display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--blue-50);color:var(--blue-700);font-size:13px;font-weight:800}
.pg-services .w-list b{display:block;font-size:15px;line-height:1.55;font-weight:700;color:var(--g900)}
.pg-services .w-list p{margin:2px 0 0;font-size:14px;line-height:1.6;color:var(--g700)}
.pg-services .w-title{display:block;font-size:22px;line-height:1.35;font-weight:800;letter-spacing:-.03em}
.pg-services .w-btn{display:inline-flex;align-items:center;height:34px;margin-top:10px;padding:0 12px;border-radius:10px;background:var(--blue-btn);color:#fff;font-size:13px;font-weight:700}
.pg-services .w-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0 0;padding:0;list-style:none}
.pg-services .w-tiles li{padding:10px;border-radius:12px;background:var(--g50);font-size:13px;line-height:1.4;font-weight:700;color:var(--g800)}
.pg-services .wire figcaption{padding:14px 20px 18px;border-top:1px solid var(--g100);font-size:13px;line-height:1.6;color:var(--g600)}
@media (max-width:960px){.pg-services .struct{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.pg-services .w-tiles{grid-template-columns:minmax(0,1fr)}}

/* flow chips (ordered) */
.pg-services .flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 0;padding:0;list-style:none}
.pg-services .flow li{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--g800)}
.pg-services .flow li span{padding:4px 10px;border-radius:8px;background:var(--g100);line-height:1.45}
.pg-services .grey .flow li span{background:#fff;box-shadow:inset 0 0 0 1px var(--g200)}
.pg-services .flow li+li::before{content:"→";content:"→"/"";font-weight:500;color:var(--g400)}
.pg-services .row .flow{margin:10px 0 2px}

/* small panels: deliverables / completion checks */
.pg-services .duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:40px}
.pg-services .verify{padding:24px 26px;border-radius:22px;background:var(--g50)}
.pg-services .grey .verify{background:#fff}
.pg-services .verify h3{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;color:var(--g900)}
.pg-services .verify h3 .ico{font-size:18px;color:var(--blue-700)}
.pg-services .verify ul:not(.tags):not(.flow){margin:8px 0 0;padding:0;list-style:none}
.pg-services .verify li:not(.tag){position:relative;padding:6px 0 6px 16px;font-size:15px;line-height:1.65;color:var(--g800)}
.pg-services .verify ul:not(.tags):not(.flow)>li::before{content:"";position:absolute;left:1px;top:16px;width:6px;height:6px;border-radius:50%;background:var(--g400)}
.pg-services .verify .flow li{padding:0}
.pg-services .verify p{margin:8px 0 0;font-size:15px;color:var(--g700)}
.pg-services .verify .tags{margin-top:12px}
.pg-services .duo .note{margin-top:0;align-self:start}
.pg-services .stack{display:grid;gap:12px;align-content:start}
@media (max-width:760px){.pg-services .duo{grid-template-columns:minmax(0,1fr)}}

/* situation brief */
.pg-services .situ{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px 40px;margin-bottom:56px;padding:28px 30px;border-radius:26px;background:var(--g50)}
.pg-services .situ-tag{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;font-weight:600;color:var(--g600)}
.pg-services .situ-t{margin:0;font-size:17px;line-height:1.7;font-weight:500;color:var(--g800)}
.pg-services .situ h3{margin:0;font-size:14px;font-weight:700;color:var(--g600)}
.pg-services .situ .tags .tag{background:#fff}
.pg-services .timeline .who>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:12px 16px}
.pg-services .timeline .who b{margin:0}
.pg-services .timeline .who>div.solo{grid-column:1/-1}
@media (max-width:860px){.pg-services .situ{grid-template-columns:minmax(0,1fr);padding:24px 22px}}

/* specialty rows */
.pg-services .row .end .tag{font-size:13px}

/* ── fact register mock ── */
.pg-services .freg{margin:0;padding:22px;border-radius:26px;background:#fff;box-shadow:var(--shadow-card)}
.pg-services .freg-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:16px;font-weight:700}
.pg-services .freg-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 10px;margin-top:8px;padding:14px 16px;border-radius:16px;background:var(--g50)}
.pg-services .freg-row small{grid-column:1/-1;font-size:12.5px;font-weight:600;color:var(--g600)}
.pg-services .freg-row b{font-size:15px;font-weight:700;color:var(--g900)}
.pg-services .freg-row b.empty{font-weight:600;color:var(--g500)}
.pg-services .freg-row em{grid-column:1/-1;font-style:normal;font-size:12px;color:var(--g600)}
.pg-services .freg-flag{margin-top:12px;padding:14px 16px;border-radius:16px;background:var(--orange-50);font-size:14px;line-height:1.55;color:var(--g800)}
.pg-services .freg-flag b{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;font-size:14px;color:#b35300}

/* ── inquiry: tracking strip + form states ── */
.pg-services .qa{margin-top:16px;padding:34px 32px;border-radius:28px;background:#fff}
.pg-services .qa-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 6px}
.pg-services .qa-h h3{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em}
.pg-services .qa-d{margin:0 0 28px;font-size:16px;color:var(--g700)}
.pg-services .track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 48px;padding:0;list-style:none}
.pg-services .track li{position:relative;padding-right:16px}
.pg-services .track li:not(:last-child)::after{content:"";position:absolute;left:44px;right:8px;top:17px;height:2px;border-radius:2px;background:var(--blue-100)}
.pg-services .tk{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--blue-50);color:var(--blue-700);font-size:18px}
.pg-services .track b{display:block;margin-top:12px;font-size:16px;font-weight:700}
.pg-services .track span.d{display:block;margin-top:2px;font-size:14px;line-height:1.55;color:var(--g700)}
.pg-services .spanel{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:center;gap:36px;margin-top:24px}
.pg-services .spanel[hidden]{display:none}
.pg-services .spanel h4{margin:0;font-size:20px;line-height:1.45;font-weight:700;letter-spacing:-.02em}
.pg-services .spanel p{margin:8px 0 0;font-size:16px;line-height:1.7;color:var(--g700)}
.pg-services .fm{padding:18px;border-radius:22px;background:var(--g50)}
.pg-services .fm-l{display:block;margin:0 0 6px;font-size:12px;font-weight:600;color:var(--g600)}
.pg-services .fm-i{display:flex;align-items:center;height:42px;margin-bottom:10px;padding:0 12px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--g200);font-size:14px;color:var(--g900)}
.pg-services .fm-i.bad{box-shadow:inset 0 0 0 1.5px var(--red);color:var(--g500)}
.pg-services .fm-e{display:flex;align-items:center;gap:6px;margin:-4px 0 10px;font-size:12.5px;font-weight:600;color:#d22030}
.pg-services .fm-e::before{content:"!";content:"!"/"";display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--red);color:#fff;font-size:10px;font-weight:800}
.pg-services .fm-b{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:12px;background:var(--blue-btn);color:#fff;font-size:15px;font-weight:700}
.pg-services .fm-b.wait{background:var(--blue-100);color:var(--blue-700)}
.pg-services .fm-b.ghost{background:#fff;color:var(--g800);box-shadow:inset 0 0 0 1px var(--g200)}
.pg-services .fm-2{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pg-services .spin{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:pgServicesSpin .9s linear infinite}
@keyframes pgServicesSpin{to{transform:rotate(360deg)}}
.pg-services .fm-msg{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;margin-bottom:10px;padding:12px;border-radius:14px;font-size:13px;line-height:1.5;font-weight:600}
.pg-services .fm-msg::before{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#fff;font-size:11px;font-weight:800}
.pg-services .fm-msg.ok{background:var(--green-50);color:#026b41}
.pg-services .fm-msg.ok::before{content:"✓";content:"✓"/"";background:var(--green)}
.pg-services .fm-msg.fail{background:var(--orange-50);color:#8a4200}
.pg-services .fm-msg.fail::before{content:"!";content:"!"/"";background:var(--orange)}
.pg-services .fm-msg.unk{background:var(--g100);color:var(--g800)}
.pg-services .fm-msg.unk::before{content:"?";content:"?"/"";background:var(--g600)}
@media (max-width:860px){
  .pg-services .track{grid-template-columns:minmax(0,1fr)}
  .pg-services .track li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:0 14px;padding:0 0 18px}
  .pg-services .track li:not(:last-child)::after{left:17px;right:auto;top:42px;bottom:4px;width:2px;height:auto}
  .pg-services .track b{margin-top:6px}
  .pg-services .track span.d{grid-column:2}
  .pg-services .spanel{grid-template-columns:minmax(0,1fr);gap:22px}
}
@media (max-width:640px){.pg-services .qa{padding:26px 18px}}
@media (max-width:520px){
  /* 2 / 2 / 1 instead of the shared 3 + 2; grid-column:auto cancels the shared span 2 / span 3, which otherwise stacks all five tabs full width */
  .pg-services .qa div.tabs2[role="tablist"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-services .qa div.tabs2[role="tablist"]>[role="tab"]{grid-column:auto}
  .pg-services .qa div.tabs2[role="tablist"]>[role="tab"]:last-child{grid-column:1/-1}
}

/* ── admin: boundary + phone ── */
.pg-services .adm-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:80px;align-items:start}
.pg-services .bound{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:44px 0 20px}
.pg-services .bound>div{padding:22px;border-radius:22px;background:var(--g50)}
.pg-services .bound>div.self{background:var(--blue-50)}
.pg-services .bound h3{display:flex;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:800}
.pg-services .bound h3 .ico{font-size:18px}
.pg-services .bound .self h3 .ico{color:var(--blue-700)}
.pg-services .bound small{display:block;margin-top:2px;font-size:13px;color:var(--g600)}
.pg-services .bound ul{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none}
.pg-services .bound li{padding:6px 10px;border-radius:9px;background:#fff;font-size:14px;font-weight:600;line-height:1.45;color:var(--g800)}
.pg-services .adm-fig{margin:0;position:sticky;top:140px}
.pg-services .app-in{height:auto}
.pg-services .app-top{padding-right:18px}
.pg-services .app-body{padding:2px 18px 8px}
.pg-services .adm-org{margin-left:auto;font-size:13px;font-weight:600;color:var(--g600)}
.pg-services .adm-f{margin-top:12px}
.pg-services .adm-l{display:block;margin-bottom:6px;font-size:12.5px;font-weight:600;color:var(--g600)}
.pg-services .adm-v{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:0 14px;border-radius:12px;background:var(--g50);font-size:14.5px;font-weight:600;color:var(--g900)}
.pg-services .adm-v.ph{color:var(--g500)}
.pg-services .adm-v .ico{font-size:15px;color:var(--g500)}
.pg-services .adm-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;border-radius:12px;background:var(--g100)}
.pg-services .adm-seg span{display:grid;place-items:center;height:36px;border-radius:9px;font-size:13px;font-weight:600;color:var(--g600)}
.pg-services .adm-seg .on{background:#fff;color:var(--g900);box-shadow:0 1px 3px rgba(2,32,71,.12)}
.pg-services .adm-h{display:block;margin-top:6px;font-size:12px;color:var(--g600)}
.pg-services .adm-2{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pg-services .adm-prev{display:grid;gap:6px;margin-top:16px;padding:12px 14px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--g200)}
.pg-services .adm-prev div{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;font-size:13px;line-height:1.5;color:var(--g700)}
.pg-services .adm-prev small{font-size:12px;font-weight:700;color:var(--g500)}
.pg-services .adm-prev .aft small{color:var(--blue-700)}
.pg-services .adm-prev .aft span{font-weight:700;color:var(--g900)}
.pg-services .adm-sh{margin:16px 0 2px;font-size:13px;font-weight:700;color:var(--g700)}
.pg-services .adm-sh.warn{color:#c25e00}
.pg-services .adm-list{margin:0;padding:0;list-style:none}
.pg-services .adm-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid var(--g100);font-size:14px;font-weight:600;color:var(--g800)}
.pg-services .adm-list li .ico{font-size:14px;color:var(--g400)}
.pg-services .adm-list.warn li{margin-top:6px;padding:10px 12px;border:0;border-radius:12px;background:var(--orange-50)}
.pg-services .adm-list.warn small{display:block;font-size:12px;font-weight:500;color:var(--g700)}
.pg-services .adm-list.warn em{flex:none;font-style:normal;font-size:12px;font-weight:700;color:#b35300}
.pg-services .app-bottom{padding:12px 18px 24px}
.pg-services .app-bottom span{height:50px;font-size:15px}
.pg-services .app-bottom .pri{background:var(--blue-btn);color:#fff}
.pg-services .app-cap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}
.pg-services .roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pg-services .role{display:flex;flex-direction:column;padding:24px;border-radius:22px;background:var(--g50)}
.pg-services .role h4{margin:0;font-size:17px;font-weight:700}
.pg-services .role p{margin:6px 0 0;font-size:15px;color:var(--g700)}
.pg-services .role-toast{display:block;margin-top:auto;padding:12px 14px;border-radius:14px;background:var(--g900);color:#fff;font-size:14px;line-height:1.55;font-weight:600}
.pg-services .role p+.role-toast{margin-top:16px}
.pg-services .fakebtn{align-self:flex-start;display:inline-flex;align-items:center;height:40px;margin-top:16px;padding:0 18px;border-radius:10px;background:var(--blue-btn);color:#fff;font-size:14px;font-weight:700}
@media (max-width:1000px){.pg-services .adm-grid{grid-template-columns:minmax(0,1fr);gap:48px}.pg-services .adm-fig{position:static}}
@media (max-width:860px){.pg-services .roles{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.pg-services .bound{grid-template-columns:minmax(0,1fr)}}

/* training panel */
.pg-services .panel{padding:4px 24px;border-radius:26px;background:#fff}
.pg-services .panel .rows{border-top:0}
.pg-services .panel .rows>li:last-child{border-bottom:0}
@media (max-width:640px){.pg-services .panel{padding:4px 16px}}

/* ── renewal: URL map + sort rules ── */
.pg-services .ren{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:56px;align-items:start}
.pg-services .ren .situ{grid-template-columns:minmax(0,1fr);margin-bottom:40px;padding:22px 24px}
.pg-services .urlmap{position:sticky;top:140px;margin:0;padding:20px;border-radius:26px;background:var(--g50)}
.pg-services .urlmap-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;font-size:16px;font-weight:700}
.pg-services .um-row{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);align-items:center;gap:8px 10px;padding:14px;border-radius:14px;background:#fff}
.pg-services .um-row+.um-row{margin-top:6px}
.pg-services .um-row .ico{font-size:16px;color:var(--g400)}
.pg-services .um-row .st{grid-column:1/-1;justify-self:start}
.pg-services .u{font:600 13px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--g900);word-break:break-all}
.pg-services .u.old{color:var(--g600)}
.pg-services .u.none{font-family:var(--font);color:#c01f2e}
.pg-services .urlmap figcaption{margin-top:12px;font-size:13px;line-height:1.6;color:var(--g600)}
.pg-services .sorts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pg-services .sort{padding:24px 22px;border-radius:22px;background:var(--g50)}
.pg-services .sort h4{display:flex;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:800}
.pg-services .sort dl{margin:6px 0 0}
.pg-services .sort dt{margin-top:12px;font-size:13px;font-weight:700;color:var(--g600)}
.pg-services .sort dd{margin:2px 0 0;font-size:15px;line-height:1.6;color:var(--g800)}
.pg-services .srcline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:16px;padding:16px 18px;border-radius:18px;box-shadow:inset 0 0 0 1px var(--g200);font-size:14px;color:var(--g700)}
.pg-services .srcline a{min-width:0;font-weight:600;color:var(--blue-700);text-decoration:none;overflow-wrap:anywhere}
.pg-services .srcline a:hover{text-decoration:underline}
@media (max-width:1000px){.pg-services .ren{grid-template-columns:minmax(0,1fr);gap:40px}.pg-services .urlmap{position:static}.pg-services .sorts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.pg-services .sorts{grid-template-columns:minmax(0,1fr)}}

/* ── extensions ── */
.pg-services .ext-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pg-services .card .ext-top+h3{margin-top:20px}
.pg-services .card.ext-note{background:var(--blue-50)}
.pg-services .card.ext-note h3{margin-top:0;font-size:18px}
.pg-services .card.ext-note p{color:var(--g800)}
.pg-services .card .link{margin-top:auto;padding-top:16px;font-size:15px}

/* ── deliverables by stage ── */
.pg-services .stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.pg-services .stage{display:flex;flex-direction:column;padding:22px 18px 18px;border-radius:22px;background:var(--g50)}
.pg-services .stage-n{font-size:13px;font-weight:800;color:var(--blue-700)}
.pg-services .stage h3{margin:4px 0 12px;font-size:19px;font-weight:800;letter-spacing:-.02em}
.pg-services .stage ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.pg-services .stage li{font-size:14.5px;line-height:1.5;color:var(--g800)}
.pg-services .stage li .tag{height:22px;margin-right:4px;padding:0 7px;font-size:12px;background:#fff}
.pg-services .stage-ok{margin-top:auto;padding-top:16px}
.pg-services .stage-ok div{padding-top:12px;border-top:1px solid var(--g200);font-size:14px;line-height:1.55;color:var(--g800)}
.pg-services .stage-ok b{display:block;margin-bottom:2px;font-size:12.5px;font-weight:700;color:var(--g600)}
@media (max-width:1100px){
  .pg-services .stages{grid-template-columns:minmax(0,1fr)}
  .pg-services .stage{display:grid;grid-template-columns:150px minmax(0,1fr) 220px;align-items:start;gap:16px;padding:22px 24px}
  .pg-services .stage h3{margin-bottom:0}
  .pg-services .stage-ok{margin:0;padding:0}
  .pg-services .stage-ok div{padding:0;border:0}
}
@media (max-width:680px){
  .pg-services .stage{grid-template-columns:minmax(0,1fr);gap:12px;padding:20px}
  .pg-services .stage-ok div{padding-top:12px;border-top:1px solid var(--g200)}
}

/* ── build examples ── */
.pg-services .ex-top{display:flex;flex-wrap:wrap;gap:6px}
.pg-services .ex-shot{margin:18px 0 0;border-radius:18px;background:var(--g50);overflow:hidden}
.pg-services .ex-shot .pm-url{border-bottom-color:var(--g200)}
.pg-services .ex-shot p{margin:0;padding:16px 18px 18px;font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--g900)}
.pg-services .ex-dl{margin:6px 0 0}
.pg-services .ex-dl dt{margin-top:14px;font-size:13px;font-weight:700;color:var(--g600)}
.pg-services .ex-dl dd{margin:2px 0 0;font-size:16px;line-height:1.6;color:var(--g800)}

/* CTA */
.pg-services .cta-band .btns{max-width:520px;justify-content:flex-end}
@media (max-width:760px){.pg-services .cta-band .btns{justify-content:flex-start}}

@media (prefers-reduced-motion:reduce){.pg-services .spin{animation:none}}