/* ===========================================================
   보도블럭시공주차장 — 전용 스타일 (팔레트: #E0E1DD / #0D1B2A / #415A77)
   =========================================================== */
@import url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2306@1.0/Paperlogy.css');

:root{
  --dp-pk-ink:#E0E1DD;
  --dp-pk-bg:#0D1B2A;
  --dp-pk-bg-alt:#152840;
  --dp-pk-accent:#415A77;
  --dp-pk-card:#1B2D42;
  --dp-pk-radius:999px;
  --dp-pk-radius-lg:36px;
}

.site-header{position:sticky;top:0;z-index:60;}

body.dp-pk-page{
  background:var(--dp-pk-bg);
  color:var(--dp-pk-ink);
  font-family:'Pretendard','Noto Sans KR',sans-serif;
  font-display:swap;
}
.dp-pk-page h1,.dp-pk-page h2,.dp-pk-page h3{
  font-family:'Paperlogy','Pretendard','Noto Sans KR',sans-serif;
  font-display:swap;
  letter-spacing:-.01em;
}
.dp-pk-page .section{padding:80px 0;background:var(--dp-pk-bg);}
.dp-pk-page .section-alt{background:var(--dp-pk-bg-alt);}
@media (max-width:768px){.dp-pk-page .section{padding:52px 0;}}

.dp-pk-page h2.dp-pk-h2{
  font-size:clamp(23px,3vw,30px); /* 1.25 scale */
  font-weight:800;
  margin-bottom:14px;
  color:#fff;
}
.dp-pk-page p{color:#b9c2cc;line-height:1.85;font-size:16.5px;}
.dp-pk-badge{
  display:inline-block;font-size:13px;font-weight:800;letter-spacing:.06em;
  color:var(--dp-pk-ink);background:rgba(65,90,119,.35);
  padding:6px 16px;border-radius:var(--dp-pk-radius);margin-bottom:14px;
  border:1px solid rgba(224,225,221,.25);
}

/* ---- HERO: 다크 상단 파노라마 ---- */
.dp-pk-hero{
  background:
    linear-gradient(180deg,rgba(13,27,42,.2),rgba(13,27,42,.96) 88%),
    repeating-linear-gradient(90deg, rgba(224,225,221,.06) 0 2px, transparent 2px 120px),
    linear-gradient(135deg,#0D1B2A 0%,#1B2D42 55%,#415A77 100%);
  padding:64px 0 56px;
  border-bottom:1px solid rgba(224,225,221,.15);
}
.dp-pk-hero .inner{max-width:760px;}
.dp-pk-hero p.dp-pk-lead{color:#c7cfd6;font-size:17px;max-width:560px;margin-top:14px;}
.dp-pk-hero-stats{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px;}
.dp-pk-hero-stats span{
  border:1px solid rgba(224,225,221,.3);border-radius:var(--dp-pk-radius);
  padding:8px 18px;font-size:13.5px;color:var(--dp-pk-ink);
}

/* ---- 본문 블록 ---- */
.dp-pk-block{margin-bottom:36px;}
.dp-pk-block:last-child{margin-bottom:0;}
.dp-pk-note{
  background:var(--dp-pk-card);border:1px solid rgba(65,90,119,.5);
  border-radius:var(--dp-pk-radius-lg);padding:20px 24px;margin-top:16px;
  font-size:14.5px;color:#c7cfd6;line-height:1.85;
}
.dp-pk-note b{color:#fff;}

/* ---- SVG 도식 ---- */
.dp-pk-svg-wrap{
  background:var(--dp-pk-card);border:1px solid rgba(65,90,119,.5);border-radius:var(--dp-pk-radius-lg);
  padding:20px;
}
.dp-pk-svg-wrap svg{width:100%;height:auto;display:block;}

/* ---- 표 ---- */
.dp-pk-table-scroll{overflow-x:auto;border-radius:var(--dp-pk-radius-lg);border:1px solid rgba(65,90,119,.5);}
.dp-pk-table-scroll table{width:100%;border-collapse:collapse;min-width:600px;background:var(--dp-pk-card);}
.dp-pk-table-scroll caption{text-align:left;font-size:14px;color:#9aa7b3;padding:16px 20px 0;}
.dp-pk-table-scroll th,.dp-pk-table-scroll td{
  padding:14px 18px;text-align:left;font-size:14.5px;border-bottom:1px solid rgba(224,225,221,.1);color:#dfe3e7;
}
.dp-pk-table-scroll thead th{
  background:var(--dp-pk-accent);color:#fff;font-weight:700;font-size:13.5px;
}
.dp-pk-table-scroll tbody tr:last-child td{border-bottom:none;}

/* ---- 사진 캡션 ---- */
.photo-caption{
  margin-top:8px;font-size:13.5px;color:#9aa7b3;line-height:1.6;padding:0 2px;
}

/* ---- FAQ 라디우스 정책 ---- */
.dp-pk-page .guide-item{
  border-radius:var(--dp-pk-radius-lg);
  background:var(--dp-pk-card);border-color:rgba(65,90,119,.5);
}
.dp-pk-page .guide-item h3{color:#fff;}
.dp-pk-page .guide-item p{color:#b9c2cc;}

/* ---- 접근성 ---- */
.dp-pk-page a:focus-visible,
.dp-pk-page button:focus-visible{outline:3px solid var(--dp-pk-accent);outline-offset:2px;}
@media (prefers-reduced-motion:reduce){
  .dp-pk-page *{animation:none!important;transition:none!important;}
}

/* ---- 페이지 유일 애니메이션(스탯 페이드인) ---- */
@keyframes dpPkFade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
.dp-pk-hero-stats span{animation:dpPkFade .5s ease both;}
.dp-pk-hero-stats span:nth-child(2){animation-delay:.08s;}
.dp-pk-hero-stats span:nth-child(3){animation-delay:.16s;}