/* ===========================================================
   보도블럭시공기준 — 전용 스타일 (팔레트: #1F2937 / #FFFFFF / #2563EB)
   =========================================================== */
:root{
  --dp-std-ink:#1F2937;
  --dp-std-bg:#FFFFFF;
  --dp-std-bg-alt:#F3F5F8;
  --dp-std-accent:#2563EB;
  --dp-std-radius:4px;
}

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

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

.dp-std-page h2.dp-std-h2{
  font-size:clamp(24px,3.8vw,36px); /* 1.414 scale */
  font-weight:800;
  margin-bottom:16px;
  color:var(--dp-std-ink);
}
.dp-std-page p{color:#4b5563;line-height:1.85;font-size:16.5px;}
.dp-std-tag{
  display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.05em;
  color:var(--dp-std-accent);background:rgba(37,99,235,.08);
  padding:5px 12px;border-radius:var(--dp-std-radius);margin-bottom:14px;
  border:1px solid rgba(37,99,235,.25);font-family:monospace,'Pretendard';
}

/* ---- HERO: 사양서 스타일 좌측 정렬 ---- */
.dp-std-hero{
  background:var(--dp-std-ink);
  padding:64px 0 56px;
  border-bottom:4px solid var(--dp-std-accent);
}
.dp-std-hero .inner{max-width:720px;}
.dp-std-hero .breadcrumb{font-family:monospace;font-size:13px;}
.dp-std-hero p.dp-std-lead{color:#cbd5e1;font-size:17px;max-width:560px;margin-top:14px;}
.dp-std-spec-list{
  margin-top:26px;border-top:1px solid rgba(255,255,255,.15);
}
.dp-std-spec-list div{
  display:flex;gap:16px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.15);
  font-size:13.5px;color:#cbd5e1;
}
.dp-std-spec-list div span:first-child{flex:none;width:120px;color:#94a3b8;font-family:monospace;}

/* ---- 본문 블록 ---- */
.dp-std-block{margin-bottom:44px;}
.dp-std-block:last-child{margin-bottom:0;}
.dp-std-note{
  background:#EFF6FF;border:1px solid #bfdbfe;border-left:4px solid var(--dp-std-accent);
  border-radius:var(--dp-std-radius);padding:20px 24px;margin-top:16px;
  font-size:14.5px;color:#1e3a5f;line-height:1.9;
}
.dp-std-note b{color:var(--dp-std-ink);}

/* ---- SVG 도식 ---- */
.dp-std-svg-wrap{
  background:#fff;border:1px solid #e2e8f0;border-radius:var(--dp-std-radius);
  padding:20px;
}
.dp-std-svg-wrap svg{width:100%;height:auto;display:block;}

/* ---- 표 ---- */
.dp-std-table-scroll{overflow-x:auto;border-radius:var(--dp-std-radius);border:1px solid #e2e8f0;}
.dp-std-table-scroll table{width:100%;border-collapse:collapse;min-width:620px;background:#fff;}
.dp-std-table-scroll caption{text-align:left;font-size:14px;color:#64748b;padding:16px 20px 0;}
.dp-std-table-scroll th,.dp-std-table-scroll td{
  padding:14px 18px;text-align:left;font-size:14.5px;border-bottom:1px solid #eef1f5;
}
.dp-std-table-scroll thead th{
  background:var(--dp-std-ink);color:#fff;font-weight:700;font-size:13.5px;
}
.dp-std-table-scroll tbody tr:last-child td{border-bottom:none;}

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

/* ---- FAQ 라디우스 정책 ---- */
.dp-std-page .guide-item{border-radius:var(--dp-std-radius);}

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

/* ---- 페이지 유일 애니메이션(스펙 리스트 순차 표시) ---- */
@keyframes dpStdRow{from{opacity:0;transform:translateX(-6px);}to{opacity:1;transform:translateX(0);}}
.dp-std-spec-list div{animation:dpStdRow .4s ease both;}
.dp-std-spec-list div:nth-child(2){animation-delay:.06s;}
.dp-std-spec-list div:nth-child(3){animation-delay:.12s;}
.dp-std-spec-list div:nth-child(4){animation-delay:.18s;}