/* 보도블럭시공경계석 — 전용 스타일 (팔레트: #37474F / #FFFFFF / #FFC300, 타입스케일 1.200, 패딩 64px, 라운드 12px) */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@400;500;700&display=swap');

:root{
  --dp-curb-primary:#37474F;
  --dp-curb-bg:#FFFFFF;
  --dp-curb-accent:#FFC300;
  --dp-curb-font-head:"IBM Plex Sans KR","Pretendard","Noto Sans KR",sans-serif;
  --dp-curb-font-body:"Pretendard","Noto Sans KR",sans-serif;
}

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

/* 섹션 패딩 64px 계열 */
.section{padding:64px 0;}
@media (max-width:768px){.section{padding:44px 0;}}

h1,h2,h3{font-family:var(--dp-curb-font-head);}
.section-head h2{font-size:clamp(24px,2.9vw,29px);}

/* 히어로: 좌 확대 도해 · 우 텍스트 */
.dp-curb-hero{background:linear-gradient(180deg,var(--dp-curb-primary) 0%,#26333a 100%);}
.dp-curb-hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:center;}
.dp-curb-hero h1{font-size:clamp(28px,4vw,40px);}
.dp-curb-hero .btn-primary{background:var(--dp-curb-accent);color:#37474F;border-radius:12px;box-shadow:0 10px 24px rgba(255,195,0,.3);}
.dp-curb-hero .btn-primary:hover{background:#e6b000;}
.dp-curb-hero .btn-outline{border-radius:12px;}

.dp-curb-visual{position:relative;display:flex;align-items:flex-end;gap:0;height:220px;padding:0 10px;}
.dp-curb-visual-block{
  width:34%;
  height:170px;
  background:var(--dp-curb-accent);
  border-radius:12px 12px 0 0;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top:16px;
  box-shadow:0 16px 34px rgba(0,0,0,.3);
}
.dp-curb-visual-label{font-weight:800;color:#37474F;font-size:15px;}
.dp-curb-visual-strip{width:16%;height:70px;background:rgba(255,255,255,.25);margin-left:6px;border-radius:6px 6px 0 0;}
.dp-curb-visual-base{flex:1;height:40px;background:rgba(255,255,255,.12);margin-left:6px;border-radius:6px;}

/* 도식/표 */
.dp-curb-body{font-family:var(--dp-curb-font-body);font-size:17px;line-height:1.85;color:#33393d;max-width:820px;}
.dp-curb-body + .dp-curb-body{margin-top:20px;}
.dp-curb-lead{font-family:var(--dp-curb-font-body);font-size:19px;line-height:1.9;color:var(--dp-curb-primary);font-weight:600;}
.dp-curb-eyebrow{background:#eceff1;color:#37474F;}

.dp-curb-svg{width:100%;height:auto;background:#fafafa;border-radius:12px;padding:10px;margin-top:24px;}

.dp-curb-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid #dfe3e6;}
.dp-curb-table{width:100%;border-collapse:collapse;min-width:560px;background:#fff;}
.dp-curb-table caption{text-align:left;font-size:14px;font-weight:700;color:var(--dp-curb-primary);padding:16px 20px;background:#eceff1;}
.dp-curb-table th,.dp-curb-table td{padding:14px 18px;font-size:15px;text-align:left;border-bottom:1px solid #e8eaec;}
.dp-curb-table th{background:var(--dp-curb-primary);color:#fff;font-weight:700;}
.dp-curb-table tbody tr:last-child td{border-bottom:none;}
.dp-curb-table-note{margin-top:14px;font-size:13.5px;color:#5a6266;}

.photo-caption{margin-top:8px;font-size:13.5px;font-weight:700;color:var(--dp-curb-primary);text-align:center;}
.process-item{border-radius:12px;}
.guide-item{border-radius:12px;}

a:focus-visible,button:focus-visible{outline:3px solid var(--dp-curb-accent);outline-offset:2px;}
@media (prefers-reduced-motion:reduce){.process-item img{transition:none;}}

@media (max-width:1024px){
  .dp-curb-hero-grid{grid-template-columns:1fr;}
  .dp-curb-visual{order:-1;}
}

.footer-grid{grid-template-columns:1.3fr 1fr 1fr 1fr;}
@media (max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:768px){.footer-grid{grid-template-columns:1fr;}}