/* build: 2026-05-28T19:11:45.098Z */
/* ── Jurisdictions pages 전용 스타일 (docs.css 위에 얹힘) ── */

/* Breadcrumb (헤더 위 작은 경로) */
.jr-breadcrumb{
  font-size:12.5px; color:#94a3b8; margin-bottom:10px;
  letter-spacing:.2px;
}
.jr-breadcrumb a{color:#6366f1; text-decoration:none}
.jr-breadcrumb a:hover{text-decoration:underline}
.jr-breadcrumb span{margin:0 5px; opacity:.5}

/* H1 with flag */
.jr-h1{
  display:flex; align-items:center; gap:14px;
  margin:0 0 14px;
}
.jr-flag-img{
  width:42px; height:auto;
  border-radius:5px;
  vertical-align:middle;
  box-shadow:0 2px 6px rgba(15,23,42,.18);
  flex-shrink:0;
}

/* ── 시행 타임라인 ── */
.jr-tl-section h2{margin-bottom:8px}
.jr-timeline{
  display:flex; align-items:center;
  margin:24px 0 12px;
  padding:4px 0;
}
.jr-tl-box{
  flex:1;
  text-align:center;
  padding:22px 16px 20px;
  background:linear-gradient(180deg, #fff 0%, rgba(248,250,252,.5) 100%);
  border:1.5px solid rgba(99,102,241,.22);
  border-radius:16px;
  box-shadow:0 1px 3px rgba(37,99,235,.04), 0 4px 14px rgba(37,99,235,.06);
  position:relative;
  transition:border-color .18s, box-shadow .18s, transform .18s;
}
.jr-tl-box:hover{
  border-color:rgba(99,102,241,.48);
  transform:translateY(-3px);
  box-shadow:0 6px 12px rgba(37,99,235,.1), 0 14px 36px rgba(37,99,235,.14);
}
.jr-tl-box-latest{
  background:linear-gradient(180deg, rgba(219,234,254,.55) 0%, rgba(238,242,255,.4) 100%);
  border-color:rgba(79,70,229,.4);
}
.jr-tl-box-latest::before{
  content:"NEW";
  position:absolute; top:-9px; right:16px;
  background:linear-gradient(135deg,#2563eb,#4f46e5);
  color:#fff;
  font-size:9.5px; font-weight:800; letter-spacing:.6px;
  padding:2px 8px; border-radius:99px;
  box-shadow:0 2px 5px rgba(37,99,235,.34);
}
/* 규정명 — 작은 uppercase 라벨처럼 (날짜에 시선을 양보) */
.jr-tl-rule{
  display:block;
  font-size:12px; font-weight:700;
  color:#6366f1;
  letter-spacing:1.8px;
  text-transform:uppercase;
  margin-bottom:6px;
  line-height:1;
}
/* 날짜 — 박스의 시각적 주인공: 굵고 큼직, 모노스페이스로 정렬감 */
.jr-tl-date{
  display:block;
  font-size:28px; font-weight:800;
  color:#1e3a8a;
  font-family: ui-monospace, "SF Mono", "Menlo", Consolas, monospace;
  font-variant-numeric: tabular-nums;
  letter-spacing:-.8px;
  line-height:1.05;
  margin:0 0 12px;
  /* 살짝 톤 다운된 그라데이션 텍스트 — 모던 fintech 톤 */
  background:linear-gradient(135deg, #1e3a8a 0%, #4338ca 100%);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}
.jr-tl-box-latest .jr-tl-date{
  /* 신규 시행 — 좀 더 강한 톤 (브랜드 그라데이션) */
  background:linear-gradient(135deg, #2563eb 0%, #4f46e5 60%, #6366f1 100%);
  -webkit-background-clip:text; background-clip:text;
}
.jr-tl-detail{
  display:block;
  font-size:11.5px;
  color:#64748b;
  letter-spacing:.2px;
  line-height:1.4;
  padding-top:10px;
  border-top:1px dashed rgba(99,102,241,.18);
}
.jr-tl-subdetail{
  display:block;
  margin-top:4px;
  font-size:10.5px;
  color:#94a3b8;
  letter-spacing:.1px;
  font-style:italic;
}
.jr-tl-connector{
  flex:0 0 56px;
  height:2px;
  background-image: radial-gradient(circle, rgba(99,102,241,.5) 1.6px, transparent 1.8px);
  background-size: 10px 2px;
  background-position: center;
  background-repeat: repeat-x;
  margin:0 4px;
}
.jr-tl-note{
  font-size:12.5px; color:#64748b;
  text-align:center; margin:8px 0 0;
  font-style:italic;
}
.jr-tl-note strong{color:#3730a3}
.jr-tl-aside{
  font-size:12.5px; color:#475569;
  text-align:center; margin:8px 0 0;
  padding:8px 14px;
  background:rgba(99,102,241,.05);
  border:1px dashed rgba(99,102,241,.28);
  border-radius:8px;
}
.jr-tl-aside strong{color:#3730a3; font-weight:700}

/* Quick reference 셀 안의 부연 설명 (한국어 도입명 옆 OECD 공식 번역) */
.jr-cell-sub{
  display:block;
  font-size:11.5px; color:#64748b;
  margin-top:2px;
  letter-spacing:.1px;
}

/* ── 특수 케이스 카드 (US SbS Regime 등 IIR/UTPR/QDMTT 표준 패턴이 아닌 경우) ── */
.jr-special-card{
  margin:24px 0 12px;
  padding:24px 28px;
  background:linear-gradient(135deg, rgba(219,234,254,.55) 0%, rgba(238,242,255,.5) 100%);
  border:1.5px solid rgba(79,70,229,.4);
  border-radius:16px;
  box-shadow:0 1px 3px rgba(37,99,235,.04), 0 6px 18px rgba(37,99,235,.1);
  position:relative;
  overflow:hidden;
}
.jr-special-card::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:4px;
  background:linear-gradient(180deg, #2563eb, #4f46e5);
}
.jr-special-head{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; margin-bottom:8px;
}
.jr-special-label{
  font-size:15px; font-weight:700;
  color:#3730a3;
  letter-spacing:.3px;
}
.jr-special-tag{
  display:inline-block;
  padding:3px 10px; border-radius:99px;
  font-size:11px; font-weight:600; letter-spacing:.4px;
  color:#fff;
  background:linear-gradient(135deg, #2563eb, #4f46e5);
  box-shadow:0 2px 5px rgba(37,99,235,.3);
}
.jr-special-date{
  display:block;
  font-size:36px; font-weight:800;
  font-family: ui-monospace, "SF Mono", "Menlo", Consolas, monospace;
  font-variant-numeric: tabular-nums;
  letter-spacing:-1px;
  line-height:1.05;
  margin:6px 0 12px;
  background:linear-gradient(135deg, #1e3a8a 0%, #4338ca 60%, #6366f1 100%);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}
.jr-special-detail{
  font-size:13px; color:#475569;
  line-height:1.55;
  padding-top:12px;
  border-top:1px dashed rgba(99,102,241,.25);
}

/* ── Index 페이지 (/jurisdictions/) — 40국 카드 그리드 ── */
.jr-idx-toolbar{
  display:flex; flex-direction:column; gap:14px;
  margin-bottom:28px;
}
.jr-idx-search{
  width:100%;
  padding:13px 18px;
  font-size:15px; color:#1e293b;
  background:#fff;
  border:1.5px solid rgba(99,102,241,.22);
  border-radius:12px;
  outline:none;
  transition:border-color .15s, box-shadow .15s;
}
.jr-idx-search:focus{
  border-color:rgba(99,102,241,.55);
  box-shadow:0 0 0 4px rgba(99,102,241,.12);
}
.jr-idx-chips{
  display:flex; flex-wrap:wrap; gap:8px;
}
.jr-idx-chip{
  padding:7px 14px;
  font-size:13px; font-weight:600; letter-spacing:.1px;
  color:#475569;
  background:rgba(99,102,241,.04);
  border:1px solid rgba(99,102,241,.18);
  border-radius:99px;
  cursor:pointer;
  transition:background .12s, border-color .12s, color .12s;
}
.jr-idx-chip:hover{background:rgba(99,102,241,.1); color:#3730a3}
.jr-idx-chip.is-active{
  background:linear-gradient(135deg, #2563eb, #4f46e5);
  border-color:transparent;
  color:#fff;
  box-shadow:0 2px 6px rgba(37,99,235,.28);
}

.jr-idx-grid{
  display:grid; gap:14px;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.jr-idx-card{
  display:flex; align-items:center; gap:14px;
  padding:14px 16px;
  background:linear-gradient(180deg, #fff 0%, rgba(248,250,252,.5) 100%);
  border:1.5px solid rgba(99,102,241,.18);
  border-radius:14px;
  box-shadow:0 1px 3px rgba(37,99,235,.04), 0 4px 12px rgba(37,99,235,.05);
  text-decoration:none;
  transition:border-color .18s, box-shadow .18s, transform .18s;
}
.jr-idx-card:hover{
  border-color:rgba(99,102,241,.45);
  transform:translateY(-2px);
  box-shadow:0 4px 10px rgba(37,99,235,.1), 0 12px 28px rgba(37,99,235,.12);
}
.jr-idx-flag{
  width:40px; height:30px; flex-shrink:0;
  border-radius:5px;
  box-shadow:0 2px 5px rgba(15,23,42,.15);
}
.jr-idx-body{flex:1; min-width:0}
.jr-idx-name{
  font-size:15px; font-weight:700;
  color:#1e3a8a;
  letter-spacing:-.2px;
  margin-bottom:6px;
  display:flex; align-items:baseline; gap:8px;
}
.jr-idx-name-en{
  font-size:11.5px; color:#94a3b8;
  font-weight:500; letter-spacing:.1px;
}
.jr-idx-rules{
  display:flex; gap:5px; flex-wrap:wrap;
}
.jr-idx-rule{
  display:inline-flex; flex-direction:column; align-items:center;
  padding:3px 7px;
  border-radius:6px;
  font-size:10px; font-weight:600; letter-spacing:.1px;
  line-height:1.2;
  min-width:48px;
}
.jr-idx-rl{
  font-size:9px; font-weight:700; letter-spacing:.6px;
  text-transform:uppercase;
  opacity:.7;
}
.jr-idx-rd{
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-variant-numeric: tabular-nums;
  font-size:11px;
  margin-top:1px;
}
.jr-idx-rule-ok{
  background:rgba(16,163,74,.1);
  color:#15803d;
  border:1px solid rgba(16,163,74,.22);
}
.jr-idx-rule-pending{
  background:rgba(234,179,8,.1);
  color:#a16207;
  border:1px solid rgba(234,179,8,.28);
}
.jr-idx-rule-none{
  background:rgba(148,163,184,.1);
  color:#64748b;
  border:1px solid rgba(148,163,184,.25);
}
.jr-idx-rule-none .jr-idx-rd{
  font-size:9.5px;
  font-family:inherit;
}

.jr-idx-empty{
  text-align:center; color:#94a3b8;
  padding:40px 0; font-size:14px;
}

@media (max-width:640px){
  .jr-idx-grid{grid-template-columns:1fr}
  .jr-idx-chip{padding:6px 11px; font-size:12px}
}

/* 미도입 badge — 회색 톤 */
.jr-badge-none{background:rgba(148,163,184,.15); color:#475569; border:1px solid rgba(148,163,184,.35)}

@media (max-width:640px){
  .jr-timeline{flex-direction:column}
  .jr-tl-box{width:100%}
  .jr-tl-connector{
    width:2px; height:28px; flex:0 0 28px;
    background-image: radial-gradient(circle, rgba(99,102,241,.5) 1.6px, transparent 1.8px);
    background-size: 2px 10px;
  }
}

/* Quick reference table */
.jr-quick{
  width:100%; border-collapse:collapse; margin:8px 0 0;
  background:#fff;
  border:1px solid rgba(99,102,241,.18); border-radius:12px;
  overflow:hidden;
  box-shadow:0 1px 3px rgba(15,23,42,.04);
}
.jr-quick thead th{
  background:linear-gradient(180deg, rgba(99,102,241,.08), rgba(99,102,241,.04));
  color:#3730a3; font-size:13px; font-weight:700; letter-spacing:.2px;
  text-align:left; padding:11px 14px;
  border-bottom:1px solid rgba(99,102,241,.18);
}
.jr-quick tbody td{
  padding:12px 14px; font-size:14px; color:#334155;
  border-bottom:1px solid rgba(99,102,241,.08);
  vertical-align:middle;
}
.jr-quick tbody tr:last-child td{border-bottom:none}
.jr-quick td:first-child{font-weight:500; color:#1e3a8a}
.jr-quick a{color:#4338ca; text-decoration:none; border-bottom:1px dotted rgba(67,56,202,.4)}
.jr-quick a:hover{border-bottom-style:solid}

/* Status badges */
.jr-badge{
  display:inline-flex; align-items:center;
  padding:2px 9px; border-radius:99px;
  font-size:11.5px; font-weight:600; letter-spacing:.2px;
  margin-right:5px;
}
.jr-badge-ok{background:rgba(16,163,74,.12); color:#15803d; border:1px solid rgba(16,163,74,.3)}
.jr-badge-new{background:rgba(37,99,235,.12); color:#1d4ed8; border:1px solid rgba(37,99,235,.3)}
.jr-badge-pending{background:rgba(234,179,8,.15); color:#a16207; border:1px solid rgba(234,179,8,.35)}

.jr-tag{
  display:inline-block;
  padding:1px 8px; border-radius:6px;
  font-size:11px; color:#6366f1;
  background:rgba(99,102,241,.08);
  letter-spacing:.1px; vertical-align:middle;
}
/* 평가/심사 진행 중 — 노란 톤으로 차별화 */
.jr-tag-pending{
  color:#a16207;
  background:rgba(234,179,8,.12);
}

/* 법령 리스트 — 약간 mono 느낌 */
.jr-laws li code{
  background:rgba(99,102,241,.08); color:#3730a3;
  padding:1px 6px; border-radius:4px; font-size:.92em;
}

/* Related terms chips */
.jr-related-terms{
  display:flex; flex-wrap:wrap; gap:8px; margin-top:10px;
}
.jr-term-chip{
  display:inline-flex; align-items:center;
  padding:6px 12px; border-radius:99px;
  background:rgba(99,102,241,.06);
  border:1px solid rgba(99,102,241,.2);
  color:#4338ca; text-decoration:none;
  font-size:13px; font-weight:500;
  transition:background .12s, border-color .12s, transform .12s;
}
.jr-term-chip:hover{
  background:rgba(99,102,241,.12);
  border-color:rgba(99,102,241,.42);
  transform:translateY(-1px);
}

/* CTA section — 강조 */
.jr-cta-section{
  background:linear-gradient(135deg, rgba(219,234,254,.5), rgba(224,231,255,.5));
  border:1px solid rgba(99,102,241,.28);
  border-radius:14px;
  padding:24px 28px;
}
.jr-cta-section h2{border:none; padding:0; margin-bottom:8px}
.jr-cta-section h2::after{display:none}
.jr-cta-section p{margin-bottom:16px}
.jr-cta-section .docs-btn{margin-right:10px}

/* Sources section */
.jr-sources li{margin-bottom:10px; line-height:1.55}
.jr-sources strong{color:#1e3a8a}
.jr-sources a{color:#4338ca; word-break:break-all}

/* Disclaimer */
.jr-disclaimer-section{margin-top:20px}
.jr-disclaimer{
  padding:18px 22px;
  background:rgba(254,243,199,.55);
  border:1px solid rgba(234,179,8,.4);
  border-left:4px solid #d97706;
  border-radius:10px;
}
.jr-disclaimer h3{
  margin:0 0 10px; font-size:14px; font-weight:700;
  color:#92400e;
  letter-spacing:.3px;
}
.jr-disclaimer p{margin:0 0 8px; color:#78350f; font-size:13.5px; line-height:1.6}
.jr-disclaimer ul{margin:6px 0 12px; padding-left:20px; color:#78350f; font-size:13.5px; line-height:1.7}
.jr-disclaimer ul li{margin-bottom:3px}
.jr-meta-stamp{
  margin-top:10px; padding-top:10px;
  border-top:1px dashed rgba(234,179,8,.4);
  font-size:12px; color:#a16207; font-style:italic;
}
.jr-meta-stamp time{font-weight:600}

/* Responsive */
@media (max-width:640px){
  .jr-h1{flex-direction:column; align-items:flex-start; gap:8px}
  .jr-flag{font-size:28px}
  .jr-quick{font-size:13px}
  .jr-quick thead th, .jr-quick tbody td{padding:10px 10px}
  .jr-cta-section{padding:20px 18px}
  .jr-disclaimer{padding:16px}
}