/* 입지맵 공통 모습(ipj-theme) 시안 — 2026-10-29 Aside, 대표 「세부페이지 구조는 바꾸지 말고 이미지를 통일」
   새 메인(B안)과 같은 글꼴·색·머리줄을 모든 세부페이지에 입힌다. 배치·순서·기능은 건드리지 않는다.
   각 페이지 <html data-ipj="…"> 로 페이지를 가린다(brief=lot-brief.html·fr=franchise.html·land·pricing·my·map=pc3.html·devmap·seo=seo.js(연구실·소개)).
   되돌리기: 각 파일의 «ipj-theme» 한 줄과 data-ipj 를 빼면 원래대로. 백업 /root/ipjimap-backups/<시각>-theme/ */
:root{--ipj-ink:#0F1513;--ipj-ink2:#38443E;--ipj-sub:#6B7771;--ipj-line:#E1E7E4;--ipj-hair:#EEF1EF;--ipj-bg:#F3F5F4;
  --ipj-g:#0E7A43;--ipj-g2:#0A5E34;--ipj-tint:#E6F5EC;--ipj-acc:#2FBF71;--ipj-gold:#E3B341;--ipj-gold-t:#9C7414;
  --ipj-dark:#0B1210;--ipj-dline:#22302A;--ipj-dtx:#C9D4CE;
  --ipj-font:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif}

/* 1. 색 — 페이지마다 이름이 다른 색 변수를 한 벌로 */
html[data-ipj]{
  --ink:var(--ipj-ink)!important;--ink2:var(--ipj-ink2)!important;--muted:var(--ipj-sub)!important;--mute:var(--ipj-sub)!important;
  --rule:var(--ipj-line)!important;--line:var(--ipj-line)!important;--rule2:var(--ipj-hair)!important;--line2:var(--ipj-hair)!important;--hair:var(--ipj-hair)!important;
  --accent:var(--ipj-g)!important;--accent-d:var(--ipj-g2)!important;--accent2:var(--ipj-g2)!important;--g:var(--ipj-g)!important;--g2:var(--ipj-g2)!important;--grn:var(--ipj-g)!important;--grn2:var(--ipj-g2)!important;
  --tint:var(--ipj-tint)!important;--okbg:var(--ipj-tint)!important;--gl:var(--ipj-tint)!important;--gold:var(--ipj-gold-t)!important;
  --sans:var(--ipj-font)!important;--mono:var(--ipj-font)!important;--serif:var(--ipj-font)!important}
