/* 집수리홈픽서 · 상가 바닥 타일(비주거) — '상가 바닥 도면(청사진 평면도)'
   청사진 종이색(옅은 청회색) 바탕 + 큰 격자(타일 배치) + 짙은 남색 잉크 + 호박색(신호·도장) 강조
   하나. 같은 도메인 maru(진단서·산호빨강)·marudent(견본판·청록)·gypsumwall(벽 단면·이끼녹)·
   bathtile(타일 견본판·남색+주황)와 다르게 카드 모서리를 접은 도면 조각처럼 보이게 한다.
   그림자·그라데이션 없음(사례 카드의 얇은 접힘 삼각형만 예외). 라이트 고정. */
:root{
  --bg:#EAF1F6; --paper:#FFFFFF; --paper2:#DCE8F0;
  --ink:#0B3D62; --ink-soft:#4C6478;
  --navy:#0B3D62; --navy2:#082A44;
  --amber:#F4B942; --amber-dark:#B9821C; --amber-wash:#FBEDCB;
  --line:#C7D9E6; --line-strong:#A9C3D6;
  --head:'Nanum Gothic','IBM Plex Sans KR',sans-serif;
  --body:'IBM Plex Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  --sym:-apple-system,'Apple SD Gothic Neo',sans-serif; /* 가운뎃점·화살표 전용(글꼴 글자 없을 때 대비) */
  --grid:repeating-linear-gradient(0deg,rgba(11,61,98,.07) 0 1px,transparent 1px 34px),
         repeating-linear-gradient(90deg,rgba(11,61,98,.07) 0 1px,transparent 1px 34px);
  --gut:16px; --max:1080px; --r:8px; --r-sm:6px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}
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:800;line-height:1.34;margin:0}
h1{font-size:1.92rem}
h2{font-size:1.4rem}
h3{font-size:1.1rem;margin:1.3em 0 .5em}
b,strong{font-weight:800}
:focus-visible{outline:3px solid var(--amber-dark);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(--amber-dark)}

