/* 테마 전용 CSS(손으로 관리). 시안 생성물(shell.css·v2.css·site.css·pages.css)에 없는 운영 규칙만 둔다. */
/* 광고 자리: ID가 없을 때는 투명하게 자리만 예약(Ads Gate: 투명 wrapper·라벨 0) */
.tn-ad:empty{background:transparent;border-color:transparent}
html[data-theme="dark"] .tn-ad:empty{border-color:transparent}
/* 실제 광고가 든 자리도 투명·테두리 0: 시안의 1px 테두리(border-box)가 광고를 오른쪽·아래 2px씩 잘랐다(2026-10-24).
   높이는 ins가 정한다: 상자 크기(shell.css 컨테이너 쿼리)와 광고 크기(아래 미디어 쿼리)가 520~760px에서 달라 툴까지 간격이 34·64px로 벌어졌다 */
.tn-ad:not(:empty){background:transparent;border:0;height:auto}
/* AdSense exact-size responsive: 가로 자리 크기는 06 문서 경계값(본문 padding 32·레일 332 기준) */
/* margin !important: 옛 mu-plugin gjc-roberin-ad-spacing의 `.adsbygoogle{margin-top:28px!important…}`가 광고를 고정 크기 상자 안에서 28px 밀어 아래를 잘랐다(2026-10-24). 간격은 .tn-ad-wrap이 맡는다 */
ins.rb-ad{display:block;margin:0 auto!important}
ins.rb-ad--top,ins.rb-ad--bottom{width:728px;height:90px}
@media (max-width:1359px){ins.rb-ad--top,ins.rb-ad--bottom{width:468px;height:60px}}
@media (max-width:1180px) and (min-width:1028px){ins.rb-ad--top,ins.rb-ad--bottom{width:728px;height:90px}}
@media (max-width:960px) and (min-width:761px){ins.rb-ad--top,ins.rb-ad--bottom{width:728px;height:90px}}
@media (max-width:760px){ins.rb-ad--top,ins.rb-ad--bottom{width:320px;height:50px}}
@media (max-width:319px){ins.rb-ad--top,ins.rb-ad--bottom{display:none}}
/* 창 폭(media)은 스크롤바를 포함하고 상자(.tn-ad--h)는 칸 폭(.tn-ad-wrap 컨테이너)을 따른다. 고전 스크롤바(Windows 17px)면 1366px에서 칸 717px인데 728 광고가 나가 260px 잘렸다(2026-10-24).
   칸 폭으로 한 번 더 줄이기만 한다(위 경계값보다 키우지 않음: 760px 이하는 320×50 유지) */
@media (min-width:761px){@container (max-width:727px){ins.rb-ad--top,ins.rb-ad--bottom{width:468px;height:60px}}}
@container (max-width:467px){ins.rb-ad--top,ins.rb-ad--bottom{width:320px;height:50px}}
@container (max-width:319px){ins.rb-ad--top,ins.rb-ad--bottom{display:none}}
ins.rb-ad--rail{width:300px;height:250px}
/* 클릭 가드가 광고를 끈 브라우저: 자리까지 접는다 */
html[data-ads="off"] .tn-ad-wrap,html[data-ads="off"] .rb-aside__ad{display:none}
/* 옛 툴 본문(전환 전)을 셸 안에 담는 임시 틀 */
.v2-work--legacy{padding:16px 18px}
.v2-work--legacy h2{font-family:var(--serif);font-size:18px;margin:18px 0 8px}

/* 입력칸 정렬·잘림(R41, 2026-10-07 사용자 지시 "앞으로도. 다국어 페이지"). 높이 기준 --v2-ctl은 v2.css, 나란한 칸의 라벨 높이 맞춤은 theme.js.
   입력 패널(폼의 부모)을 컨테이너 v2in으로 두고, 폭이 260px 아래(1181~1250px 화면, 입력 폭 226~258px)면 툴 폼의 여러 열 격자를 한 열로 접는다. 반쪽 칸 106~122px에서는 금액·단위 버튼이 잘리거나 넘친다. 1280px(272px)부터는 두 열 유지, 툴마다 더 넓게 필요하면 그 툴 CSS에서 v2in 쿼리. */
.v2-work:not(.v2-work--legacy) :has(> form){container:v2in / inline-size} /* 전환 전 툴(v2-work--legacy)은 제외: 컨테이너가 제목 여백 상쇄를 막아 내용이 15px 내려간다(2026-10-07 재검토) */
@container v2in (max-width:259px){ .v2-work:not(.v2-work--legacy) form{grid-template-columns:minmax(0,1fr)} }
/* 툴 작업면은 첫 상태를 그릴 때까지 숨긴다(rb-pre는 head 인라인 스크립트가 붙이고 DOMContentLoaded 다음 프레임·최대 4초에 뗀다. 레이아웃 이동 방지, 2026-10-24) */
.rb-pre .v2-work{visibility:hidden}