/*
  단독 도구 화면 공통 모양 (arap_tool.css)
  시점수정(arm_시점수정.html) · 건물 기준시가(기준시가.html) · 집합건물 기준시가(집합건물_기준시가.html)
  · 건축물대장(건축물대장.html) · 거래사례 위치도(p9v3xk2m.html) · 공개 첫 화면(index.html)
  상단바(.ttop)·바닥 서명(.tsign)·글꼴·주요 파랑을 여기 한 곳에서 정한다 — 고치면 여섯 화면이 같이 바뀐다.
  각 화면의 본문 색 변수(--accent 등)는 아래 --t-* 값을 그대로 쓴다.
*/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");

:root{
  --t-font:'Pretendard Variable','Pretendard','Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',system-ui,sans-serif;
  --t-bar:#0f172a; --t-bar-line:#1e293b; --t-bar-ink:#e2e8f0; --t-bar-sub:#94a3b8;
  --t-bg:#f4f6f9; --t-surface:#ffffff; --t-line:#e2e5ea; --t-line-strong:#cbd5e1;
  --t-ink:#1a2744; --t-ink-2:#475569; --t-faint:#94a3b8;
  --t-accent:#2563eb; --t-accent-strong:#1d4ed8; --t-accent-ink:#1e40af; --t-accent-soft:#eff6ff;
  --t-danger:#dc2626;
  --t-radius:8px;
}

/* ── 상단바: [🏠 홈] 아이콘 제목 ……… [태그] 🙋 이름 ── */
.ttop{position:sticky; top:0; z-index:9999; flex:none; display:flex; align-items:center; gap:10px;
  height:48px; padding:0 20px; background:var(--t-bar); border-bottom:1px solid var(--t-bar-line);
  font-family:var(--t-font); -webkit-font-smoothing:antialiased;}
.ttop .tb-title{font-size:14px; font-weight:700; color:var(--t-bar-ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:-.005em;}
.ttop .tb-title .tb-ico{margin-right:7px;}
.ttop .tb-home{flex:none; font-size:12.5px; font-weight:600; color:#cbd5e1; text-decoration:none;
  padding:5px 11px; border:1px solid #334155; border-radius:6px; background:#1e293b;}
.ttop .tb-home:hover{border-color:var(--t-accent); color:#fff;}
.ttop .tb-right{margin-left:auto; display:flex; align-items:center; gap:12px; flex:none;}
.ttop .tb-tag{font-size:11px; font-weight:600; color:var(--t-bar-sub); border:1px solid #334155; border-radius:999px; padding:2px 10px; white-space:nowrap;}
.ttop #arap-name-badge{font-size:12px; color:var(--t-bar-sub); white-space:nowrap; cursor:pointer;}
.ttop #arap-name-badge:hover{color:var(--t-bar-ink);}
@media (max-width:600px){ .ttop{padding:0 14px;} .ttop .tb-tag{display:none;} }

/* ── 바닥 서명 (눈에 덜 띄게) — 내용이 짧아도 화면 맨 아래에 붙는다 ──
   body 최소 높이 = 화면 높이, 서명은 sticky top:100vh → body 맨 아래로 밀림(내용이 길면 그냥 맨 끝) */
body{min-height:100vh;}
.tsign{flex:none; position:sticky; top:100vh; text-align:center; font-family:var(--t-font); font-size:11.5px; line-height:1.7;
  color:#a8b4c5; padding:18px 16px 22px; letter-spacing:.01em;}
.tsign a{color:inherit; font-size:inherit; text-decoration:none;}
.tsign a:hover{color:var(--t-ink-2); text-decoration:underline; text-underline-offset:2px;}
.tsign .ts-dot{margin:0 6px; opacity:.6;}
.tsign.slim{padding:3px 16px 6px; font-size:11px;}  /* 화면 높이를 꽉 쓰는 페이지(위치도)용 */
.tsign .ts-src{display:block; font-size:11px; opacity:.85;}
@media print{ .ttop{display:none;} .tsign{padding:8px 0;} }