/* ── 머리: 안내판 한 줄, 접지 않음 ── */
.hdr{position:sticky;top:0;z-index:40;background:var(--navy);border-bottom:3px solid var(--amber)}
.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:27px;height:27px;flex:none}
.logo-name{font-family:var(--head);font-weight:800;font-size:1.22rem;line-height:1.2;color:#fff}
.logo-kw{font-size:.75rem;font-weight:700;color:var(--amber-wash);border:1px solid var(--amber);border-radius:3px;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:6px 8px;padding:10px 0 2px;margin:0}
.tabs a{display:inline-block;padding:5px 11px;font-size:.86rem;font-weight:700;text-decoration:none;color:#DCE8F0;
  background:rgba(255,255,255,.08);border-radius:3px}
.tabs a[aria-current]{color:var(--navy2);font-weight:800;background:var(--amber)}

/* ── 위치 ── */
.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:5px;color:var(--navy);background:var(--amber-wash);border:1px solid var(--amber);border-radius:3px;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.15rem;color:var(--ink)}
.tag-home h1::after{content:"";display:block;width:52px;height:4px;background:var(--amber);margin-top:10px}
.lead{font-size:1.05rem;color:var(--ink)}
.lead b{background:linear-gradient(transparent 60%,var(--amber-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:3px;line-height:1.5}
.ba-l.ba-after{background:var(--amber-dark);color:#fff}
.pin{position:absolute;left:50%;top:44%;width:16px;height:16px;transform:translate(-50%,-50%);border-radius:50%;
  background:var(--amber);border:3px solid var(--navy2);box-shadow:0 0 0 4px rgba(244,185,66,.35);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:4px;font-weight:800;font-size:1.02rem;text-decoration:none;white-space:nowrap;text-align:center}
.btn-sms{background:var(--amber);color:var(--navy2)}
.btn-sms:hover{background:var(--amber-dark);color:#fff}
.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(--amber-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(--amber);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(--amber);padding:4px 0}
.more:hover{color:var(--amber-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 solid var(--line);border-radius:4px;padding:12px 14px;min-width:0;width:100%}
.chips a:hover{background:var(--amber-wash);border-color:var(--amber)}
.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(--amber-dark)}

/* 시공내용 = 도면 타일 카드: 모서리 접힘 + 사진 + 완료 도장 */
.plancards{display:grid;grid-template-columns:1fr;gap:14px;margin:14px 0}
.plancard{position:relative;display:block;text-decoration:none;background:var(--paper);border-radius:var(--r);overflow:hidden}
.plancard-fold{position:absolute;right:0;top:0;width:0;height:0;z-index:2;
  border-style:solid;border-width:0 22px 22px 0;border-color:transparent var(--bg) transparent transparent}
.plancard-img{position:relative;display:block;aspect-ratio:16/10;background:var(--paper2)}
.plancard-img img{width:100%;height:100%;object-fit:cover}
.plancard-no{position:absolute;left:0;top:10px;background:var(--navy);color:#fff;font-weight:800;font-size:.76rem;padding:3px 12px 3px 10px;border-radius:0 3px 3px 0}
.plancard-b{display:flex;align-items:flex-start;gap:10px;padding:12px 14px 6px;color:var(--ink)}
.ic-tile{width:22px;height:22px;flex:none;margin-top:2px;color:var(--amber-dark)}
.plancard-b strong{display:block;font-family:var(--head);font-weight:800;font-size:1.14rem;line-height:1.32}
.plancard-b small{display:block;font-size:.88rem;color:var(--ink-soft);margin-top:2px}
.plancard > em{display:block;font-style:normal;font-weight:800;font-size:.86rem;color:var(--amber-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(--navy);background:var(--amber-wash);border-radius:3px;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(--amber)}
.rows > li{border-bottom:1px dashed var(--line-strong)}
.row{position:relative;display:grid;grid-template-columns:1fr;gap:10px;padding:16px 0 16px 0;text-decoration:none}
.row:hover .row-t{color:var(--amber-dark)}
.row-fold{position:absolute;right:0;top:0;width:0;height:0;
  border-style:solid;border-width:0 18px 18px 0;border-color:transparent var(--paper2) transparent transparent}
.row-stamp{align-self:start;display:inline-flex;font-size:.76rem;font-weight:800;color:var(--navy);background:var(--amber-wash);
  border:1px solid var(--amber);border-radius:3px;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:800;font-size:1.2rem;line-height:1.38;margin:4px 0 6px}
.row-s{font-size:.93rem;color:var(--ink-soft)}
.row-s b{color:var(--amber-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 solid var(--line);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;
  border-bottom:2px dashed var(--amber)}
.step-no{flex:none;width:24px;height:24px;background:var(--amber);color:var(--navy2);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.06rem}
.step p:not(.step-h){margin:0 12px;font-size:.95rem;color:var(--ink-soft)}

/* 목차·요점 */
.toc{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin:18px 0 0}
.toc-h{font-size:.8rem;font-weight:800;color:var(--amber-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(--amber-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(--amber-dark)}
.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:800;font-size:1.1rem;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(--navy);background:var(--amber-wash);border-radius:3px;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:12px;height:12px;border:2px solid var(--amber-dark)}
.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(--amber-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(--amber);color:var(--navy2)}
.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(--amber-dark);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}
.form-label{position:absolute;right:var(--gut);top:-14px;background:var(--navy);color:#fff;font-size:.76rem;font-weight:800;
  padding:4px 12px;border-radius:3px}
.tag-wrap h2{margin-bottom:8px}
.slip{background:var(--paper);border-left:4px solid var(--amber);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(--navy);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(--amber);color:var(--navy2);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 solid var(--line);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(--amber);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;background:var(--paper);border:2px solid var(--amber);
  color:var(--amber-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(--amber-dark);margin-top:4px}
.warn{margin:8px 0;padding-left:1.2em}
.warn li{margin:4px 0}
.warn li::marker{color:var(--amber-dark)}
.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:3px;text-decoration:none;font-size:.9rem}
.areas a:hover{background:var(--amber-wash);color:var(--navy);border-color:var(--amber)}
.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(--navy)}
.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가 공통으로 갖는다 ── */

/* ── 푸터(남색 안내판) ── */
.foot{background:var(--navy);color:#DCE8F0;border-top:3px solid var(--amber);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:800;font-size:1.26rem;color:#fff}
.foot-brand span{font-size:.85rem;color:var(--amber-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(--amber);margin-bottom:10px;white-space:nowrap}
.foot-area{font-size:.92rem;color:#AFC2D2}
.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:#DCE8F0;text-decoration:none}
.foot-note{font-size:.82rem;color:#87A0B4;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(--amber);
  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:4px;font-weight:800;font-size:1rem;text-decoration:none;white-space:nowrap}
.dock-sms{background:var(--amber);color:var(--navy2)}
.dock-tel{border:2px solid #DCE8F0;color:#fff}
.dock.hide{transform:translateY(110%);visibility:hidden}

/* ── 좁은 폭 ── */
@media (max-width:400px){
  :root{--gut:14px}
  h1{font-size:1.68rem}
  .tag-home h1{font-size:1.9rem}
  h2{font-size:1.28rem}
  .tag{padding:14px 14px 16px}
  .logo-name{font-size:1.1rem}
  .tabs a{font-size:.82rem;padding:5px 9px}
  .rq{grid-template-columns:70px 1fr}
  .dock a{font-size:.95rem}
  .dock{gap:6px}
  .plancard-img{aspect-ratio:4/3}
}
@media (max-width:340px){
  .cta a{flex-basis:100%}
  .plancard-b{padding:10px 12px 4px}
  .form-label{position:static;display:inline-block;margin-bottom:8px}
}

/* ── 넓은 화면 ── */
@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}
  .plancards{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:6em 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}}