/* Krynto — inner page styles (country pages, calculators index). Loaded via $extra_css. */
/* ---------- breadcrumb + compact hero ---------- */
.crumbs{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--slate2);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.crumbs a{color:var(--slate)}
.crumbs a:hover{color:var(--teal)}
.crumbs .sep{color:#CBD5E1}
.crumbs .here{color:var(--ink);font-weight:700}
.page-hero{padding:44px 0 30px}
.page-hero h1{font-size:40px;margin:14px 0 14px}
.page-hero .sub{max-width:720px}
.byline{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);font-family:var(--mono);font-size:11.5px;letter-spacing:.05em;color:var(--slate2);display:flex;gap:10px;flex-wrap:wrap}
.byline b{color:var(--ink);font-weight:700}
/* ---------- country page layout ---------- */
.cp-top{display:grid;grid-template-columns:1.55fr .85fr;gap:22px;align-items:start;margin-top:8px}
.cp-sec{padding:40px 0 4px}
.cp-sec h2.sec{font-size:26px}
.cp-sec p.body{color:var(--slate);max-width:820px;margin-top:10px;font-size:15.5px;line-height:1.7}
.cp-sec p.body + p.body{margin-top:12px}
/* quick facts */
.facts{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:22px}
.facts h3{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--slate2);margin-bottom:8px}
.fact-row{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #F1F5F9;font-size:14px}
.fact-row:last-child{border-bottom:none}
.fact-row span:first-child{color:var(--slate)}
.fact-row span:last-child{font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.zerobadge{display:inline-block;margin-top:12px;background:#F0FDF9;border:1px solid #A7F3D0;color:#065F46;font-weight:700;font-size:12.5px;border-radius:999px;padding:5px 12px}
/* result summary inside country calculator */
.cp-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}
.cp-stat{border:1px solid var(--border);border-radius:11px;padding:11px 13px;background:#FDFEFE}
.cp-stat .v{font-size:17px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.cp-stat .k{font-family:var(--mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--slate2);margin-top:2px}
.cp-netline{margin-top:16px;display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid var(--border);padding-top:14px}
.cp-netline .lab{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--slate2);font-weight:700}
.cp-netline .big{font-size:30px;font-weight:800;letter-spacing:-.02em}
/* tables */
.tbl-wrap{margin-top:20px;border:1px solid var(--border);border-radius:14px;background:#fff;overflow-x:auto}
table.tbl{width:100%;border-collapse:collapse;font-size:14.5px;min-width:520px}
.tbl th{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--slate2);text-align:left;padding:13px 18px;border-bottom:1px solid var(--border);background:#FDFEFE}
.tbl td{padding:11px 18px;border-bottom:1px solid #F1F5F9;color:var(--slate);font-variant-numeric:tabular-nums}
.tbl tr:last-child td{border-bottom:none}
.tbl td.num,.tbl th.num{text-align:right}
.tbl td.strong{color:var(--ink);font-weight:700}
.tbl tr.hl td{background:#F0FDFA;color:var(--ink);font-weight:600}
.tbl-note{font-size:12.5px;color:var(--slate2);margin-top:10px;line-height:1.6;max-width:820px}
/* leaves-out box */
.leaveout{margin-top:22px;background:#FFFBEB;border:1px solid #FDE68A;border-radius:14px;padding:20px 22px}
.leaveout h3{font-size:15px;font-weight:800;color:#92400E;margin-bottom:8px}
.leaveout ul{margin-left:18px;color:#78350F;font-size:14px;line-height:1.65}
.leaveout li{margin-bottom:5px}
/* sources strip */
.srcstrip{margin-top:26px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px 22px;font-size:14px;color:var(--slate);line-height:1.7}
.srcstrip b{color:var(--ink)}
/* index country cards */
.idx-card .meta-line{font-size:13px;color:var(--slate2);margin-top:2px}
@media(max-width:960px){
  .cp-top{grid-template-columns:1fr}
  .cp-summary{grid-template-columns:repeat(2,1fr)}
  .page-hero h1{font-size:32px}
}