/* 계산랩 공통 GNB · PC 사이드 레일 · 모바일 탭 (모든 페이지 공용, build_pages.nav_html) */
.gnb{position:sticky;top:0;z-index:30;background:rgba(245,244,239,.92);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line,#e5e2da)}
.gnb-in{display:flex;align-items:center;gap:28px;height:60px}
.gnb .brand{font-weight:800;font-size:17px;letter-spacing:-.03em;color:var(--ink,#15171c);text-decoration:none;display:flex;align-items:center;gap:8px;flex:none}
.gnb .brand i{display:inline-block;width:22px;height:22px;border-radius:7px;background:var(--accent,#0b6b52);position:relative}
.gnb .brand i::after{content:"%";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-style:normal;font-size:12px;font-weight:800}
.gnb-cats{display:flex;align-items:center;gap:4px;flex:1}
.gnb-cats>a,.dd>button{appearance:none;border:0;background:transparent;font:inherit;font-size:15px;font-weight:600;color:var(--ink-2,#3a3e47);padding:8px 12px;border-radius:10px;cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:4px}
.gnb-cats>a:hover,.dd:hover>button,.dd:focus-within>button{background:#ebe8e0;color:var(--ink,#15171c)}
.gnb-cats .on,.dd.on>button{color:var(--accent-ink,#06523e)}
.dd{position:relative}
.dd>button::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:-3px 0 0 4px;opacity:.6}
.dd-menu{position:absolute;top:100%;left:0;min-width:220px;background:#fff;border-radius:14px;box-shadow:0 12px 32px rgba(20,20,20,.12);padding:8px;display:none}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{display:block}
.dd-menu a{display:block;padding:10px 12px;border-radius:9px;color:var(--ink,#15171c);text-decoration:none;font-size:15px;font-weight:600}
.dd-menu a small{display:block;font-size:12.5px;font-weight:500;color:var(--muted,#6c707a);margin-top:2px}
.dd-menu a:hover,.dd-menu a.on{background:var(--accent-soft,#e2f0ea);color:var(--accent-ink,#06523e)}
.gnb-all{flex:none;font-size:14px;font-weight:700;color:#fff;background:var(--ink,#15171c);padding:8px 14px;border-radius:10px;text-decoration:none}
/* 모바일 탭 스트립 */
.mtabs{display:none}
@media (max-width:860px){
  .gnb-in{height:54px;gap:12px}
  .gnb-cats,.gnb-all{display:none}
  .mtabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:0 16px 10px;-webkit-overflow-scrolling:touch}
  .mtabs::-webkit-scrollbar{display:none}
  .mtabs a{flex:none;font-size:14px;font-weight:600;color:var(--ink-2,#3a3e47);background:#fff;border:1px solid var(--line-2,#d6d2c8);padding:7px 12px;border-radius:999px;text-decoration:none}
  .mtabs a.on{background:var(--ink,#15171c);color:#fff;border-color:var(--ink,#15171c)}
}
/* PC 사이드 레일: 본문(1080px) 왼쪽 여백. 오른쪽 여백은 광고 자리로 비워 둠 */
.rail{display:none}
@media (min-width:1440px){
  .rail{display:block;position:fixed;top:84px;left:calc(50% - 540px - 200px);width:180px;max-height:calc(100vh - 110px);overflow:auto;font-size:14px}
  .rail h3{font-size:12px;font-weight:700;color:var(--muted,#6c707a);letter-spacing:.02em;margin:18px 0 6px 10px}
  .rail h3:first-child{margin-top:0}
  .rail a{display:block;padding:7px 10px;border-radius:9px;color:var(--ink-2,#3a3e47);text-decoration:none;font-weight:600}
  .rail a:hover{background:#ebe8e0}
  .rail a.on{background:var(--accent-soft,#e2f0ea);color:var(--accent-ink,#06523e)}
  .ad-rail{position:fixed;top:84px;right:calc(50% - 540px - 200px);width:160px}
}
.ad-rail{display:none} /* 애드센스 승인 후 세로 광고(160x600) 자리 */
/* 푸터 전체 계산기 목록 (내부 링크) */
.fcalcs{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0 0 14px}
.fcalcs a{color:var(--ink-2,#3a3e47);text-decoration:none;font-weight:600}
.fcalcs a:hover{text-decoration:underline}