/* 집수리홈픽서 · 마루바닥 보수(변색·얼룩·들뜸·벌어짐·벗겨짐) — '마루 진단 리포트(진단서·체크시트)'
   차가운 종이 화이트 바탕 + 옅은 모눈종이 눈금 + 산호빨강(진단 강조 하나) + 남색 잉크 글자 + 민트
   '진단 완료' 배지. 같은 도메인 marudent(견본판)·gypsumwall(벽 단면)·bathtile(타일 견본판)과 다르게
   사진 카드에 대시(점선) 테두리를 쓰고 체크박스·돋보기 아이콘만 SVG로 쓴다. 라이트 고정. */
:root{
  --bg:#F5F1E6; --paper:#FFFDF7; --paper2:#EFE7D2;
  --ink:#1F2A44; --ink-soft:#5A6278;
  --navy:#1B2338; --navy2:#12172A;
  --coral:#E2523E; --coral-dark:#B93D2D; --coral-wash:#FBE2DC;
  --mint:#2F8F6B; --mint-dark:#1F6B4E; --mint-wash:#DEF3E9;
  --line:#DED2B4; --line-strong:#C9B98D;
  --head:'Sunflower','Gothic A1',sans-serif;
  --body:'Gothic A1','Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  --sym:-apple-system,'Apple SD Gothic Neo',sans-serif; /* 가운뎃점·화살표 전용(글꼴 글자 없을 때 대비) */
  --grid:repeating-linear-gradient(0deg,rgba(31,42,68,.05) 0 1px,transparent 1px 25px),
         repeating-linear-gradient(90deg,rgba(31,42,68,.05) 0 1px,transparent 1px 25px);
  --gut:16px; --max:1080px; --r:10px; --r-sm:7px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:78px}
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.34;margin:0}
h1{font-size:1.98rem}
h2{font-size:1.46rem}
h3{font-size:1.12rem;margin:1.3em 0 .5em}
b,strong{font-weight:800}
:focus-visible{outline:3px solid var(--coral);outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0;background:var(--navy);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(--coral)}