html[data-ipj=pricing]{--accent:#C0392B!important}
html[data-ipj=brief],html[data-ipj=land],html[data-ipj=seo]{--paper:var(--ipj-bg)!important}
html[data-ipj=seo]{--card:#fff!important}
html[data-ipj] body{background-color:var(--paper,var(--ipj-bg))}

/* 2. 글꼴 — Noto Sans KR 한 가지. 숫자는 자리 맞춤(옛 고정폭 글꼴 대신) */
html[data-ipj] body, html[data-ipj] body :where(*:not(svg):not(svg *)){font-family:var(--ipj-font)!important}
html[data-ipj] body{font-variant-numeric:tabular-nums;letter-spacing:-.011em;color:var(--ipj-ink)}

/* 3. 머리줄 — 새 메인과 같은 어두운 띠, 초록 「맵」, 금색 밑줄 */
html[data-ipj] .sitebar, html[data-ipj] header.nvtop, html[data-ipj=pricing] body>div.bar, html[data-ipj=pricing] .bar,
html[data-ipj=brief] div.bar, html[data-ipj=my] header.mast{background:var(--ipj-dark)!important;border-bottom:1px solid var(--ipj-dline)!important;color:var(--ipj-dtx)!important;box-shadow:none!important}
html[data-ipj] .sitebar a, html[data-ipj] header.nvtop button, html[data-ipj=my] header.mast a, html[data-ipj=my] header.mast span, html[data-ipj=my] header.mast button{color:var(--ipj-dtx)!important}
html[data-ipj] .sblogo, html[data-ipj] .nvlogo, html[data-ipj] .sitebar .logo, html[data-ipj] .wordmark, html[data-ipj=pricing] a.brand{color:#fff!important;font-weight:900!important;letter-spacing:-.04em!important}
html[data-ipj] .sblogo em, html[data-ipj] .nvlogo em, html[data-ipj] .sitebar .logo b, html[data-ipj] .wordmark em{color:var(--ipj-acc)!important;font-style:normal}
html[data-ipj] .sblogo svg rect, html[data-ipj] .nvlogo svg rect{fill:var(--ipj-g)!important}
html[data-ipj=pricing] a.brand i{background:var(--ipj-acc)!important}
html[data-ipj] .sbnav a:hover, html[data-ipj] .nvtabs button:hover{color:#fff!important}
html[data-ipj] .sbnav a.on, html[data-ipj] .sbnav a[aria-current], html[data-ipj] .sbnav a.cur, html[data-ipj] .sbnav a.act,
html[data-ipj] .nvtabs button.on, html[data-ipj] .nvtabs button[aria-selected=true], html[data-ipj] .nvtabs button.cur{color:var(--ipj-gold)!important;font-weight:700!important;border-bottom-color:var(--ipj-gold)!important;box-shadow:inset 0 -2px 0 var(--ipj-gold)!important}
html[data-ipj] .sbnav a[aria-current]::after, html[data-ipj] .sbnav a.on::after, html[data-ipj] .nvtabs button[aria-selected=true]::after, html[data-ipj] .nvtabs button.on::after{background:var(--ipj-gold)!important}
html[data-ipj] svg text{font-family:var(--ipj-font)!important}
html[data-ipj] .sbnav a.lab, html[data-ipj] .nvtabs button.labblink{color:var(--ipj-acc)!important}
html[data-ipj] .sbme a, html[data-ipj] .nvme button{background:transparent!important;border-color:var(--ipj-dline)!important;color:var(--ipj-dtx)!important}
html[data-ipj] .sbme svg, html[data-ipj] .nvme svg{stroke:currentColor}
/* 브리핑 머리줄 단추 */
html[data-ipj=brief] div.bar b{color:#fff!important}
html[data-ipj=brief] div.bar .small{color:#93A39B!important}
html[data-ipj=brief] div.bar .free{background:#1E1A0D!important;color:var(--ipj-gold)!important;border:1px solid #4A3E1B!important}
html[data-ipj=brief] div.bar .btn{background:var(--ipj-acc)!important;color:#04130B!important;border-color:var(--ipj-acc)!important}
html[data-ipj=brief] div.bar .btn.sub{background:transparent!important;color:#EEF3F0!important;border:1px solid var(--ipj-dline)!important}
html[data-ipj=pricing] a.back{color:var(--ipj-dtx)!important}
html[data-ipj=pricing] div.bar{box-shadow:0 0 0 100vmax var(--ipj-dark)!important;clip-path:inset(0 -100vmax)}
html[data-ipj=pricing] .soon{background:#FBF3DC!important;color:var(--ipj-gold-t)!important;border-color:#EAD9A6!important}
/* 내 동네 머리 단추 */
html[data-ipj=my] .navbtns .nb{background:transparent!important;border-color:var(--ipj-dline)!important}
html[data-ipj=my] .navbtns .nb.on, html[data-ipj=my] .navbtns .nb[aria-current]{background:var(--ipj-acc)!important;border-color:var(--ipj-acc)!important;color:#04130B!important}
html[data-ipj=my] .navbtns .nb.on *{color:#04130B!important}
/* 개발정보 2·3줄(분류 알약·탭)은 밝은 띠 그대로 */
html[data-ipj=land] header.top{background:#fff}

/* 4. 단추·알약·카드 — 같은 초록, 같은 둥글기 */
@media print{html[data-ipj] div.bar,html[data-ipj] .sitebar{display:none!important}}