/* 집수리홈픽서 · 마루 찍힘·패임 부분교체 — '마루 견본판(우드 샘플 카드)'
   자작나무 크림 바탕 · 호두나무 갈색 글자 · 청록(틸) 강조 하나. 그림자·그라데이션 카드 없음(첫 화면 나이테
   줄무늬 배경만 예외). 사진 카드는 테두리·그림자 없이 사진이 카드 전체를 채운다. 라이트 고정. */
:root{
  --bg:#F8EFDD; --paper:#FFFBF3; --paper2:#F0E3C8;
  --ink:#3D2B1A; --ink-soft:#7A6248;
  --espresso:#2A1C10; --espresso2:#231609;
  --teal:#2F6F6B; --teal-dark:#1F4D4A; --teal-wash:#DCEFEC;
  --line:#E4D3AC; --line-strong:#CDB886;
  --head:'Gowun Dodum','Gothic A1',sans-serif;
  --body:'Gothic A1','Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  --sym:-apple-system,'Apple SD Gothic Neo',sans-serif; /* 가운뎃점·화살표 전용(글꼴 글자 없을 때 대비) */
  --gut:16px; --max:1080px; --r:12px; --r-sm:8px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.72;
  word-break:keep-all;overflow-wrap:anywhere;padding-bottom:calc(78px + env(safe-area-inset-bottom))}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
p{margin:0 0 .9em}
h1,h2,h3{font-family:var(--head);font-weight:700;line-height:1.32;margin:0}
h1{font-size:2.05rem}
h2{font-size:1.5rem}
h3{font-size:1.14rem;margin:1.3em 0 .5em}
b,strong{font-weight:800}
:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0;background:var(--espresso);color:#fff;padding:8px 12px;z-index:50}
.skip:focus{left:8px;top:8px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.go{font-family:var(--sym);display:inline-block;margin-left:.28em;font-weight:800;color:var(--teal)}

/* ── 머리: 한 줄, 접지 않음 ── */
.hdr{position:sticky;top:0;z-index:40;background:var(--espresso);
  background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.02) 0 2px,transparent 2px 26px);
  border-bottom:4px solid var(--teal)}
.hdr-in{max-width:var(--max);margin:0 auto;padding:9px var(--gut) 8px}
.hdr-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 14px}
.logo{display:inline-flex;flex-wrap:wrap;align-items:center;gap:2px 8px;text-decoration:none;min-width:0}
.logo-m{width:26px;height:26px;flex:none}
.logo-name{font-family:var(--head);font-weight:700;font-size:1.28rem;line-height:1.2;color:var(--paper)}
.logo-kw{font-size:.76rem;font-weight:700;color:var(--teal-wash);border:1px solid var(--teal);border-radius:999px;padding:2px 9px;white-space:nowrap}
.hdr-tel{font-weight:800;font-size:.95rem;color:var(--paper);text-decoration:none;white-space:nowrap;
  border-bottom:1px dashed rgba(255,255,255,.5);padding:2px 0}