/* ── 머리: 한 줄, 접지 않음 ── */
.hdr{position:sticky;top:0;z-index:40;background:var(--navy);border-bottom:3px solid var(--coral)}
.hdr-in{max-width:var(--max);margin:0 auto;padding:9px var(--gut) 7px}
.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:27px;height:27px;flex:none}
.logo-name{font-family:var(--head);font-weight:700;font-size:1.24rem;line-height:1.2;color:#fff}
.logo-kw{font-size:.75rem;font-weight:700;color:var(--coral-wash);border:1px solid var(--coral);border-radius:999px;padding:2px 9px;white-space:nowrap}
.hdr-tel{font-weight:800;font-size:.95rem;color:#fff;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:3px 18px;padding:10px 0 2px;margin:0}
.tabs a{display:inline-block;padding:3px 0 6px;font-size:.87rem;font-weight:600;text-decoration:none;color:#C9CEDD;
  border-bottom:2px solid transparent}
.tabs a[aria-current]{color:#fff;font-weight:800;border-bottom-color:var(--coral)}

/* ── 위치 ── */
.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);background-image:var(--grid);border-radius:var(--r);border-top:5px solid var(--navy);
  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-flex;align-items:center;gap:4px;color:var(--mint-dark);background:var(--mint-wash);border-radius:999px;padding:2px 10px;font-weight:800;font-size:.76rem;letter-spacing:.02em;white-space:nowrap}
.stamp-ok::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint)}
.tag h1{margin-bottom:12px}
.tag-home h1{font-size:2.22rem;color:var(--ink)}
.tag-home h1::after{content:"";display:block;width:52px;height:4px;background:var(--coral);border-radius:99px;margin-top:10px}
.lead{font-size:1.05rem;color:var(--ink)}
.lead b{background:linear-gradient(transparent 60%,var(--coral-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(--navy);color:#fff;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:999px;line-height:1.5}
.ba-l.ba-after{background:var(--mint)}
.diag-ring{position:absolute;left:20%;top:24%;width:46%;height:38%;border:3px dashed var(--coral);border-radius:52% 48% 55% 45%/48% 52% 45% 55%;
  opacity:.85;pointer-events:none}
.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(--navy)}

/* 문의 버튼 */
.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:8px;font-weight:800;font-size:1.02rem;text-decoration:none;white-space:nowrap;text-align:center}
.btn-sms{background:var(--coral);color:#fff}
.btn-sms:hover{background:var(--coral-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(--coral-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(--coral);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(--coral);padding:4px 0}
.more:hover{color:var(--coral-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:1px dashed var(--line-strong);border-radius:12px;padding:12px 14px;min-width:0;width:100%}
.chips a:hover{background:var(--coral-wash);border-color:var(--coral)}
.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(--coral)}

/* 서비스 = 진단 카드: 사진 + 체크박스 라벨, 대시 테두리(그림자 없음) */
.diagcards{display:grid;grid-template-columns:1fr;gap:14px;margin:14px 0}
.diagcard{display:block;text-decoration:none;background:var(--paper);border:1.5px dashed var(--line-strong);border-radius:var(--r);overflow:hidden}
.diagcard:hover{border-color:var(--coral)}
.diagcard-img{position:relative;display:block;aspect-ratio:16/10;background:var(--paper2)}
.diagcard-img img{width:100%;height:100%;object-fit:cover}
.diagcard-no{position:absolute;left:0;top:10px;background:var(--coral);color:#fff;font-weight:800;font-size:.76rem;padding:3px 12px 3px 10px;border-radius:0 999px 999px 0}
.diagcard-b{display:flex;align-items:flex-start;gap:10px;padding:12px 14px 6px;color:var(--ink)}
.ic-chk{width:22px;height:22px;flex:none;margin-top:2px;color:var(--mint-dark)}
.diagcard-b strong{display:block;font-family:var(--head);font-weight:700;font-size:1.16rem;line-height:1.32}
.diagcard-b small{display:block;font-size:.88rem;color:var(--ink-soft);margin-top:2px}
.diagcard > em{display:block;font-style:normal;font-weight:800;font-size:.86rem;color:var(--coral-dark);padding:0 14px 12px}

/* 질문 메모 */
.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(--coral-dark);background:var(--coral-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(--coral)}
.rows > li{border-bottom:1px dashed var(--line-strong)}
.row{display:grid;grid-template-columns:1fr;gap:10px;padding:16px 0;text-decoration:none}
.row:hover .row-t{color:var(--coral-dark)}
.row-no{align-self:start;display:inline-flex;font-size:.76rem;font-weight:800;color:var(--coral-dark);background:var(--coral-wash);
  border-radius:999px;padding:2px 10px;letter-spacing:.02em}
.row-b{display:flex;flex-direction:column;min-width:0}
.row-kind{font-size:.78rem;color:var(--ink-soft);font-weight:800}
.row-t{font-family:var(--head);font-weight:700;font-size:1.24rem;line-height:1.36;margin:4px 0 6px}
.row-s{font-size:.93rem;color:var(--ink-soft)}
.row-s b{color:var(--coral-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(--paper);border:1px dashed var(--line-strong);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(--navy);color:#fff}
.step-no{flex:none;width:26px;height:26px;border-radius:6px;background:var(--coral);color:#fff;font-weight:800;font-size:.85rem;
  display:flex;align-items:center;justify-content:center;transform:rotate(-6deg)}
.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.08rem}
.step p:not(.step-h){margin:0 12px;font-size:.95rem;color:var(--ink-soft)}

/* 목차·요점 */
.toc{background:var(--paper);border:1px dashed var(--line-strong);border-radius:var(--r);padding:14px 16px;margin:18px 0 0}
.toc-h{font-size:.8rem;font-weight:800;color:var(--coral-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(--coral-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(--coral)}
.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.12rem;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(--coral-dark);background:var(--coral-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:3px;border:2px solid var(--mint)}
.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(--coral-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(--coral);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(--coral);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}
.tear{position:absolute;left:0;right:0;top:0;border-top:2px dashed var(--line-strong)}
.tag-wrap h2{margin-bottom:8px}
.slip{background:var(--paper);border-left:4px solid var(--coral);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(--coral-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(--coral);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:1px dashed var(--line-strong);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(--coral);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(--coral);
  color:var(--coral-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(--coral-dark);margin-top:4px}
.warn{margin:8px 0;padding-left:1.2em}
.warn li{margin:4px 0}
.warn li::marker{color:var(--coral)}
.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:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:.9rem}
.areas a:hover{background:var(--coral-wash);color:var(--coral-dark);border-color:var(--coral)}
.areas-all{font-weight:800;background:var(--navy)!important;color:#fff!important;border-color:var(--navy)!important}
.links h2{margin-top:22px}
.area-red{color:var(--coral-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)}

/* ── 첫 화면 모눈종이 배경은 .tag가 공통으로 갖는다(k-home 전용 규칙 없음) ── */

/* ── 푸터(남색, 위쪽 파일 폴더 탭 돌출) ── */
.foot{position:relative;background:var(--navy);color:#D9DCE8;border-top:3px solid var(--coral);margin-top:44px;padding:30px 0 30px}
.foot::before{content:"";position:absolute;left:var(--gut);top:-14px;width:96px;height:14px;background:var(--navy);
  border-radius:6px 6px 0 0}
.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.28rem;color:#fff}
.foot-brand span{font-size:.85rem;color:var(--coral-wash);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(--coral);margin-bottom:10px;white-space:nowrap}
.foot-area{font-size:.92rem;color:#B7BDD1}
.foot-nav{display:flex;flex-wrap:wrap;gap:4px 16px;padding:10px 0;border-top:1px dashed rgba(255,255,255,.18);border-bottom:1px dashed rgba(255,255,255,.18);margin:4px 0 12px}
.foot-nav a{font-size:.92rem;padding:4px 0;color:#D9DCE8;text-decoration:none}
.foot-note{font-size:.82rem;color:#8B90A6;margin:0}

/* ── 하단 고정 문의 바 ── */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;gap:8px;background:var(--navy);border-top:3px solid var(--coral);
  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:8px;font-weight:800;font-size:1rem;text-decoration:none;white-space:nowrap}
.dock-sms{background:var(--coral);color:#fff}
.dock-tel{border:2px solid #D9DCE8;color:#fff}
.dock.hide{transform:translateY(110%);visibility:hidden}

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

/* ── 넓은 화면 ── */
@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}
  .diagcards{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:5.5em minmax(0,5fr) minmax(0,6fr);gap:16px;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}}