/* WP-D1 · Kanonik model ülke görünümü (canonical-view.js). Tema değişkenleri mevcut aurora.css ile uyumlu:
   --surface, --text, --muted, --border, --accent varsa kullanılır; yoksa yedek değerler. */
.canonical-country { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; color: var(--text, #1f2933); }
.canonical-country > * { min-width: 0; }
.canonical-country, .canonical-comparison, .canonical-leaderboard, .canonical-taxonomy-families { min-width: 0; overflow-wrap: anywhere; }
#country-detail-modal [hidden], #country-tools-modal [hidden], #index-leaderboard-view [hidden], #canonical-country-host[hidden], #canonical-compare-panel[hidden] { display: none !important; }
.canonical-mode-switch { display: flex; align-items: center; gap: .6rem; margin-block: .75rem; cursor: pointer; }
.canonical-mode-switch input { width: 1.1rem; height: 1.1rem; flex: 0 0 auto; }
.core-document-switcher > .canonical-mode-switch { flex-basis: 100%; margin-block: .2rem; }
.core-document-overlay { z-index: 1300; }
.core-document-content code { overflow-wrap: anywhere; }
.canonical-document-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-block-start: .75rem; }
.canonical-document-actions button { padding: .55rem .8rem; border: 1px solid var(--border-subtle); border-radius: .5rem; background: var(--bg-card, #fff); color: inherit; cursor: pointer; font: inherit; }
#index-leaderboard-view.canonical-mode .country-explorer-toolbar { position: static; }
#index-leaderboard-view.canonical-mode .country-toolbar-field { display: none; }
.canonical-four-a, .canonical-unranked-list, .canonical-taxonomy-families details { padding: .75rem; border: 1px solid var(--border, #cbd2d9); border-radius: 8px; margin-block: .5rem; }
.canonical-four-a > summary, .canonical-unranked-list > summary, .canonical-taxonomy-families summary { cursor: pointer; font-weight: 600; }
.canonical-four-a[open] > summary, .canonical-unranked-list[open] > summary { margin-bottom: .75rem; }
.canonical-country-link { background: none; border: 0; padding: 0; color: var(--accent, #1a73e8); font: inherit; text-align: start; cursor: pointer; text-decoration: underline; text-underline-offset: .15em; }
.canonical-country-link:focus-visible, .canonical-trail-toggle:focus-visible, .canonical-four-a > summary:focus-visible, .canonical-unranked-list > summary:focus-visible, .canonical-taxonomy-families summary:focus-visible { outline: 2px solid var(--accent, #1a73e8); outline-offset: 3px; border-radius: 2px; }
.canonical-table-scroll, .canonical-families { overflow-x: auto; max-width: 100%; }
.canonical-taxonomy-families dl { margin: .5rem 0; }
.canonical-taxonomy-families dt { color: var(--muted, #667085); font-size: .8rem; }
.canonical-taxonomy-families dd { margin: 0 0 .5rem; }
.canonical-comparison .canonical-level, .canonical-leaderboard .canonical-level { margin-block: .35rem; }
.canonical-comparison .canonical-flag, .canonical-leaderboard .canonical-flag { display: block; max-width: 24rem; }
.canonical-eyebrow { margin: 0 0 .5rem; font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; color: var(--muted, #667085); }
.canonical-header-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 1rem; }
.canonical-k { display: block; font-size: .75rem; color: var(--muted, #667085); margin-bottom: .25rem; }
.canonical-score { font-size: 2.25rem; font-weight: 700; line-height: 1; }
.canonical-score-none { color: var(--muted, #667085); }
.canonical-note { margin: .35rem 0 0; font-size: .8rem; color: var(--muted, #667085); }
.canonical-none { color: var(--muted, #667085); font-style: italic; }
.canonical-level { display: inline-block; padding: .15rem .55rem; border-radius: 999px; font-weight: 600; font-size: .85rem; border: 1px solid var(--border, #cbd2d9); }
.canonical-level-a1 { background: #e6f4ea; border-color: #34a853; }
.canonical-level-a2 { background: #e6f4ea; border-color: #34a853; border-style: dashed; }
.canonical-level-b { background: #fff4e5; border-color: #f29900; }
.canonical-level-c { background: #f1f3f4; border-color: #9aa0a6; }
.canonical-vintage { display: inline-block; padding: .05rem .4rem; border-radius: 4px; font-size: .75rem; border: 1px solid transparent; }
.canonical-vintage-guncel { background: #e8f0fe; }
.canonical-vintage-eski { background: #fff4e5; border-color: #f29900; }
.canonical-vintage-cok_eski { background: #fce8e6; border-color: #d93025; }
.canonical-vintage-veri_yok { background: #f1f3f4; }
.canonical-vintage-summary { margin: .75rem 0 0; font-size: .8rem; }
.canonical-dimensions ol, .canonical-four-a ol { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; }
.canonical-dimension, .canonical-axis { display: grid; grid-template-columns: minmax(180px, 1.4fr) 2fr auto; gap: .5rem 1rem; align-items: center; padding: .5rem .75rem; border: 1px solid var(--border, #e4e7eb); border-radius: 8px; }
.canonical-dimension .canonical-note, .canonical-axis .canonical-note { grid-column: 1 / -1; }
.canonical-dim-id { font-weight: 700; margin-inline-end: .35rem; }
.canonical-bar { height: 8px; background: var(--border, #e4e7eb); border-radius: 4px; overflow: hidden; }
.canonical-bar span { display: block; height: 100%; background: var(--accent, #1a73e8); }
.canonical-bar-4a span { background: #7b61ff; }
.canonical-country-visuals { display: grid; grid-template-columns: minmax(240px, .85fr) minmax(0, 1.65fr); gap: 1.25rem; align-items: start; }
.canonical-radar { min-width: 0; text-align: center; }
.canonical-radar svg { display: block; width: 100%; max-width: 360px; margin: auto; overflow: visible; }
.canonical-radar h3, .canonical-dimensions h3 { font-size: 1rem; margin: 0 0 1rem; }
.canonical-radar-grid { fill: none; stroke: var(--border-subtle, #cbd5e1); stroke-width: 1; }
.canonical-radar-scale { fill: var(--text-muted, #64748b); font-size: 9px; direction: ltr; unicode-bidi: isolate; }
.canonical-radar-label { fill: var(--text-primary, #334155); font-size: 12px; font-weight: 700; }
.canonical-radar-shape { fill: rgba(8, 145, 178, .18); stroke: var(--accent-cyan, #0891b2); stroke-width: 2.5; }
.canonical-radar-segment { stroke: var(--accent-cyan, #0891b2); stroke-width: 2.5; }
.canonical-radar-point { stroke: var(--bg-card, #fff); stroke-width: 1.5; }
.canonical-country-visuals .canonical-dimension { grid-template-columns: minmax(0, 1fr) auto; }
.canonical-country-visuals .canonical-dimension-head { grid-column: 1 / -1; }
.canonical-country-visuals .canonical-bar { height: 10px; }
.canonical-dimension-head button { border: 0; background: none; color: inherit; text-align: start; font: inherit; padding: 0; cursor: pointer; text-decoration: underline dotted; text-underline-offset: .2em; }
.canonical-dimension-head button:focus-visible { outline: 2px solid var(--accent-cyan, #0891b2); outline-offset: 3px; }
@media (max-width: 760px) {
  .canonical-country-visuals { grid-template-columns: minmax(0, 1fr); }
}
.canonical-flag { display: inline-block; font-size: .7rem; padding: .05rem .4rem; border-radius: 4px; background: #fff4e5; border: 1px solid #f29900; margin-inline-start: .25rem; }
.canonical-family-table { width: 100%; border-collapse: collapse; font-size: .9rem; }
/* Keep a nested, scrollable basket from widening the whole country table. */
.canonical-families > .canonical-family-table { table-layout: fixed; }
.canonical-families > .canonical-family-table > thead th:first-child { width: 2rem; }
.canonical-families > .canonical-family-table > thead th:nth-child(3) { width: 5.5rem; }
.canonical-families > .canonical-family-table > thead th:nth-child(4) { width: 6rem; }
.canonical-family-table th, .canonical-family-table td { padding: .45rem .5rem; border-bottom: 1px solid var(--border, #e4e7eb); vertical-align: top; text-align: start; }
.canonical-family-table .canonical-num { text-align: right; white-space: nowrap; }
.canonical-leaderboard .canonical-family-table td:nth-child(-n + 3),
.canonical-comparison .canonical-family-table td { white-space: nowrap; unicode-bidi: isolate; }
.canonical-trail-toggle { background: none; border: 0; padding: 0; color: var(--accent, #1a73e8); cursor: pointer; text-align: start; font: inherit; text-decoration: underline dotted; }
.canonical-trail-row td { background: var(--surface, #f8f9fa); }
.canonical-trail h4 { margin: 0 0 .25rem; font-size: 1rem; }
.canonical-trail-component { margin: .6rem 0; padding: .6rem .75rem; border: 1px solid var(--border, #e4e7eb); border-radius: 8px; background: #fff; }
.canonical-trail-component h5 { margin: 0 0 .4rem; font-size: .9rem; }
.canonical-trail dl { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: .35rem 1rem; margin: 0; }
.canonical-trail dt { font-size: .72rem; color: var(--muted, #667085); }
.canonical-trail dd { margin: 0; }
.canonical-flags, .canonical-profile-cells { margin: .5rem 0 0; padding-inline-start: 1.1rem; font-size: .8rem; }
[dir="rtl"] .canonical-family-table th, [dir="rtl"] .canonical-family-table td { text-align: right; }
[dir="rtl"] .canonical-family-table .canonical-num { text-align: left; }
@media (max-width: 480px) {
  .canonical-dimension, .canonical-axis { grid-template-columns: 1fr; }
  .canonical-score { font-size: 1.75rem; }
  .canonical-family-table { font-size: .8rem; }
  .canonical-family-table th, .canonical-family-table td { padding-inline: .3rem; }
  .canonical-trail dl { grid-template-columns: minmax(0, 1fr); }
  .canonical-trail-component { padding-inline: .45rem; }
  .canonical-header-grid { grid-template-columns: minmax(0, 1fr); }
  .canonical-family-table .canonical-num { white-space: normal; }
  .canonical-families > .canonical-family-table > thead th:first-child { width: 1.7rem; }
  .canonical-families > .canonical-family-table > thead th:nth-child(3) { width: 4.3rem; }
  .canonical-families > .canonical-family-table > thead th:nth-child(4) { width: 4.8rem; }
  .canonical-families > .canonical-family-table > tbody > tr:not(.canonical-trail-row) > td:nth-child(3) { white-space: nowrap; }
}

/* Primary model controls do not expose a legacy scoring switch. */
.canonical-mode-switch[hidden], #btn-open-country-simulator[hidden] { display: none !important; }
.canonical-layout-switch { display: flex; gap: .35rem; padding: .25rem; border: 1px solid var(--border-subtle, #cbd5e1); border-radius: .65rem; }
.canonical-layout-switch button { padding: .55rem .85rem; border: 0; border-radius: .4rem; color: var(--text-primary, #334155); background: transparent; font: inherit; cursor: pointer; }
.canonical-layout-switch button[aria-pressed="true"] { background: var(--accent-cyan, #0891b2); color: #fff; }
.canonical-layout-switch button:focus-visible { outline: 2px solid var(--accent-cyan, #0891b2); outline-offset: 3px; }
.canonical-country-cards { display: grid; gap: 1.5rem; min-width: 0; }
.canonical-country-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 1rem; margin-block-start: .85rem; }
.canonical-country-card { padding: 1.1rem; border: 1px solid var(--border-subtle, #cbd5e1); border-radius: 1rem; background: var(--bg-card, #fff); min-width: 0; box-shadow: 0 3px 14px rgba(15,23,42,.04); }
.canonical-country-card .canonical-country-link { font-size: 1.05rem; font-weight: 700; }
.canonical-country-card header { display: flex; justify-content: space-between; gap: .75rem; align-items: start; }
.canonical-card-code { display: block; font-size: .7rem; color: var(--text-muted, #64748b); margin-block-start: .25rem; }
.canonical-card-rank, .canonical-card-unranked { font-size: .75rem; white-space: nowrap; }
.canonical-card-summary { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-block: .9rem; }
.canonical-card-summary > div:first-child { min-width: 0; }
.canonical-card-score { display: block; font-size: 2rem; font-variant-numeric: tabular-nums; }
.canonical-card-coverage { text-align: center; flex: 0 0 90px; }
.canonical-card-coverage > span { display: block; font-size: .68rem; margin-block-start: .3rem; }
.canonical-card-families { color: var(--text-muted, #64748b); font-size: .8rem; }
.canonical-coverage-ring { display: grid; width: 90px; height: 90px; flex: 0 0 90px; place-content: center; text-align: center; border-radius: 50%; background: radial-gradient(circle closest-side, var(--bg-card, #fff) 77%, transparent 79%), conic-gradient(var(--accent-cyan, #0891b2) var(--country-coverage), var(--border-subtle, #cbd5e1) 0); }
.canonical-coverage-ring strong { font-size: 1rem; }
.canonical-coverage-ring small { display: block; max-width: 64px; margin: .15rem auto 0; font-size: .62rem; line-height: 1.2; color: var(--text-muted, #64748b); }
.canonical-card-dimensions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .35rem; margin-block-start: .75rem; }
.canonical-card-dimensions span { display: grid; gap: .2rem; padding: .35rem; border: 1px solid var(--border-subtle, #cbd5e1); border-radius: .4rem; text-align: center; }
.canonical-card-dimensions small { color: var(--text-muted, #64748b); font-size: .65rem; }
.canonical-card-dimension strong { color: var(--dimension-color, var(--text-muted, #64748b)); font-size: .85rem; }
.canonical-country-card .canonical-level { font-size: .72rem; margin-block-start: .6rem; }
.region-member-group { grid-column: 1 / -1; min-width: 0; }
.region-member-group h4 { margin: .75rem 0; font-size: 1rem; }
.region-member-group-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: .85rem; }

/* Restore the original country-analysis layout using canonical scores. */
#country-detail-modal .country-dialog-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.canonical-country.index-detail-card { gap: 1rem; }
.canonical-country-banner { gap: 1rem; align-items: center; margin-bottom: .8rem; }
.canonical-country-identity { min-width: 0; }
.canonical-country-title { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.canonical-country-title h3 { margin: 0; font-size: 1.3rem; color: var(--text-bright); }
.canonical-country-title .canonical-level { font-size: .65rem; }
.canonical-score-hero { flex: 0 0 170px; max-width: 240px; }
.canonical-score-hero .canonical-score { display: block; font: 900 2rem/1 var(--font-mono); color: var(--text-bright); }
.canonical-score-hero .score-lbl { display: block; margin-top: .4rem; }
.canonical-score-hero .canonical-note { font-size: .65rem; }
.canonical-country .country-detail-facts strong { font-size: .8rem; }
.canonical-country .country-detail-facts small { font-size: .6rem; }
.canonical-country .country-detail-facts span > small + strong + small { max-width: 290px; margin-top: .25rem; font: inherit; font-size: .65rem; }
.canonical-country .canonical-country-visuals { grid-template-columns: 1fr 1fr; gap: 1.5rem; align-items: center; }
.canonical-country .canonical-radar svg { max-width: 260px; }
.canonical-country .canonical-radar h3, .canonical-country .canonical-dimensions h3 { font-size: .85rem; margin-bottom: .5rem; }
.canonical-country .canonical-dimensions ol { gap: .45rem; }
.canonical-country .canonical-dimension { grid-template-columns: minmax(0, 1fr) auto; gap: .25rem .6rem; padding: .48rem .55rem; border-radius: 9px; background: rgba(255,255,255,.72); }
.canonical-country .canonical-dimension-head { grid-column: 1; font-size: .78rem; }
.canonical-country .canonical-dimension-head button { text-decoration: none; }
.canonical-country .canonical-dimension > strong { grid-column: 2; grid-row: 1; font: 700 .78rem var(--font-mono); }
.canonical-country .canonical-bar { grid-row: 2; grid-column: 1 / -1; height: 6px; }
.canonical-country .canonical-dimension .canonical-note { font-size: .65rem; }
.canonical-country .canonical-dimension .canonical-none { grid-column: 1 / -1; font-size: .7rem; }
.canonical-family-section { border: 1px solid var(--border-subtle); border-radius: 12px; overflow: hidden; }
.canonical-family-section > summary { cursor: pointer; padding: .8rem 1rem; font-size: .85rem; font-weight: 700; background: rgba(14,125,168,.05); }
.canonical-family-section > .canonical-families { padding: .5rem; }
.canonical-family-section > summary:focus-visible { outline: 2px solid var(--accent-cyan); outline-offset: -3px; }
.canonical-timeline { padding: 1rem; border: 1px solid var(--border-subtle); border-radius: 1rem; background: linear-gradient(115deg, var(--bg-card, #fff), rgba(14,125,168,.08)); }
.canonical-timeline header, .canonical-timeline-controls { display: flex; align-items: center; gap: .75rem; justify-content: space-between; }
.canonical-timeline h3, .canonical-source-records h3, .canonical-highlights h3 { margin: 0; font-size: .95rem; }
.canonical-timeline-controls { margin-block: 1rem; }
.canonical-timeline button { font: inherit; color: var(--text-primary); cursor: pointer; }
.canonical-timeline-controls > button { width: 2.4rem; height: 2.4rem; border-radius: 50%; border: 1px solid var(--border-subtle); background: var(--bg-card, #fff); flex-shrink: 0; font-size: 1.3rem; }
.canonical-timeline-controls > button:disabled { opacity: .4; cursor: default; }
.canonical-year-status { flex: 1; display: flex; gap: .5rem 1rem; flex-wrap: wrap; align-items: center; justify-content: space-between; border: 1px solid var(--border-subtle); border-radius: .8rem; padding: .8rem; font-size: .8rem; }
.canonical-year-status strong { font-family: var(--font-mono); }
.canonical-year-slider { width: 100%; accent-color: var(--accent-cyan); cursor: pointer; }
.canonical-year-markers { display: flex; gap: .3rem; overflow-x: auto; padding-block: .5rem; }
.canonical-year-markers button { min-width: 3.2rem; flex: 1; border: 1px solid transparent; background: transparent; padding: .4rem; border-radius: .5rem; font-size: .68rem; }
.canonical-year-markers button span { display: block; color: var(--accent-cyan); margin-bottom: .35rem; }
.canonical-year-markers button[aria-pressed="true"] { background: rgba(14,125,168,.1); border-color: var(--accent-cyan); font-weight: 700; }
.canonical-timeline button:focus-visible, .canonical-year-slider:focus-visible, .canonical-dimension-card summary:focus-visible { outline: 2px solid var(--accent-cyan); outline-offset: 2px; }
.canonical-source-records { min-width: 0; }
.canonical-source-records h3 { margin-block: .5rem 1rem; }
.canonical-dimension-card { border: 1px solid var(--border-subtle); border-radius: .7rem; background: var(--bg-card, #fff); overflow: hidden; }
.canonical-country .canonical-dimension-card > summary { cursor: pointer; border: 0; margin: 0; padding: .7rem; }
.canonical-dimension-prompt { grid-column: 1 / -1; font-size: .6rem; color: var(--text-muted); display: flex; justify-content: space-between; }
.canonical-dimension-card[open] > summary .canonical-dimension-prompt span { transform: rotate(180deg); }
.canonical-dimension-evidence { border-top: 1px solid var(--border-subtle); padding: .7rem; }
.canonical-dimension-family { margin-top: .7rem; border: 1px solid var(--border-subtle); border-radius: .6rem; padding: .6rem; }
.canonical-dimension-family > summary { display: flex; gap: .75rem; justify-content: space-between; font-size: .8rem; cursor: pointer; }
.canonical-dimension-family > summary strong { flex-shrink: 0; font-family: var(--font-mono); }
.canonical-dimension-family .canonical-trail { margin-top: .75rem; }
.canonical-country .canonical-country-visuals { align-items: start; }
.canonical-country .canonical-dimensions-expanded { grid-template-columns: minmax(0,1fr); }
.canonical-dimensions-expanded .canonical-dimensions > ol { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; }
.canonical-dimensions-expanded .canonical-dimensions > ol > li:has(> details[open]) { grid-column: 1 / -1; }
.canonical-highlights { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.canonical-highlights > section { border: 1px solid var(--border-subtle); border-radius: 1rem; padding: 1rem; background: var(--bg-card, #fff); }
.canonical-highlights p { display: flex; gap: 1rem; justify-content: space-between; font-size: .8rem; }
.canonical-highlights strong { flex-shrink: 0; }
.canonical-highlight-strengths { border-top: 3px solid var(--accent-emerald) !important; }
.canonical-highlight-weaknesses { border-top: 3px solid var(--accent-amber) !important; }
/* Read the basket, measurement, source and contribution without knowing model jargon. */
.canonical-readable-trail { padding: 1.25rem; background: var(--bg-card,#fff); border-radius: .8rem; color: var(--text-primary,#243247); font-size: .9rem; line-height: 1.65; }
.canonical-readable-trail > section, .canonical-readable-trail > .canonical-component-list { margin-block-start: 1.4rem; }
.canonical-readable-trail p { margin: .5rem 0; }
.canonical-readable-trail h4 { margin: .25rem 0; font-size: 1.3rem; line-height: 1.3; }
.canonical-readable-trail h5 { margin: 0 0 .5rem; font-size: 1.05rem; }
.canonical-readable-trail h6 { margin: 1rem 0 .4rem; font: 700 .9rem/1.4 var(--font-main,inherit); }
.canonical-readable-trail .canonical-note { font-size: .8rem; }
.canonical-trail-intro { display: grid; grid-template-columns: minmax(0,1fr) minmax(190px,.45fr); gap: 1.5rem; align-items: start; }
.canonical-family-result { padding: 1rem; border: 1px solid var(--border-subtle,#cad7e4); border-radius: .8rem; background: rgba(14,125,168,.06); }
.canonical-family-result > span { display:block; font-size: .78rem; font-weight:600; }
.canonical-family-result > strong { display:block; color: var(--accent-cyan,#0e7da8); font-size: 2rem; font-variant-numeric: tabular-nums; }
.canonical-family-result strong small { font-size: .9rem; margin-inline-start: .25rem; }
.canonical-family-result p { font-size: .78rem; line-height:1.5; }
.canonical-basket-scroll { overflow-x: auto; border: 1px solid var(--border-subtle,#cad7e4); border-radius:.7rem; }
.canonical-basket-table { width:100%; border-collapse:collapse; font-size:.82rem; table-layout:fixed; min-width:730px; }
.canonical-basket-table th,.canonical-basket-table td { text-align:start; vertical-align:top; padding:.8rem; border-bottom:1px solid var(--border-subtle,#cad7e4); }
.canonical-basket-table thead { background:rgba(14,125,168,.06); }
.canonical-basket-table thead th { font-weight:600; line-height:1.45; }
.canonical-basket-table th:first-child { width:28%; }
.canonical-basket-table th:last-child { width:18%; }
.canonical-basket-table tbody tr:last-child > * { border-bottom:0; }
.canonical-basket-table small,.canonical-dimension-family > summary small { display:block; color:var(--text-muted,#64748b); font-size:.76rem; font-weight:400; margin-top:.25rem; }
.canonical-use-state { display:inline-block; padding:.15rem .4rem; border-radius:.3rem; line-height:1.4; }
.canonical-use-state.is-used { background:rgba(5,150,105,.08); }
.canonical-use-state.is-missing { background:rgba(217,119,6,.08); }
.canonical-readable-trail .canonical-data-note { padding:.65rem .85rem; border-inline-start:3px solid var(--accent-amber,#d97706); background:rgba(217,119,6,.06); font-size:.82rem; }
.canonical-readable-trail .canonical-group-formula { padding:.65rem 0; }
.canonical-readable-trail .canonical-group-formula bdi { display:block; padding-top:.3rem; font-variant-numeric:tabular-nums; font-weight:600; }
.canonical-readable-trail .canonical-weight-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; }
.canonical-weight-grid > div { border:1px solid var(--border-subtle,#cad7e4); border-radius:.6rem; padding:.7rem .9rem; }
.canonical-readable-trail dt { font-size:.79rem; line-height:1.45; color:var(--text-muted,#64748b); }
.canonical-readable-trail dd { font-size:.9rem; padding-top:.25rem; }
.canonical-weight-grid dd { font-size:1.25rem; font-weight:700; font-variant-numeric:tabular-nums; }
.canonical-contribution-total { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:.3rem 1rem; margin-top:.7rem; border-top:1px solid var(--border-subtle,#cad7e4); padding-top:.65rem; }
.canonical-contribution-total > p { font-variant-numeric:tabular-nums; }
.canonical-component-list { display:grid; gap:1rem; }
.canonical-readable-trail .canonical-readable-component { margin:0; padding:1.1rem; border:1px solid var(--border-subtle,#cad7e4); border-radius:.8rem; background:var(--bg-card,#fff); }
.canonical-readable-component > header { display:flex; gap:1rem; justify-content:space-between; align-items:baseline; border-bottom:1px solid var(--border-subtle,#cad7e4); padding-bottom:.5rem; }
.canonical-component-id { color:var(--text-muted,#64748b); font-size:.75rem; white-space:nowrap; }
.canonical-readable-trail .canonical-reading-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-block:1rem; }
.canonical-reading-grid .canonical-raw-value,.canonical-reading-grid .canonical-converted-score { font-size:1.25rem; font-weight:700; line-height:1.4; }
.canonical-reading-grid .canonical-converted-score { color:var(--accent-cyan,#0e7da8); }
.canonical-readable-trail .canonical-source-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem 1.5rem; }
.canonical-span-all { grid-column:1/-1; }
.canonical-readable-source { border-block:1px solid var(--border-subtle,#cad7e4); padding-bottom:1rem; }
.canonical-source-url,.canonical-readable-trail code { overflow-wrap:anywhere; white-space:normal; font-size:.78rem; }
.canonical-source-method,.canonical-measure-formula { font-size:.83rem; }
.canonical-readable-trail .canonical-anchor-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; background:rgba(14,125,168,.04); border-radius:.5rem; padding:.7rem; }
.canonical-number-equation { overflow-wrap:anywhere; font-variant-numeric:tabular-nums; text-align:start; padding:.6rem; background:rgba(14,125,168,.04); border-radius:.5rem; }
.canonical-component-contribution { margin-top:1rem; padding:.7rem; background:rgba(14,125,168,.05); border-radius:.5rem; }
.canonical-component-technical,.canonical-terms { margin-top:1rem; border:1px solid var(--border-subtle,#cad7e4); border-radius:.5rem; padding:.65rem .8rem; font-size:.82rem; }
.canonical-component-technical summary,.canonical-terms summary { cursor:pointer; font-weight:600; }
.canonical-component-technical[open] summary,.canonical-terms[open] summary { margin-bottom:.6rem; }
.canonical-readable-trail .canonical-component-technical dl,.canonical-readable-trail .canonical-terms dl { grid-template-columns:minmax(0,1fr); gap:.7rem; }
.canonical-readable-trail summary:focus-visible,.canonical-basket-scroll:focus-visible { outline:2px solid var(--accent-cyan,#0e7da8); outline-offset:3px; }
.canonical-dimension-basket-heading { font-size:.85rem; }
@media(max-width:760px) {
  .canonical-readable-trail { padding:.75rem; font-size:.86rem; }
  .canonical-trail-intro { grid-template-columns:minmax(0,1fr); gap:.6rem; }
  .canonical-family-result { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:.2rem .8rem; }
  .canonical-family-result > strong { grid-column:2; grid-row:1/3; }
  .canonical-family-result p { margin:0; }
  .canonical-readable-trail .canonical-reading-grid,.canonical-readable-trail .canonical-source-grid { grid-template-columns:minmax(0,1fr); gap:.75rem; }
  .canonical-readable-component > header { flex-wrap:wrap; gap:.25rem; }
  .canonical-readable-trail .canonical-readable-component { padding:.8rem; }
  .canonical-readable-trail .canonical-weight-grid { grid-template-columns:minmax(0,1fr); }
  .canonical-readable-trail .canonical-anchor-grid { grid-template-columns:minmax(0,1fr); }
}
[dir="rtl"] .canonical-timeline-controls > button { transform: scaleX(-1); }
@media(max-width:760px) {
  .canonical-dimensions-expanded .canonical-dimensions > ol, .canonical-highlights { grid-template-columns: minmax(0,1fr); }
  .canonical-country .canonical-country-visuals { grid-template-columns: minmax(0,1fr); }
  .canonical-country .canonical-country-banner { display: grid; grid-template-columns: minmax(0,1fr); }
  .canonical-score-hero { max-width: none; }
  .canonical-country .country-detail-facts > span { min-width: 0; flex: 1 1 100px; }
}