.tabs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 4px;padding:9px 0 1px;margin:0}
.tabs a{display:inline-block;padding:3px 2px;font-size:.87rem;font-weight:500;text-decoration:none;color:#E9DFC9}
.tabs a[aria-current]{color:#fff;font-weight:800;border-bottom:2px solid var(--teal)}
.tabs-dot{color:var(--line-strong);font-size:.8rem}

/* ── 위치 ── */
.crumb{font-size:.84rem;color:var(--ink-soft);padding:14px 0 6px;display:flex;flex-wrap:wrap;gap:2px 6px}
.crumb a{color:var(--ink-soft)}
.crumb-s{color:var(--line-strong)}
.crumb [aria-current]{color:var(--ink);font-weight:700}

/* ── 견본표 태그(첫 화면·하위 머리) ── */
.tag{background:var(--paper);border-radius:var(--r);border-top:5px solid var(--ink);margin:16px 0 8px;padding:18px 18px 20px;position:relative}
.tag-sub{margin-top:6px}
.stamp{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;
  font-size:.8rem;font-weight:700;letter-spacing:.02em;color:var(--ink-soft);
  border-bottom:1px dashed var(--line-strong);padding-bottom:9px;margin-bottom:14px}
.stamp-no{color:var(--ink);font-weight:800}
.stamp-ok{display:inline-block;color:var(--teal-dark);background:var(--teal-wash);border-radius:999px;padding:2px 10px;font-weight:800;font-size:.76rem;letter-spacing:.02em;white-space:nowrap}
.tag h1{margin-bottom:12px}
.tag-home h1{font-size:2.35rem;color:var(--ink)}
.tag-home h1::after{content:"";display:block;width:52px;height:4px;background:var(--teal);border-radius:99px;margin-top:10px}
.lead{font-size:1.05rem;color:var(--ink)}
.lead b{background:linear-gradient(transparent 60%,var(--teal-wash) 60%)}
.upd{font-size:.78rem;color:var(--ink-soft);margin:.2em 0 1em}
.tag-note{font-size:.92rem;color:var(--ink-soft);margin:14px 0 0;padding-top:12px;border-top:1px dashed var(--line-strong)}

/* 전후 사진 */
.ba{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ba figure{margin:0;position:relative;background:var(--paper2);border-radius:var(--r-sm);overflow:hidden}
.ba img{width:100%;aspect-ratio:3/4;object-fit:cover}
.ba-l{position:absolute;left:8px;top:8px;background:var(--espresso);color:#fff;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:999px;line-height:1.5}
.ba-l.ba-after{background:var(--teal)}
.hero-ba{display:block;text-decoration:none;margin:16px 0 14px;border-radius:var(--r);overflow:hidden;background:var(--paper)}
.hero-cap{display:block;font-weight:800;font-size:.95rem;padding:10px 12px;color:#fff;background:var(--ink)}

/* 문의 버튼 */
.cta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.cta a{flex:1 1 150px;display:flex;align-items:center;justify-content:center;min-height:50px;padding:10px 14px;
  border-radius:999px;font-weight:800;font-size:1.02rem;text-decoration:none;white-space:nowrap;text-align:center}
.btn-sms{background:var(--teal);color:#fff}
.btn-sms:hover{background:var(--teal-dark)}
.btn-tel{background:transparent;color:var(--ink);border:2px solid var(--ink)}
.btn-tel:hover{background:var(--paper2)}

/* ── 섹션 ── */
.sec{padding:32px 0 6px}
.sec > h2{padding-bottom:10px;border-bottom:2px solid var(--ink);margin-bottom:16px}
.sec-k{font-size:.78rem;font-weight:800;color:var(--teal-dark);letter-spacing:.03em;margin:0 0 6px;text-transform:uppercase}
.sub{color:var(--ink-soft)}
.answer{font-size:1.02rem;border-left:4px solid var(--teal);padding:2px 0 2px 12px;border-radius:2px}
.more{display:inline-flex;align-items:center;margin:14px 0 4px;font-weight:800;text-decoration:none;
  border-bottom:2px solid var(--teal);padding:4px 0}
.more:hover{color:var(--teal-dark)}

/* 증상 바로가기: 줄바꿈 태그 칩 */
.chips{list-style:none;margin:14px 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.chips li{display:flex;min-width:0}
.chips a{display:flex;flex-direction:column;gap:1px;text-decoration:none;background:var(--paper);
  border-radius:16px;padding:12px 14px;min-width:0;width:100%}
.chips a:hover{background:var(--teal-wash)}
.chips b{font-size:.98rem;color:var(--ink)}
.chips small{font-size:.8rem;color:var(--ink-soft)}
.chips .go{margin-top:auto;padding-top:4px;color:var(--teal)}

/* 서비스 견본 카드: 사진이 카드 전체를 채운다(테두리·그림자 없음) */
.swatches{display:grid;grid-template-columns:1fr;gap:14px;margin:14px 0}
.swatch{position:relative;display:block;aspect-ratio:16/11;border-radius:var(--r);overflow:hidden;text-decoration:none}
.swatch-img{position:absolute;inset:0;background:var(--paper2)}
.swatch-img img{width:100%;height:100%;object-fit:cover}
.swatch-knot{position:absolute;left:12px;top:12px;z-index:1;width:30px;height:30px;border-radius:50%;
  background:var(--teal);color:#fff;font-weight:800;font-size:.86rem;display:flex;align-items:center;justify-content:center}
.swatch-b{position:absolute;left:0;right:0;bottom:0;padding:34px 16px 14px;color:#fff;
  background:linear-gradient(to top,rgba(20,13,7,.92) 10%,rgba(20,13,7,.55) 60%,transparent)}
.swatch-b small{font-size:.78rem;font-weight:800;color:#CFE9E6;letter-spacing:.02em}
.swatch-b strong{display:block;font-family:var(--head);font-weight:700;font-size:1.22rem;line-height:1.3;margin:3px 0 4px}
.swatch-b span{display:block;font-size:.88rem;color:#EFE6D3}
.swatch-b em{font-style:normal;font-weight:800;font-size:.85rem;margin-top:6px;display:inline-block;color:#fff}

/* 질문 메모 */
.slip-qs{display:grid;grid-template-columns:1fr;gap:0;border-top:2px solid var(--ink)}
.slip-q{padding:16px 0 12px;border-bottom:1px dashed var(--line-strong)}
.slip-q h3{margin:6px 0 6px}
.slip-tag{display:inline-block;font-size:.76rem;font-weight:800;color:var(--teal-dark);background:var(--teal-wash);border-radius:999px;padding:2px 10px;margin:0}
.slip-a{font-weight:800}
.slip-q .more{margin-top:2px}

/* 사례 행: 테두리 없는 전폭 리스트 */
.rows{list-style:none;margin:10px 0 6px;padding:0;border-top:3px solid var(--teal)}
.rows > li{border-bottom:1px dashed var(--line-strong)}
.row{display:grid;grid-template-columns:1fr;gap:12px;padding:16px 0;text-decoration:none}
.row:hover .row-t{color:var(--teal-dark)}
.row-b{display:flex;flex-direction:column;min-width:0}
.row-no{font-size:.78rem;color:var(--ink-soft);font-weight:800}
.row-t{font-family:var(--head);font-weight:700;font-size:1.28rem;line-height:1.35;margin:4px 0 6px}
.row-s{font-size:.93rem;color:var(--ink-soft)}
.row-s b{color:var(--teal-dark);margin-right:4px}
.row-go{font-weight:800;font-size:.92rem;margin-top:6px}

/* 작업 기록: 세로 줄기 + 둥근 번호 */
.steps{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:16px}
.step{background:var(--paper2);border-radius:var(--r);overflow:hidden;padding:0 0 12px}
.step-h{display:flex;align-items:center;gap:10px;margin:0;padding:9px 12px;background:var(--ink);color:var(--paper)}
.step-no{flex:none;width:26px;height:26px;border-radius:50%;background:var(--teal);color:#fff;font-weight:800;font-size:.85rem;
  display:flex;align-items:center;justify-content:center}
.step-h span:last-child{font-weight:700;font-size:.9rem}
.step figure{margin:0}
.step img{width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--paper2)}
.step h3{margin:12px 12px 4px;font-size:1.1rem}
.step p:not(.step-h){margin:0 12px;font-size:.95rem;color:var(--ink-soft)}

/* 목차·요점 */
.toc{background:var(--paper);border-radius:var(--r);padding:14px 16px;margin:18px 0 0}
.toc-h{font-size:.8rem;font-weight:800;color:var(--teal-dark);margin:0 0 6px}
.toc ol{list-style:none;margin:0;padding:0}
.toc li{border-top:1px dashed var(--line)}
.toc li:first-child{border-top:0}
.toc a{display:flex;gap:10px;padding:7px 0;text-decoration:none}
.toc a:hover span:last-child{text-decoration:underline}
.toc-no{color:var(--ink-soft);flex:none;font-weight:700}
.pts{list-style:none;counter-reset:p;margin:14px 0;padding:0}
.pts li{counter-increment:p;position:relative;padding:8px 0 8px 38px;border-bottom:1px dashed var(--line)}
.pts li::before{content:counter(p,decimal-leading-zero);position:absolute;left:0;top:8px;font-weight:800;color:var(--teal-dark)}

/* 사실·비교·확인 */
.facts{margin:10px 0;display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--ink)}
.facts div{padding:12px 0;border-bottom:1px dashed var(--line)}
.facts dt{font-weight:800;font-size:1.02rem;margin-bottom:2px}
.facts dt::before{content:"— ";color:var(--teal)}
.facts dd{margin:0;color:var(--ink-soft)}
.cmp{margin:12px 0;border-top:2px solid var(--ink)}
.cmp-h{display:none}
.cmp-r{padding:12px 0;border-bottom:1px dashed var(--line)}
.cmp-r strong{display:block;font-family:var(--head);font-weight:700;font-size:1.14rem;margin-bottom:4px}
.cmp-r p{margin:0 0 4px;font-size:.95rem}
.cmp-r p b{display:inline-block;font-size:.76rem;color:var(--teal-dark);background:var(--teal-wash);border-radius:999px;padding:1px 8px;margin-right:6px}
.chk{list-style:none;margin:10px 0;padding:0}
.chk li{position:relative;padding:10px 0 10px 30px;border-bottom:1px dashed var(--line-strong)}
.chk li::before{content:"";position:absolute;left:2px;top:16px;width:13px;height:13px;border-radius:50%;border:2px solid var(--teal)}
.chk b{display:block}
.chk span{color:var(--ink-soft);font-size:.95rem}

/* 사례 요약 */
.sum{margin:0;border-top:2px solid var(--ink)}
.sum > div{display:grid;grid-template-columns:5.5em 1fr;gap:10px;padding:10px 0;border-bottom:1px dashed var(--line)}
.sum dt{font-size:.82rem;font-weight:800;color:var(--teal-dark);padding-top:2px}
.sum dd{margin:0}
.sum ul{margin:0;padding-left:1.1em}

/* 질문 답변 */
.qas{border-top:2px solid var(--ink)}
.qa{border-bottom:1px dashed var(--line-strong)}
.qa summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:10px;padding:13px 2px}
.qa summary::-webkit-details-marker{display:none}
.qa-q,.qa-al{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-weight:800;font-size:.9rem}
.qa-q{background:var(--teal);color:#fff}
.qa-al{border:2px solid var(--ink);color:var(--ink)}
.qa-t{flex:1;min-width:0;font-weight:800;line-height:1.5;padding-top:1px}
.qa-m::before{font-family:var(--sym);content:"\25B8";color:var(--teal);font-size:1.05rem}
.qa[open] .qa-m::before{content:"\25BE"}
.qa-a{display:flex;gap:10px;padding:0 2px 14px}
.qa-a p{margin:0;color:var(--ink-soft);padding-top:1px}

/* 문의: 펀치 구멍 견본 태그 */
.tag-wrap{background:var(--paper2);margin:36px 0 0;padding:34px 0 30px;position:relative}
.tag-wrap .wrap{position:relative}
.tag-hole{position:absolute;left:50%;top:-24px;transform:translateX(-50%);width:16px;height:16px;border-radius:50%;
  background:var(--bg);border:2px solid var(--line-strong)}
.tag-wrap h2{margin-bottom:8px}
.slip{background:var(--paper);border-left:4px solid var(--teal);border-radius:0 var(--r-sm) var(--r-sm) 0;margin:14px 0;padding:10px 16px 6px}
.slip-h{font-size:.8rem;font-weight:800;color:var(--teal-dark);margin:0 0 4px;line-height:30px}
.slip-b{list-style:none;margin:0;padding:0}
.slip-b li{line-height:32px;min-height:32px;font-size:.92rem;border-bottom:1px dashed var(--line)}
.slip-b li:last-child{border-bottom:0}
.slip-note{font-size:.93rem;color:var(--ink-soft)}
.shots{list-style:none;margin:10px 0 14px;padding:0}
.shots li{display:flex;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line-strong)}
.sh-no{flex:none;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--teal);color:#fff;font-weight:800;font-size:.85rem}
.shots li > span:last-child{flex:1;min-width:0}
.shots b{display:block}

/* 비용 페이지 */
.ex{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
.ex figure{margin:0;background:var(--paper);border-radius:var(--r-sm);overflow:hidden}
.ex img{width:100%;aspect-ratio:3/4;object-fit:cover}
.ex figcaption{padding:8px 10px;font-size:.88rem;color:var(--ink-soft)}
.ex figcaption b{display:block;color:var(--ink)}
.tip{background:var(--paper);border-radius:var(--r-sm);border:1px dashed var(--line-strong);padding:10px 12px}
.flow{list-style:none;counter-reset:f;margin:10px 0;padding:0;border-left:2px solid var(--teal);margin-left:12px}
.flow li{counter-increment:f;position:relative;padding:8px 0 12px 24px}
.flow li::before{content:counter(f);position:absolute;left:-15px;top:8px;width:26px;height:26px;border-radius:50%;background:var(--paper);border:2px solid var(--teal);
  color:var(--teal-dark);font-weight:800;font-size:.8rem;display:flex;align-items:center;justify-content:center}

/* 지역 */
.local-note{background:var(--paper);border-radius:0 var(--r-sm) var(--r-sm) 0;border-left:3px solid var(--ink);padding:10px 12px}
.rqs{list-style:none;margin:10px 0;padding:0;border-top:2px solid var(--ink)}
.rqs li{border-bottom:1px dashed var(--line-strong)}
.rq{display:grid;grid-template-columns:84px 1fr;gap:12px;padding:12px 0;text-decoration:none}
.rq-img img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r-sm)}
.rq-t{display:flex;flex-direction:column;min-width:0}
.rq-t strong{font-size:1.02rem}
.rq-t span{font-size:.92rem;color:var(--ink-soft)}
.rq-t em{font-style:normal;font-size:.8rem;color:var(--teal-dark);margin-top:4px}
.warn{margin:8px 0;padding-left:1.2em}
.warn li{margin:4px 0}
.warn li::marker{color:var(--teal)}
.why-pick{font-weight:600}
.areas{list-style:none;margin:8px 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.areas a{display:inline-block;padding:6px 12px;background:var(--paper);border-radius:999px;text-decoration:none;font-size:.9rem}
.areas a:hover{background:var(--teal-wash);color:var(--teal-dark)}
.areas-all{font-weight:800;background:var(--ink)!important;color:#fff!important}
.links h2{margin-top:22px}
.area-red{color:var(--teal-dark)}
.zone{margin:18px 0 0}
.zone h3{display:flex;align-items:baseline;gap:8px;margin:0 0 6px;padding-bottom:6px;border-bottom:1px dashed var(--line-strong)}
.zone h3 small{font-size:.8rem;color:var(--ink-soft)}

/* ── 첫 화면 나이테 배경(홈에만) ── */
.k-home .tag-home{background:radial-gradient(140% 90% at 50% -20%,#FCF6E8 0%,var(--paper) 55%,var(--paper) 100%)}

/* ── 푸터(에스프레소) ── */
.foot{background:var(--espresso);color:#EFE6D3;border-top:4px solid var(--teal);margin-top:44px;padding:26px 0 30px}
.foot-brand{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0 0 6px}
.foot-brand b{font-family:var(--head);font-weight:700;font-size:1.3rem;color:#fff}
.foot-brand span{font-size:.85rem;color:#CFE9E6;font-weight:800}
.foot-tel{display:inline-block;font-weight:800;font-size:1.14rem;text-decoration:none;color:#fff;border-bottom:2px solid var(--teal);margin-bottom:10px;white-space:nowrap}
.foot-area{font-size:.92rem;color:#D9CDB4}
.foot-nav{display:flex;flex-wrap:wrap;gap:4px 16px;padding:10px 0;border-top:1px dashed rgba(255,255,255,.2);border-bottom:1px dashed rgba(255,255,255,.2);margin:4px 0 12px}
.foot-nav a{font-size:.92rem;padding:4px 0;color:#EFE6D3;text-decoration:none}
.foot-note{font-size:.82rem;color:#B8AA8C;margin:0}

/* ── 하단 고정 문의 바 ── */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;gap:8px;background:var(--espresso);border-top:3px solid var(--teal);
  padding:8px var(--gut) calc(8px + env(safe-area-inset-bottom));transition:transform .2s}
.dock a{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;font-weight:800;font-size:1rem;text-decoration:none;white-space:nowrap}
.dock-sms{background:var(--teal);color:#fff}
.dock-tel{border:2px solid #EFE6D3;color:#fff}
.dock.hide{transform:translateY(110%);visibility:hidden}

/* ── 좁은 폭 ── */
@media (max-width:400px){
  :root{--gut:14px}
  h1{font-size:1.78rem}
  .tag-home h1{font-size:2.05rem}
  h2{font-size:1.35rem}
  .tag{padding:14px 14px 16px}
  .logo-name{font-size:1.14rem}
  .tabs a{font-size:.83rem}
  .rq{grid-template-columns:70px 1fr}
  .dock a{font-size:.95rem}
  .dock{gap:6px}
  .swatch{aspect-ratio:4/3}
}
@media (max-width:340px){
  .cta a{flex-basis:100%}
  .swatch-b{padding:28px 12px 12px}
}

/* ── 넓은 화면 ── */
@media (min-width:720px){
  body{font-size:17px;padding-bottom:0}
  .dock{display:none}
  .tag{padding:26px 30px 28px;margin-top:22px}
  .tag-home{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
  .tag-home .stamp,.tag-home .tag-note{grid-column:1/-1}
  .tag-home h1,.tag-home .lead,.tag-home .cta{grid-column:1}
  .tag-home .hero-ba{grid-column:2;grid-row:2/5;margin:0}
  .swatches{grid-template-columns:repeat(2,1fr)}
  .slip-qs{grid-template-columns:1fr 1fr;column-gap:30px;border-top:0}
  .slip-q:nth-child(-n+2){border-top:2px solid var(--ink)}
  .row{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px;align-items:center}
  .steps{grid-template-columns:1fr 1fr}
  .cmp-h{display:grid;grid-template-columns:1.1fr 2fr 2fr;gap:14px;font-size:.78rem;font-weight:800;color:var(--ink-soft);padding:8px 0;border-bottom:1px solid var(--line)}
  .cmp-r{display:grid;grid-template-columns:1.1fr 2fr 2fr;gap:14px}
  .cmp-r p b{display:none}
  .facts{grid-template-columns:1fr 1fr;column-gap:30px}
  .ex{max-width:640px}
  .rqs{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;border-top:0}
  .rqs li:nth-child(-n+2){border-top:2px solid var(--ink)}
  .foot .wrap{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
  .foot-nav,.foot-note{grid-column:1/-1}
}
@media (min-width:1000px){
  .steps{grid-template-columns:repeat(3,1fr)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dock{transition:none}}