/* 생성물 — scripts/build_site.py의 COMMON_CSS. 직접 고치지 말 것. */
.skiplink{position:absolute;left:-9999px;top:0;z-index:200;background:#1a5276;color:#fff;
  padding:10px 16px;border-radius:0 0 6px 0;font-size:13px;text-decoration:none}
.skiplink:focus{left:0}

/* 자매 사이트 링크(MRFTA (KR) ↗)는 이 법제의 문서 탭과 성격이 다르다 → 테두리 있는
   버튼형으로 구분해 눈에 띄게 한다(오너 지시 2026-07-27).
   common.css 는 각 페이지의 인라인 <style> 보다 먼저 로드되므로 같은 특정도로는 인라인
   규칙(font-size:13px)에 밀린다 → 선택자 앞에 body 를 붙여 특정도를 한 단계 올린다.
   (.ext 규칙이 템플릿 4벌에 중복돼 있어 그쪽을 고치면 4곳을 손대야 한다.) */
/* 자매 사이트 링크(.ext)는 흰 반투명 실선 버튼 — 무지개는 좌단 Comparison 배지(.extl)
   하나로 옮겼다(오너 결정 2026-07-30: 무지개가 양끝에 2개면 특별함이 분산된다).
   1px 테두리 + 2px 11px 패딩 = extl(2px + 1px 10px)과 박스 크기 동일. */
body .navbar .nav a.ext, body .navbar .nav a.ext ~ a{font-size:12.5px;color:#fff;
  border:1px solid rgba(255,255,255,.5);border-radius:12px;padding:2px 11px;margin-right:8px}
body .navbar .nav a.ext:hover, body .navbar .nav a.ext ~ a:hover{
  border-color:#fff;background:rgba(255,255,255,.12)}
/* a.extl 은 내비 좌단의 [Comparison] 배지 — 우측 정렬(margin-left:auto)하지 않고,
   a.ext ~ a 형제 선택자에 걸리면 안 되므로 첫 요소여도 별도 클래스로 둔다.
   테두리는 무지개(프라이드 플래그) 그라데이션 — 한국과 일본이 다양성 가치를 지향해야
   한다는 저자의 뜻을 담은 의도적 선택이다(오너, 2026-07-27; 2026-07-30부터 이 배지 전속).
   장식이 아니므로 정리 대상이 아니다. 구현: border-image 는 border-radius 를 무시하므로
   배경 2겹 + background-clip 기법을 쓴다 — 안쪽 겹은 내비 배경색(--accent)으로
   채우고(padding-box), 바깥 겹의 그라데이션만 테두리 폭에 드러나게(border-box) 한다.
   그래서 border 는 transparent 여야 하고, 안쪽 겹 색이 내비 배경과 어긋나면 테두리
   안쪽에 띠가 보인다. */
body .navbar .nav a.extl{font-size:12.5px;color:#fff;
  border:2px solid transparent;border-radius:12px;padding:1px 10px;margin-right:8px;
  background-image:linear-gradient(var(--accent),var(--accent)),
    linear-gradient(90deg,#e40303,#ff8c00,#ffed00,#008026,#24408e,#732982);
  background-origin:border-box;background-clip:padding-box,border-box}
body .navbar .nav a.extl:hover{
  background-image:linear-gradient(#20618a,#20618a),
    linear-gradient(90deg,#e40303,#ff8c00,#ffed00,#008026,#24408e,#732982)}

/* 인쇄 — 기본 인쇄로는 대역 칼럼이 잘리고 내비·플로팅 버튼까지 찍혔다.
   대역 다단을 유지하고 화면 전용 크롬을 뺀다. */
@media print{
  .navbar,.toolbar,.langbar,nav.toc,.skiplink,.menubtn,.toggles,.subtab,
  #trkbtn,#trkpanel,.glbtn,.dmabtn{display:none !important}
  html,body{background:#fff !important;color:#000;font-size:10.5pt}
  header,.hdr{background:#fff !important;color:#000;border-bottom:1.5pt solid #000}
  header *,.hdr *{color:#000 !important}
  .layout{display:block}
  .reader,main{padding:0 !important}
  table.law,table{width:100% !important}
  tr.hd h2{font-size:11pt}
  td,th{padding:5pt 7pt !important;vertical-align:top}
  tr,.art,.unit,.cmp{break-inside:avoid;page-break-inside:avoid}
  a{color:#000;text-decoration:none}
  @page{margin:14mm 12mm}
}