/* 보도블럭시공업체 — 전용 스타일 (팔레트: #2B3A2F / #F5F7F2 / #6A994E, 타입스케일 1.250, 패딩 80px, 라운드 999px pill) */
@font-face{
  font-family:"Wanted Sans";
  src:local("Wanted Sans");
  font-display:swap;
}
@import url('https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css');

:root{
  --dp-comp-primary:#2B3A2F;
  --dp-comp-bg:#F5F7F2;
  --dp-comp-accent:#6A994E;
  --dp-comp-font-head:"Wanted Sans","Pretendard","Noto Sans KR",sans-serif;
  --dp-comp-font-body:"Pretendard","Noto Sans KR",sans-serif;
}

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

.dp-comp-hero h1{font-family:var(--dp-comp-font-head);font-size:clamp(30px,4vw,44px);}
.dp-comp-body{font-family:var(--dp-comp-font-body);font-size:17px;line-height:1.85;color:#33402f;max-width:820px;}
.dp-comp-body + .dp-comp-body{margin-top:20px;}
.dp-comp-lead{font-family:var(--dp-comp-font-body);font-size:19px;line-height:1.9;color:var(--dp-comp-primary);font-weight:600;}
.dp-comp-eyebrow{background:#e2ecda;color:#4d7038;}

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

/* 히어로: 좌 텍스트 · 우 검증 카드 */
.dp-comp-hero{background:linear-gradient(180deg,var(--dp-comp-primary) 0%,#1c261f 100%);}
.dp-comp-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;}
.dp-comp-hero .btn-primary{background:var(--dp-comp-accent);color:#fff;box-shadow:0 10px 24px rgba(106,153,78,.4);border-radius:999px;}
.dp-comp-hero .btn-primary:hover{background:#5a8442;}
.dp-comp-hero .btn-outline{border-radius:999px;}

.dp-comp-card{
  background:var(--dp-comp-bg);
  color:var(--dp-comp-primary);
  border-radius:28px;
  padding:32px 28px;
  box-shadow:0 20px 50px rgba(0,0,0,.25);
}
.dp-comp-card-label{display:block;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--dp-comp-accent);margin-bottom:14px;}
.dp-comp-card-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.dp-comp-card-list li{
  background:#fff;
  border-radius:999px;
  padding:12px 20px;
  font-size:14.5px;
  font-weight:700;
  border:1px solid #dbe5d3;
}
.dp-comp-card-list li{position:relative;padding-left:34px;}
.dp-comp-card-list li::before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--dp-comp-accent);}

/* SVG 도식 */
.dp-comp-svg{width:100%;height:auto;background:var(--dp-comp-bg);border-radius:28px;padding:12px;}

/* 표 (pill 계열 라운드는 셀에 과하므로 컨테이너만 둥글게) */
.dp-comp-table-wrap{overflow-x:auto;border-radius:24px;border:1px solid #dde5d5;}
.dp-comp-table{width:100%;border-collapse:collapse;min-width:520px;background:#fff;}
.dp-comp-table caption{text-align:left;font-size:14px;font-weight:700;color:var(--dp-comp-primary);padding:16px 20px;background:#eaf0e4;}
.dp-comp-table th,.dp-comp-table td{padding:14px 20px;font-size:15px;text-align:left;border-bottom:1px solid #e8ede3;}
.dp-comp-table th{background:var(--dp-comp-primary);color:#fff;font-weight:700;}
.dp-comp-table tbody tr:last-child td{border-bottom:none;}
.dp-comp-table-note{margin-top:14px;font-size:13.5px;color:#5a6952;}

.photo-caption{margin-top:8px;font-size:13.5px;font-weight:700;color:var(--dp-comp-primary);text-align:center;}

.dp-comp-hero .btn,.guide-item,.process-item{border-radius:20px;}
.dp-comp-hero .breadcrumb{border-radius:0;}

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

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

.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;}}