:root{--ink:#1b2d43;--muted:#65758a;--blue:#235fa4;--line:#dde4ed;--paper:#fff;--bg:#f5f7fb;--sidebar:248px}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 'Segoe UI',Arial,sans-serif}
a{color:inherit}
button,input,select{font:inherit}
button,a,input,select{touch-action:manipulation}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.45}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #468ee0;outline-offset:3px}
.skip{position:fixed;left:260px;top:-60px;background:white;padding:12px;z-index:100}
.skip:focus{top:8px}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#132b49;color:#c7d3e3;padding:31px 20px;display:flex;flex-direction:column;z-index:5}
.brand{text-decoration:none;display:flex;align-items:center;gap:13px;color:white}
.brand-mark{font:bold 37px Georgia,serif;background:#234365;width:54px;height:54px;line-height:49px;text-align:center;border:1px solid #42658a;border-radius:8px}
.brand-mark span{color:#8bbcf4}
.brand strong{font-size:23px;letter-spacing:2px}
.brand small{display:block;font-size:9px;letter-spacing:3px;color:#a1b4cc}
.institutional{font-size:12px;color:#a1b4cc;margin:25px 3px 39px;line-height:1.6}
.nav-label{font-size:9px;letter-spacing:1.4px;color:#a0b3cd;margin:0 10px 12px}
nav{display:grid;gap:5px}
nav a{display:flex;gap:11px;align-items:center;text-decoration:none;padding:11px 12px;border-radius:6px;font-size:12px}
nav a:hover{background:#203f62}
nav a.active{background:#244e7e;color:#fff;box-shadow:inset 3px 0 #82b7f0}
.nav-icon{width:19px;font-size:18px;text-align:center;color:#aec5e3}
.sidebar-bottom{margin-top:auto;border-top:1px solid #38516e;padding:22px 8px 0;font-size:11px;color:#d2dfef}
.sidebar-bottom small{display:block;margin-top:9px;color:#b0c0d6;line-height:1.8}
.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8bbcf4;margin-right:6px}
.workspace{margin-left:var(--sidebar)}
.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:11px;gap:16px}
.top-context{font-size:9px;letter-spacing:1px;color:var(--muted)}
.top-separator{color:#b0bec2;padding:0 17px}
.text-link{color:var(--blue);text-decoration:none;font-size:11px;font-weight:600}
.text-link:hover{text-decoration:underline}
main{max-width:1540px;margin:auto;padding:37px 38px 55px;min-height:calc(100vh - 145px)}
.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--blue);text-transform:uppercase;margin:0 0 13px}
.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:26px}
h1{font:normal clamp(28px,3vw,40px)/1.18 Georgia,'Times New Roman',serif;letter-spacing:-.9px;margin:0 0 13px;max-width:780px}
h2{font-size:17px;letter-spacing:-.3px;margin:0}
h3{font-size:15px;line-height:1.5;margin:0 0 10px}
p{margin:0 0 12px}
.intro{color:var(--muted);max-width:710px;font-size:13px;line-height:1.8}
.edition{border-left:1px solid var(--line);padding-left:19px;min-width:140px;font-size:10px;color:var(--muted);margin-top:6px}
.edition strong{display:block;font-size:12px;color:var(--ink);margin:4px 0}
.notice{border:1px solid #e5dcc1;background:#faf8ef;color:#766336;padding:11px 15px;font-size:11px;display:flex;gap:10px;margin-bottom:25px;border-radius:4px}
.notice b{font-size:13px}
.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:30px}
.kpi{padding:20px 19px;background:#fff;border:1px solid var(--line);border-radius:6px}
.kpi-index{font-size:9px;color:#7a8d91;letter-spacing:1px}
.kpi-number{font:normal 36px/1.4 Georgia,serif;letter-spacing:-1px;color:#244970;margin-top:8px}
.kpi-number small{font:17px Georgia,serif;color:#8a9c9f}
.kpi-label{font-size:12px;font-weight:600}
.kpi-caption{font-size:10px;color:var(--muted);margin-top:5px}
.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:15px}
.section-title p{color:var(--muted);font-size:11px;margin:5px 0 0}
.panel{background:#fff;border:1px solid var(--line);border-radius:6px;padding:23px}
.dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin-bottom:28px}
.bar-row{display:grid;grid-template-columns:1fr auto;column-gap:15px;margin:18px 0;font-size:11px}
.bar-row strong{font-size:12px}
.track{height:5px;background:#edf1f7;grid-column:1/-1;margin-top:9px;overflow:hidden;border-radius:3px}
.bar-fill{background:#3f79bc;height:100%;border-radius:3px}
.panel-note{border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font-size:10px}
.coverage-number{font:50px Georgia,serif;color:var(--blue);margin:21px 0 10px}
.coverage-number small{font-size:25px;color:#9aa9aa}
.coverage-grid{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0 20px}
.coverage-grid i{height:13px;width:13px;border-radius:2px;background:#447cba}
.coverage-grid i.empty{background:#e5eaf2}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.record-card{padding:21px;background:#fff;border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;min-height:215px}
.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:10px}
.tag{font-size:9px;letter-spacing:.4px;padding:4px 7px;background:#eaf1fc;color:#285c97;border-radius:3px;display:inline-block}
.tag.neutral{color:#61727b;background:#f0f3f5}
.tag.warning{color:#8b681d;background:#f8f1df}
.record-card h3{font-size:13px;font-weight:600}
.record-card p{color:var(--muted);font-size:11px}
.card-bottom{margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.source{font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.link-button{color:var(--blue);background:none;border:0;padding:0;font-size:11px;font-weight:600;white-space:nowrap}
.link-button:hover{text-decoration:underline}
.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:0 0 20px;overflow-x:auto}
.tab{border:0;background:none;padding:12px 14px;color:var(--muted);font-size:12px;white-space:nowrap;border-bottom:2px solid transparent}
.tab.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}
.filters{display:flex;gap:12px;margin-bottom:19px;align-items:end}
.field{display:grid;gap:5px;flex:1}
.field label{font-size:10px;color:var(--muted);font-weight:600}
.field.search{flex:2}
input,select{width:100%;min-height:42px;border:1px solid #cfdadd;background:white;border-radius:4px;padding:9px 12px;color:var(--ink);font-size:12px}
.results-head{display:flex;justify-content:space-between;margin-bottom:14px;color:var(--muted);font-size:11px}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:6px;background:white}
table{border-collapse:collapse;width:100%;text-align:left;min-width:700px}
th{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);background:#f0f4f9;padding:15px 17px;border-bottom:1px solid var(--line)}
td{padding:17px;border-bottom:1px solid #e9eeee;font-size:12px;vertical-align:top}
tr:last-child td{border-bottom:0}
td:first-child{min-width:270px;max-width:530px}
td .sub{display:block;font-size:10px;color:var(--muted);margin-top:5px}
tbody tr:hover{background:#fafbfe}
.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:11px;color:var(--muted)}
.pagination div{display:flex;gap:8px}
.button{border:1px solid #cad8d8;background:#fff;color:var(--ink);padding:8px 13px;border-radius:4px;font-size:11px}
.button:hover:enabled{background:#eaf1fc}
.button.primary{background:var(--blue);color:white;border-color:var(--blue)}
.objective-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:28px}
.objective{background:white;border:1px solid var(--line);padding:21px;border-radius:5px;border-top:3px solid #4b80be}
.objective h3{margin-top:13px}
.objective p{font-size:12px;color:var(--muted)}
.objective .link-button{margin-top:12px}
dialog{border:1px solid var(--line);border-radius:8px;width:min(820px,calc(100% - 30px));max-height:88vh;padding:0;color:var(--ink);box-shadow:0 25px 100px #132b4938}
dialog::backdrop{background:#132b497d;backdrop-filter:blur(3px)}
.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;padding:13px 24px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1px;background:#f4f7fb;position:sticky;top:0}
.icon-button{font-size:25px;background:none;border:0;color:var(--muted)}
#detail-body{padding:28px}
#detail-body h2{font:26px/1.4 Georgia,serif;margin:12px 0 24px}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}
.detail-field{border-top:1px solid var(--line);padding:14px 0;overflow-wrap:anywhere}
.detail-field dt{font-size:10px;color:var(--muted);margin-bottom:6px}
.detail-field dd{font-size:12px;margin:0;white-space:pre-line}
.detail-field.wide{grid-column:1/-1}
footer{border-top:1px solid var(--line);padding:22px 38px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}
.loading,.empty{padding:50px 20px;text-align:center;color:var(--muted)}
.error{padding:25px;border:1px solid #dfc8bf;background:#fff8f3}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}
.flow div{border-left:2px solid #8eadd3;padding:8px 15px}
.flow small{display:block;color:var(--blue);font-size:10px;margin-bottom:8px}
.flow p{font-size:12px;color:var(--muted);margin-top:7px}
@media(min-width:1600px){main{padding-top:45px}
.kpi{padding:25px}
.cards{gap:20px}
}
@media(max-width:1150px){:root{--sidebar:210px}
.sidebar{padding:25px 13px}
main{padding:28px 24px}
.topbar{padding:0 24px}
.kpi-grid{gap:9px}
.kpi{padding:15px 12px}
.kpi-number{font-size:30px}
.cards,.objective-grid{grid-template-columns:repeat(2,1fr)}
.edition{display:none}
.dashboard-grid{grid-template-columns:1.15fr 1fr}
}
@media(max-width:760px){:root{--sidebar:0px}
.sidebar{position:relative;width:100%;padding:17px 18px;display:block}
.brand-mark{width:38px;height:38px;font-size:28px;line-height:35px}
.brand strong{font-size:18px}
.brand small{font-size:8px}
.institutional,.nav-label,.sidebar-bottom{display:none}
nav{display:flex;overflow-x:auto;margin-top:17px;gap:6px}
nav a{white-space:nowrap;padding:8px 10px;font-size:11px}
.nav-icon{display:none}
.workspace{margin-left:0}
.topbar{height:59px;padding:0 18px}
.top-context,.top-separator{display:none}
main{padding:26px 18px 35px}
h1{font-size:31px}
.kpi-grid{grid-template-columns:repeat(2,1fr)}
.kpi:last-child{grid-column:1/-1}
.kpi-number{font-size:34px}
.dashboard-grid,.cards,.objective-grid{grid-template-columns:1fr}
.filters{flex-wrap:wrap}
.field.search{flex:1 0 100%}
.field{min-width:130px}
.detail-grid{grid-template-columns:1fr}
.flow{grid-template-columns:1fr 1fr}
footer{padding:20px 18px;display:block}
footer span{display:block;margin-top:8px}
.topbar .text-link{font-size:10px}
.section-title{align-items:flex-start}
.notice{font-size:10px}
.skip{left:10px}
}


/* Keep the institutional footer reachable on short screens and at browser zoom. */
@media (min-width: 761px) {
  .sidebar { overflow-y: auto; scrollbar-width: thin; scrollbar-color: #7897bc #132b49; }

  .sidebar > * { flex-shrink: 0; }

  .sidebar-bottom { padding-bottom: 8px; }

}

@media (min-width: 761px) and (max-height: 800px) {
  .sidebar { padding-top: 20px; padding-bottom: 20px; }

  .institutional { margin-top: 18px; margin-bottom: 22px; }

  .sidebar-bottom { padding-top: 16px; }

}


/* Navigation groups and strategic scorecard. */
.navigation-group { display: grid; gap: 3px; }
.navigation-heading { padding: 14px 12px 5px; font-size: 9px; letter-spacing: 1.2px; text-transform: uppercase; color: #a0b3cd; }
.sidebar .institutional { margin-bottom: 12px; }
.sidebar-bottom { margin-top: 22px; }
.institution-name { font-size: 11px; color: var(--muted); border-bottom: 1px solid var(--line); padding-bottom: 12px; }
.quality-title { margin-top: 28px; }
.provenance { margin-top: 24px; padding: 16px 0; border-top: 1px solid var(--line); }
.provenance summary { cursor: pointer; font-size: 12px; color: var(--blue); font-weight: 600; }
.provenance > p { margin-top: 12px; }
.board-overview { display: grid; grid-template-columns: 1fr 1.4fr 1fr; gap: 16px; margin-bottom: 30px; }
.board-number { font: 35px/1.4 Georgia, serif; color: #244970; margin-bottom: 10px; }
.board-number small { font: 12px 'Segoe UI', sans-serif; color: var(--muted); }
.board-overview h2 { margin-bottom: 12px; }
.perspectives { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 24px; }
.perspective { text-align: left; border: 1px solid var(--line); border-top: 3px solid #6b96c7; padding: 20px; border-radius: 6px; background: #fff; color: var(--ink); display: flex; flex-direction: column; }
.perspective:hover { border-color: #6495ce; background: #f6f9ff; }
.perspective[aria-pressed='true'] { border-color: var(--blue); box-shadow: 0 0 0 1px var(--blue); background: #edf4ff; }
.perspective strong { display: block; font-size: 14px; margin-bottom: 9px; }
.perspective > span:not(.eyebrow) { color: var(--muted); font-size: 11px; margin-bottom: 20px; }
.perspective small { margin-top: auto; color: var(--blue); font-size: 11px; font-weight: 600; }
.strategic-map { margin-bottom: 30px; }
.strategy-chain { display: flex; align-items: center; gap: 12px; }
.strategy-chain span { flex: 1; border: 1px solid #d8e4f2; background: #f3f7fd; border-radius: 4px; padding: 13px; font-size: 12px; text-align: center; }
.strategy-chain b { color: #7593b4; }
.scorecard table { min-width: 1150px; }
.scorecard th, .scorecard td { padding: 16px 13px; }
.scorecard td:first-child { min-width: 270px; }
.scorecard td:nth-child(2) { min-width: 155px; }
.indicator-code { display: block; color: var(--blue); font-size: 10px; margin-bottom: 6px; }
@media (max-width: 1150px) {
  .perspectives { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .board-overview { grid-template-columns: 1fr 1fr; }
  .board-overview > :last-child { grid-column: 1 / -1; }
  .strategy-chain { flex-wrap: wrap; }
  .strategy-chain span { min-width: 130px; }
}
@media (max-width: 760px) {
  .navigation-group { display: contents; }
  .navigation-heading { display: none; }
  .board-overview, .perspectives { grid-template-columns: 1fr; }
  .board-overview > :last-child { grid-column: auto; }
  .strategy-chain { display: grid; grid-template-columns: 1fr; gap: 6px; }
  .strategy-chain b { text-align: center; transform: rotate(90deg); }
}

/* Administration, account forms and immutable history. */
.top-actions { display: flex; align-items: center; justify-content: flex-end; gap: 22px; min-width: 0; }
.account-link { max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.auth-panel { max-width: 510px; padding: 30px; }
.auth-panel h2 { margin-bottom: 24px; }
.admin-form { display: grid; gap: 17px; }
.admin-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.admin-form-grid .full { grid-column: 1 / -1; }
.admin-form .field { min-width: 0; }
.admin-form input:disabled, .admin-form select:disabled, .admin-form textarea:disabled { background: #f0f3f8; color: #65758a; opacity: 1; }
.admin-form textarea { width: 100%; resize: vertical; border: 1px solid #cfdadd; border-radius: 4px; padding: 11px 12px; font: inherit; font-size: 12px; color: var(--ink); }
.admin-form textarea:focus-visible { outline: 3px solid #468ee0; outline-offset: 3px; }
.admin-form input[type='password'] { font-size: 15px; }
.form-actions { display: flex; gap: 10px; justify-content: flex-end; border-top: 1px solid var(--line); padding-top: 18px; }
.form-error { color: #943e36; background: #fff0ed; border: 1px solid #eac6bf; border-radius: 4px; padding: 11px 14px; font-size: 12px; }
.form-error[hidden], .admin-flash[hidden] { display: none; }
.session-panel { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 18px 22px; background: #eaf1fc; border: 1px solid #d5e2f3; border-radius: 5px; margin-bottom: 24px; }
.session-panel strong { display: block; font-size: 13px; }
.session-panel span { display: block; color: var(--muted); font-size: 11px; margin-top: 4px; }
.admin-flash { background: #edf3ff; border-left: 3px solid var(--blue); padding: 12px 16px; margin-bottom: 20px; font-size: 12px; color: #285c97; }
.admin-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin: 16px 0; }
.admin-toolbar > .filters { flex: 1; margin: 0; }
.admin-toolbar > .button { flex-shrink: 0; margin-top: 19px; }
.role-guide { margin-top: 24px; }
.role-guide p { font-size: 12px; color: var(--muted); margin: 0; line-height: 1.9; }
.account-panel { max-width: 700px; }
.account-panel h3 { margin: 22px 0; }
.account-panel form { max-width: 460px; }
.audit-diff table { min-width: 550px; }
.audit-diff td { overflow-wrap: anywhere; max-width: 250px; }
.audit-diff td:first-child { min-width: 120px; }
@media (max-width: 1150px) {
  .top-context, .top-separator { display: none; }
  .account-link { max-width: 230px; }
  .admin-toolbar { flex-wrap: wrap; }
}
@media (max-width: 760px) {
  .top-actions { gap: 12px; }
  .top-actions > a:first-child { display: none; }
  .account-link { max-width: 200px; }
  .admin-form-grid { grid-template-columns: 1fr; }
  .session-panel { align-items: flex-start; }
  .admin-toolbar > .filters { flex: 1 0 100%; }
  .admin-toolbar > .button { margin-top: 0; }
  .auth-panel { padding: 22px; }
}

/* Project workflow and review workspace. */
.workflow-counts { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin: 22px 0; }
.workflow-count { display: flex; align-items: center; gap: 15px; padding: 17px 20px; border: 1px solid var(--line); border-radius: 5px; background: #fff; color: var(--ink); text-align: left; }
.workflow-count strong { font: 29px Georgia,serif; color: #244970; }
.workflow-count span { font-size: 12px; }
.workflow-count:hover, .workflow-count[aria-pressed='true'] { border-color: #709bd0; background: #eaf1fc; }
.project-version { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 22px; font-size: 11px; color: var(--muted); }
.project-objectives { margin: 0; border: 1px solid var(--line); padding: 16px; border-radius: 4px; }
.project-objectives legend { color: var(--muted); font-size: 11px; padding: 0 6px; }
.project-objectives label { display: flex; align-items: flex-start; gap: 10px; font-size: 12px; margin: 8px 0; cursor: pointer; }
.project-objectives input { width: 16px; height: 16px; min-height: 0; margin: 3px 0 0; padding: 0; flex-shrink: 0; accent-color: var(--blue); }
.project-evidence { border-top: 1px solid var(--line); padding-top: 22px; margin-top: 8px; }
.evidence-entry { display: grid; gap: 12px; border: 1px solid var(--line); border-radius: 5px; padding: 17px; margin-bottom: 13px; background: #f8faff; }
.evidence-heading { display: flex; align-items: center; justify-content: space-between; font-size: 11px; color: var(--blue); }
.project-review-actions { display: flex; flex-wrap: wrap; gap: 12px; border-top: 1px solid var(--line); margin-top: 24px; padding-top: 22px; align-items: center; }
.project-review-actions .source { flex-basis: 100%; }
.review-note { padding: 15px 18px; border-left: 3px solid #b98b35; background: #fff8e9; font-size: 12px; margin-bottom: 22px; }
.review-note p { margin: 7px 0 0; white-space: pre-wrap; }
.project-history { border-top: 1px solid var(--line); margin-top: 24px; padding-top: 18px; }
.project-history summary { cursor: pointer; color: var(--blue); font-size: 12px; }
.project-event { padding: 17px 0; border-bottom: 1px solid var(--line); font-size: 12px; }
.project-event p { margin: 5px 0 10px; white-space: pre-wrap; }
.project-diff > div { padding: 10px 0; border-top: 1px solid var(--line); }
.project-diff dt { font-size: 10px; color: var(--muted); }
.project-diff dd { margin: 5px 0 0; font-size: 11px; }
.project-diff dd span { display: block; white-space: pre-wrap; overflow-wrap: anywhere; margin: 5px 0; }
.audit-diff td { white-space: pre-wrap; }
@media (max-width: 760px) {
  .workflow-counts { grid-template-columns: repeat(2,1fr); }
  .workflow-count { padding: 14px; }
  .project-review-actions { align-items: stretch; flex-direction: column; }
  #project-form .form-actions { flex-wrap: wrap; }
}
.publication-note { padding: 10px 13px; background: #eaf1fc; color: #285c97; border-left: 3px solid var(--blue); font-size: 11px; margin: 15px 0; }

/* Linked catalogues, measurements and evidence-backed dashboard. */
.relations { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.relations select { min-height: 110px; }
.json-diff { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 11px; background: #f5f7fb; padding: 15px; border: 1px solid var(--line); border-radius: 4px; }
.signal { display: inline-flex; align-items: center; gap: 6px; font-size: 10px; padding: 4px 8px; border-radius: 4px; background: #edf1f7; color: #56677f; }
.signal::before { content: ''; height: 6px; width: 6px; border-radius: 50%; background: #8d9fb6; }
.signal.good { background: #edf4ff; color: #235fa4; }
.signal.good::before { background: #3576c5; }
.signal.warning { background: #fff5df; color: #805c19; }
.signal.warning::before { background: #b5852d; }
.signal.critical { background: #fff0ed; color: #963f37; }
.signal.critical::before { background: #b65549; }
.measurement-series { border-top: 1px solid var(--line); margin-top: 24px; padding-top: 20px; }
.measurement-chart { display: block; width: 100%; max-height: 240px; background: #f8faff; border: 1px solid var(--line); border-radius: 5px; margin: 15px 0; }
.measurement-chart text { font: 10px 'Segoe UI',sans-serif; fill: #65758a; }
.chart-axis { stroke: #b9c7da; stroke-width: 1; }
.trend-line { stroke: #3576c5; stroke-width: 2.5; fill: none; }
.trend-point { fill: #235fa4; stroke: white; stroke-width: 1; }
.evidence-entry label { display: grid; gap: 5px; font-size: 11px; color: var(--muted); }
@media (max-width: 760px) { .relations { grid-template-columns: 1fr; } }