/* assets/country.css (2 Nov 2026): the country guide page, /guide/<country> (inc/country-page.php), from the preview approved
   the same day. Loaded beside channels.css, which brings the code panels. */
.gz-tick{margin:26px auto 0;max-width:760px;border:1px solid #1c2433;border-radius:10px;background:rgba(255,255,255,.02);text-align:left;overflow:hidden}
.gz-tick .hd{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:12px;color:var(--on-dark-muted);border-bottom:1px solid #1c2433}
.gz-tick .hd i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:gzp 1.8s infinite}
.gz-tick .hd .r{margin-left:auto;font-variant-numeric:tabular-nums}
.gz-rows{height:180px;overflow:hidden;position:relative}
.gz-rows .gz-r{display:grid;grid-template-columns:150px 1fr 110px 60px;gap:14px;align-items:center;height:45px;padding:0 16px;border-bottom:1px solid #141a26;font-size:13px;color:#dfe6f3;transition:transform .6s ease}
.gz-rows .gz-n{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gz-rows .gz-p{color:#9fb0c8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gz-rows .gz-b{height:4px;background:#1c2433;border-radius:2px;overflow:hidden}.gz-rows .gz-b b{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue))}
.gz-rows .gz-t{font-variant-numeric:tabular-nums;color:var(--on-dark-muted);text-align:right}
@keyframes gzp{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.gz-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gz-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:18px 18px 16px;display:grid;grid-template-rows:auto auto 1fr auto;min-height:198px}
.gz-card .k{font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:8px;white-space:nowrap}
.gz-card .k svg{width:15px;height:15px;color:var(--blue)}
.gz-card .v{font-size:30px;font-weight:300;margin-top:8px;font-variant-numeric:tabular-nums;white-space:nowrap}
.gz-card .s{font-size:13px;color:var(--muted);margin-top:4px}
.gz-card .ln{display:grid;gap:7px;margin-top:12px}
.gz-card .ln div{display:grid;grid-template-columns:96px 1fr 44px;gap:10px;align-items:center;font-size:12px;color:var(--muted);white-space:nowrap}
.gz-card .ln .bar{height:5px;background:var(--line-2);border-radius:3px;overflow:hidden}.gz-card .ln .bar b{display:block;height:100%;background:var(--blue);border-radius:3px}
.gz-card .ln span:last-child{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink,#0b1220)}
.gz-two > *{min-width:0}.sh .p code{white-space:normal;overflow-wrap:anywhere}
.gz-two{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;align-items:start}
.cmp td.ep{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--blue)}
.cmp td.act{width:120px;text-align:right}
.gz-btn{display:inline-grid;place-items:center;width:96px;height:30px;border:1px solid var(--line);border-radius:10px;font-size:12px;color:var(--ink,#0b1220);background:#fff;white-space:nowrap}
.gz-btn:hover{border-color:var(--blue);color:var(--blue)}
.gz-mix{border:1px solid var(--line);border-radius:10px;background:#fff;padding:16px 18px}
.gz-mix h3{font-weight:400;font-size:13px;color:var(--muted);margin:0 0 12px;letter-spacing:.06em;text-transform:uppercase}
.gz-mix .r{display:grid;grid-template-columns:130px 1fr 52px;gap:12px;align-items:center;height:30px;font-size:13px;white-space:nowrap}
.gz-mix .r .bar{height:6px;background:var(--line-2);border-radius:3px;overflow:hidden}.gz-mix .r .bar b{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:3px}
.gz-mix .r span:last-child{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}

.gz-near{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.gz-near a{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 12px;font-size:13px;white-space:nowrap}
.gz-near a:hover{border-color:var(--blue)}.gz-near a .n{grid-column:2;font-size:12px;color:var(--muted)}
.gz-note{font-size:12px;color:var(--muted);margin-top:10px}
.gz-chip{display:inline-block;font-size:11px;padding:2px 8px;border-radius:10px;white-space:nowrap}
.gz-live{background:#e8f8ee;color:#16803c}.gz-rep{background:#eef2f8;color:#5b6b82}
@media (max-width:900px){.gz-cards{grid-template-columns:repeat(2,1fr)}.gz-two{grid-template-columns:1fr}.gz-near{grid-template-columns:repeat(2,1fr)}.gz-rows .gz-r{grid-template-columns:110px 1fr 50px}.gz-rows .gz-b{display:none}}
@media (max-width:560px){.gz-cards{grid-template-columns:1fr}}

/* (2 Nov 2026, second pass) no sideways scroll, nothing drawn over text: the two code panels sit at one height with the
   answer trimmed to fit, sport has the full width, owners' names stop short of their bars, and the mix boxes sit side by side */
.gz-codes{margin-top:16px;align-items:start}
.gz-codes .cx-code pre{height:300px}
.gz-mixes{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.gz-mix .r{grid-template-columns:minmax(0,220px) 1fr 52px}
.gz-mix .r span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gz-sport{overflow-x:visible}
.gz-sport table{table-layout:fixed}
.gz-sport th:nth-child(1),.gz-sport td:nth-child(1){width:170px}
.gz-sport th:nth-child(3),.gz-sport td:nth-child(3){width:30%}
.gz-sport th:nth-child(4),.gz-sport td:nth-child(4){width:100px}
.gz-sport th:nth-child(5),.gz-sport td:nth-child(5){width:120px}
.gz-sport td.gz-el{overflow:hidden;text-overflow:ellipsis}
.cmp td.ep{white-space:normal;overflow-wrap:anywhere}
@media (max-width:900px){.gz-mixes{grid-template-columns:1fr}.gz-sport th:nth-child(3),.gz-sport td:nth-child(3),.gz-sport th:nth-child(4),.gz-sport td:nth-child(4){display:none}.gz-sport th:nth-child(1),.gz-sport td:nth-child(1){width:110px}}
@media (max-width:560px){.gz-sport th:nth-child(5),.gz-sport td:nth-child(5){width:90px}}
.gz-codes{grid-template-columns:1fr 1fr}
@media (max-width:900px){.gz-codes{grid-template-columns:1fr}}