:root{font-family:Arial,sans-serif;color:#203d4d;background:#f6f8f8}*{box-sizing:border-box}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.shell{display:flex;min-height:100vh}.side{width:248px;background:#153344;color:#fff;padding:30px 15px;position:sticky;top:0;height:100vh;flex-shrink:0}.brand{font-size:23px;font-weight:800;padding:0 14px;margin-bottom:43px}.brand b{color:#8fc651}.brand small{display:block;font-size:10px;letter-spacing:1.5px;color:#b9cbd3;margin-top:7px}.nav{display:grid;gap:6px}.nav button{border:0;background:transparent;color:#c3d3d8;border-radius:7px;padding:14px;text-align:left;display:flex;align-items:center;gap:11px;font-size:13px}.nav button.active{background:#2b5361;color:white;border-left:3px solid #91c654}.side-note{position:absolute;bottom:28px;font-size:11px;line-height:1.8;color:#b7cbd1;padding:14px;border:1px solid #496675;border-radius:8px;left:15px;right:15px}.main{flex:1;min-width:0}.top{height:74px;background:white;border-bottom:1px solid #e1e8e9;display:flex;justify-content:space-between;align-items:center;padding:0 40px;font-size:13px;font-weight:700}.demo{font-size:10px;color:#619a38;background:#edf5e8;padding:9px 12px;border-radius:5px;letter-spacing:.6px}.body{padding:38px 40px;max-width:1550px;margin:auto}.head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}.eyebrow{font-size:10px;color:#6ca143;font-weight:800;letter-spacing:1.2px}.head h1{font-size:28px;letter-spacing:-.8px;margin:9px 0;color:#193e4e}.muted{font-size:12px;color:#85959c;line-height:1.5}.selects{display:flex;gap:10px;flex-wrap:wrap}.selects label{font-size:11px;color:#85939a;display:grid;gap:7px}.selects select{border:1px solid #dae4e6;border-radius:5px;padding:10px 12px;background:#fff;color:#284958;min-width:130px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:26px 0 31px}.stat,.panel,.leader,.option{background:#fff;border:1px solid #e1e9eb;border-radius:9px;padding:21px}.stat .label{color:#758993;font-size:12px;font-weight:700}.stat .value{font-size:29px;color:#214657;font-weight:800;margin:16px 0 7px}.section{margin:30px 0 14px;display:flex;align-items:center;justify-content:space-between;gap:15px}.section h2,.panel h2{font-size:17px;font-weight:800;margin-bottom:5px}.leader-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.leader{min-height:165px}.leader .circle{width:30px;height:30px;border-radius:50%;background:#e9f4e4;display:grid;place-items:center;color:#57973b;font-weight:800;margin-bottom:15px}.leader label{font-size:12px;color:#8c9ca3;font-weight:700}.leader strong{font-size:25px;color:#1c4351;display:block;margin:8px 0}.leader span{font-size:12px;color:#689e42;font-weight:800}.cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{margin-bottom:20px}.panel p{font-size:12px;color:#84959d}.line{border-top:1px solid #eef1f2;display:flex;justify-content:space-between;padding:14px 0;font-size:12px;gap:12px}.line strong{color:#2d8150}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th,td{padding:14px;text-align:left;border-bottom:1px solid #edf1f2}th{background:#f7f9f9;color:#84949a;font-size:10px;text-transform:uppercase;letter-spacing:.5px}td{color:#536b75}td:first-child{font-weight:800;color:#284a57}.good{color:#579f45;font-weight:800}.bad{color:#c28c3c;font-weight:800}.chip{display:inline-block;border-radius:4px;padding:5px 8px;background:#eef6e9;color:#56973a;font-size:10px;font-weight:800}.chip.warn{background:#fff5e1;color:#b98836}.chip.gray{background:#eef2f2;color:#819399}.button{border:0;border-radius:6px;padding:12px 17px;display:inline-flex;gap:8px;align-items:center;justify-content:center;background:#7fb84b;color:#fff;font-weight:800;font-size:12px}.button.outline{background:#fff;color:#396172;border:1px solid #cddbdc}.actions{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0}.notice{border:1px solid #e7d8b7;background:#fff9eb;border-radius:7px;padding:16px;margin:15px 0;color:#896c37;font-size:12px;line-height:1.6}.notice p{margin:6px 0}.company-title{background:#204557;color:white;border-radius:8px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:14px}.company-title h2{font-size:23px;margin:8px 0}.company-title .muted{color:#bed2d7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#637782;margin:12px 0}.field input{border:1px solid #dbe6e8;border-radius:5px;padding:9px;text-align:right;min-width:0;width:145px;color:#244957}.option{flex:1}.option h3{font-size:16px;font-weight:800;margin:10px 0}.option p{font-size:12px;line-height:1.6;color:#81949c;min-height:50px}.option .button{margin-top:12px}.inputline{border:1px solid #d9e5e6;border-radius:5px;padding:11px;font-size:12px;color:#234958}.adminform{display:flex;gap:8px;flex-wrap:wrap}.linkbtn{border:0;background:transparent;color:#629d44;font-size:12px;font-weight:800}.footer{padding:30px 0;font-size:10px;text-align:center;color:#94a5ab}.statusline{display:flex;align-items:center;gap:8px}.empty{text-align:center;padding:34px;color:#85959c;font-size:13px}.flag{font-size:11px;color:#9ca6ab;margin-top:4px;display:block}.bar{height:5px;background:#e6efeb;border-radius:4px;overflow:hidden;margin-top:12px}.bar span{display:block;background:#8abd55;height:100%}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.leader-grid{grid-template-columns:repeat(2,1fr)}.body{padding:28px 22px}}@media(max-width:720px){.shell{display:block}.side{position:static;width:100%;height:auto;padding:15px}.brand{margin:0 0 14px}.side-note{display:none}.nav{display:flex;overflow-x:auto}.nav button{white-space:nowrap;padding:9px;font-size:11px}.top{height:56px;padding:0 15px}.body{padding:25px 14px}.head{display:block}.head h1{font-size:24px}.selects{margin-top:17px}.cols,.leader-grid,.form-grid{grid-template-columns:1fr}.company-title{flex-wrap:wrap}.stats{gap:9px}.stat{padding:14px}.stat .value{font-size:24px}}

:root{--iu-navy:#242261;--iu-green:#8bc53f}
.side{background:#fff;border-right:1px solid #e1e5ed;color:var(--iu-navy)}
.brand{font-size:0;height:119px;padding:0;margin-bottom:22px;background-image:url('/member-assets/integrateu-logo.png');background-position:center top;background-size:contain;background-repeat:no-repeat}
.brand b{display:none}
.brand small{font-size:10px;color:#667080;letter-spacing:1.6px;text-align:center;position:relative;top:70px}
.nav button{color:#535574;font-weight:700}
.nav button:hover{background:#f4f6f8}
.nav button.active{background:#eef5e8;color:var(--iu-navy);border-left:3px solid var(--iu-green)}
.side-note{color:#717893;border-color:#d9deea;background:#f9fafc}
.top{color:var(--iu-navy)}
.head h1,.section h2,.panel h2{color:var(--iu-navy)}
.eyebrow{color:#679f37}
.button{background:var(--iu-green);color:#1d3950}
.button.outline{background:#fff;color:var(--iu-navy)}
.leader strong,.stat .value{color:var(--iu-navy)}
.company-title{background:var(--iu-navy)}
.company-title h2{color:#fff}
.company-title .eyebrow{color:#a9d474}
.chip{color:#538e31}
@media(max-width:720px){.brand{background-position:left center;width:190px;height:75px;margin-bottom:10px}.brand small{top:56px;text-align:left;font-size:8px}.side{border-right:0;border-bottom:1px solid #e1e5ed}}

/* Member roundtable: information-dense, calm presentation. Operational counters stay in Admin. */
.body:has(.leader-grid)>.stats{display:none}
.body:has(.leader-grid)>.section{margin-top:8px;margin-bottom:12px}
.body:has(.leader-grid)>.head{margin-bottom:23px}
.body:has(.leader-grid)>.head h1{font-size:26px;letter-spacing:-1px;font-weight:750}
.body:has(.leader-grid)>.head .muted{font-size:12px}
.leader-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.leader:nth-child(4){display:none}
.leader{padding:16px 15px;min-height:125px;border:1px solid #e9ebef;box-shadow:0 2px 12px rgb(36 34 97 / 3%);border-radius:12px}
.leader .circle{display:none}
.leader label{font-size:11px;white-space:nowrap;color:#76838c}
.leader strong{font-size:22px;margin:6px 0 7px;letter-spacing:-.5px}
.leader span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;color:#5d9340}
.body:has(.leader-grid)>.cols{margin-top:16px!important}
.body:has(.leader-grid)>.cols .panel{padding:17px 20px;margin-bottom:16px}
.body:has(.leader-grid)>.cols .line{padding:10px 0}
.body:has(.leader-grid)>.panel{padding:18px;margin-bottom:12px}
.body:has(.leader-grid)>.panel th,.body:has(.leader-grid)>.panel td{padding:10px 12px}
.body:has(.leader-grid)>.section h2{font-size:15px}
.body:has(.leader-grid)>.cols .panel h2{font-size:14px}
.body:has(.leader-grid)>.cols .panel p{font-size:11px}
.top{box-shadow:0 1px 4px rgb(36 34 97 / 2%)}
@media(max-width:1280px){.leader-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.leader-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leader{min-height:112px;padding:13px}.leader strong{font-size:20px}.body:has(.leader-grid)>.head{margin-bottom:15px}}

/* Presentation-first navigation: no permanent operational sidebar. */
.presentation-shell .main{width:100%}
.presentation-top{height:88px;padding:0 clamp(24px,5vw,82px);position:relative;z-index:10}
.presentation-identity{display:flex;align-items:center;gap:22px;min-width:0}
.presentation-identity img{display:block;width:205px;height:auto;max-height:70px;object-fit:contain}
.presentation-identity span{border-left:1px solid #e0e4eb;padding-left:22px;font-size:11px;letter-spacing:2px;font-weight:800;color:#77789b;white-space:nowrap}
.presentation-actions{display:flex;align-items:center;gap:17px}
.persona-select{display:flex;flex-direction:column;gap:4px;font-size:9px;color:#8c95a0;letter-spacing:.3px}
.persona-select select{border:1px solid #e0e5ea;border-radius:6px;padding:8px 9px;font-size:11px;font-weight:750;background:white;color:var(--iu-navy)}
.workspace-anchor{position:relative}
.workspace-trigger{display:flex;align-items:center;gap:9px;border:1px solid #dce3e8;border-radius:8px;background:#fff;color:var(--iu-navy);padding:11px 14px;font-weight:800;font-size:12px}
.workspace-trigger:hover,.workspace-trigger[aria-expanded="true"]{background:#f3f7f0;border-color:#cbdcbb}
.workspace-trigger span{font-size:17px;color:#8ba79c;margin-left:3px}
.workspace-menu{position:absolute;top:calc(100% + 9px);right:0;width:230px;border:1px solid #e0e6e8;border-radius:11px;padding:8px;background:white;box-shadow:0 16px 40px rgb(24 43 54 / 14%)}
.workspace-caption{font-size:9px;color:#9cabb0;font-weight:800;letter-spacing:1.2px;padding:10px 12px}
.workspace-menu button{width:100%;display:flex;align-items:center;gap:11px;text-align:left;border:0;background:white;border-radius:6px;color:#344c5b;font-size:12px;font-weight:700;padding:12px}
.workspace-menu button:hover{background:#eff5eb;color:var(--iu-navy)}
.presentation-shell .body{max-width:1580px;padding:28px clamp(24px,5vw,82px)}
.presentation-shell .footer{color:#9da9b0}
.presentation-shell .head .selects label:nth-child(2){display:none}
@media(max-width:850px){.presentation-top{padding:0 18px}.presentation-identity img{width:155px}.presentation-identity span{font-size:9px;padding-left:12px}.presentation-actions .demo{display:none}.presentation-shell .body{padding:24px 18px}}
@media(max-width:580px){.presentation-top{height:auto;min-height:85px;gap:10px;flex-wrap:wrap;padding:11px 14px}.presentation-identity span{display:none}.presentation-identity img{width:165px}.presentation-actions{gap:8px}.workspace-trigger{padding:9px}.persona-select select{max-width:115px}.presentation-shell .body{padding:20px 12px}}

/* All 12 KPI leaders in a dense two-row outcome strip. */
.leader-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.leader:nth-child(4){display:block}
.leader{min-height:100px;padding:13px 12px;border-radius:10px}
.leader label{font-size:10px;line-height:1.2;white-space:normal;display:block;min-height:22px}
.leader strong{font-size:19px;line-height:1.1;margin:5px 0 7px}
.leader span{font-size:10px}
@media(max-width:1150px){.leader-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.leader-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.leader{min-height:93px;padding:11px}.leader strong{font-size:18px}}
@media(max-width:480px){.leader-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Ultra-compact outcome tiles and searchable, paginated comparisons. */
.leader-grid{gap:7px}
.leader{padding:9px 11px;min-height:77px;border-radius:8px}
.leader label{min-height:0;font-size:10px;color:#78858b}
.leader strong{font-size:18px;margin:4px 0;letter-spacing:-.4px}
.leader span{font-size:9px}
.body:has(.comparison-modern)>.panel:not(.comparison-modern){display:none}
.comparison-modern{padding:18px!important}
.comparison-heading{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:13px}
.comparison-heading h2{margin-bottom:5px}
.comparison-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:15px}
.comparison-search{display:grid;gap:5px;flex:1;min-width:220px;color:#798a92;font-size:10px;font-weight:800}
.comparison-search input{border:1px solid #d9e2e7;border-radius:6px;padding:10px 12px;color:var(--iu-navy);font-size:12px;outline-color:var(--iu-green);width:100%}
.company-picker-wrap{position:relative}
.picker-button{height:37px;display:flex;align-items:center;gap:15px;border:1px solid #d9e2e7;background:white;border-radius:6px;padding:0 12px;color:#425d69;font-weight:750;font-size:11px}
.picker-button span{color:#8ca0a9}
.company-picker{position:absolute;top:calc(100% + 7px);right:0;width:250px;z-index:5;background:white;border:1px solid #dce5e8;border-radius:8px;box-shadow:0 14px 34px rgb(32 51 60 / 13%);padding:12px}
.picker-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--iu-navy);margin-bottom:8px}
.picker-heading button{border:0;background:none;color:#629e3c;font-size:11px;font-weight:800}
.picker-options{display:grid;gap:2px;max-height:245px;overflow:auto}
.picker-options label{display:flex;align-items:center;gap:9px;padding:8px 4px;color:#526a74;font-size:11px}
.picker-options input{accent-color:var(--iu-green)}
.page-size-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#87939b;font-weight:700}
.page-size-label select{height:37px;border:1px solid #d9e2e7;border-radius:6px;background:white;padding:0 9px;color:var(--iu-navy);font-weight:800}
.comparison-footer{border-top:1px solid #edf1f2;display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:13px;margin-top:4px;font-size:11px;color:#82919a}
.page-controls{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.page-controls button{border:1px solid #e0e6e8;background:#fff;color:#456270;border-radius:5px;padding:7px 10px;font-size:10px;font-weight:750}
.page-controls button:hover:not(:disabled){background:#edf5e9}
.page-controls span{padding:0 8px;font-weight:750;color:var(--iu-navy)}
@media(max-width:720px){.comparison-footer{flex-direction:column;align-items:start}.company-picker{right:auto;left:0}.comparison-search{min-width:100%}}

/* Keep the complete 12-KPI overview in exactly two rows at desktop widths. */
@media(min-width:801px){
  .leader-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .leader{min-width:0;padding:9px 8px}
  .leader label,.leader span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(min-width:801px) and (max-width:1050px){
  .presentation-shell .body{padding-left:22px;padding-right:22px}
  .leader-grid{gap:6px}
  .leader strong{font-size:16px}
  .leader label,.leader span{font-size:9px}
}

/* Less ceremony above the numbers; compact improvement/benchmark sections. */
.presentation-identity img{width:222px;max-height:73px}
.body:has(.leader-grid)>.head{margin-bottom:13px}
.body:has(.leader-grid)>.head h1{margin:3px 0 7px;font-size:25px}
.body:has(.leader-grid)>.section{margin-top:4px;margin-bottom:8px}
.body:has(.leader-grid)>.cols{gap:12px;margin-top:12px!important}
.body:has(.leader-grid)>.cols .panel{padding:12px 18px;margin-bottom:12px}
.body:has(.leader-grid)>.cols .line{padding:7px 0}
.body:has(.leader-grid)>.cols .panel h2{margin:0 0 2px}
.body:has(.leader-grid)>.cols .panel p{margin:0 0 5px}
@media(max-width:850px){.presentation-identity img{width:165px}}

/* Ranked top-three details within each of the twelve KPI tiles. */
.leader{padding:10px 11px;min-height:142px}
.leader label{font-weight:800;font-size:10px;letter-spacing:.1px;margin-bottom:8px}
.leader-places{display:grid;gap:6px}
.leader-place{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0;border-top:1px solid #eef0f3;padding-top:5px}
.leader-place.first{border-top:0;padding-top:0;display:block;margin-bottom:2px}
.place-result{display:flex;align-items:center;gap:6px;flex-shrink:0}
.place-result em{font-style:normal;font-weight:800;font-size:9px;color:#8b999e;background:#edf0f2;width:16px;height:16px;display:grid;place-items:center;border-radius:50%}
.leader-place.first .place-result em{background:#eaf4df;color:#598e32}
.leader-place .place-result strong{font-size:11px;line-height:1;margin:0;color:#465767;font-weight:800}
.leader-place.first .place-result strong{font-size:18px;color:var(--iu-navy);letter-spacing:-.3px}
.leader-place>span{font-size:9px;color:#7e8d94;min-width:0;max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.leader-place.first>span{color:#639443;font-size:10px;margin:5px 0 1px;padding-left:22px;max-width:100%;font-weight:800}
.leader-pending{font-size:10px;color:#9ca5ad;padding:10px 0}
@media(min-width:801px) and (max-width:1050px){.leader{padding:8px 6px}.leader-place .place-result strong{font-size:10px}.leader-place.first .place-result strong{font-size:16px}.leader-place>span{font-size:8px;max-width:65px}}

/* Premium ranking treatment: four wide cards across three rows, with full names. */
.leader-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.leader{border:1px solid #e6e9e8;border-top:3px solid var(--iu-green);border-radius:10px;background:#fff;padding:12px 14px;min-height:163px;box-shadow:0 4px 16px rgb(30 47 55 / 5%)}
.leader label{font-size:11px;color:var(--iu-navy);margin-bottom:7px}
.leader-places{gap:4px}
.leader-place{align-items:start;gap:9px;padding:6px 2px 4px;min-height:29px}
.leader-place.first{background:#f3f9ec;border-radius:6px;padding:8px 9px 7px;margin:0 0 2px}
.leader-place.first .place-result strong{font-size:18px;font-weight:800}
.leader-place.first>span{padding-left:24px;margin:4px 0 0;max-width:none;font-size:11px}
.leader-place .place-result{gap:7px}
.leader-place .place-result strong{font-size:12px}
.leader-place>span{font-size:11px;line-height:1.3;flex:1;max-width:none!important;min-width:0;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;text-align:right}
.leader-place.first>span{text-align:left;overflow-wrap:anywhere;white-space:normal}
.leader-place .place-result em{width:17px;height:17px;font-size:9px;flex-shrink:0}
.leader-place.first .place-result em{background:#e5c46c;color:#654d18}
.leader-place:nth-child(2) .place-result em{background:#dfe5e8;color:#60737b}
.leader-place:nth-child(3) .place-result em{background:#e9d4be;color:#8a5c3a}
@media(min-width:850px){.leader-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:850px) and (max-width:1100px){.leader{padding:11px 9px}.leader-place>span{font-size:10px}.leader-place .place-result strong{font-size:11px}}
@media(max-width:849px){.leader-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:490px){.leader-grid{grid-template-columns:1fr}}

/* Shared compact density for information lists and tables. */
.body:has(.leader-grid)>.cols{margin-top:9px!important;gap:10px}
.body:has(.leader-grid)>.cols .panel{padding:10px 15px;margin-bottom:9px}
.body:has(.leader-grid)>.cols .line{padding:4px 0;min-height:24px;align-items:center}
.body:has(.leader-grid)>.cols .panel h2{font-size:13px;margin-bottom:2px}
.body:has(.leader-grid)>.cols .panel p{font-size:10px;margin:0 0 4px}
.presentation-shell .comparison-modern{padding:13px 15px!important}
.comparison-heading{margin-bottom:8px}
.comparison-heading h2{font-size:14px}
.comparison-heading p{font-size:11px}
.comparison-toolbar{margin-bottom:9px;gap:8px}
.comparison-search input{padding:7px 10px;height:33px}
.picker-button,.page-size-label select{height:33px}
.presentation-shell th,.presentation-shell td{padding:7px 10px;line-height:1.2}
.presentation-shell th{font-size:9px}
.presentation-shell td{font-size:11px}
.comparison-footer{margin-top:0;padding-top:9px}
.page-controls button{padding:5px 8px}
.presentation-shell .panel .line{line-height:1.25}
@media(max-width:720px){.presentation-shell th,.presentation-shell td{padding:7px 8px}.body:has(.leader-grid)>.cols .panel{padding:10px 12px}}

/* Fit all company KPI results on desktop by wrapping comparison headings. */
@media(min-width:850px){
  .comparison-modern .scroll{overflow-x:visible}
  .comparison-modern table{width:100%;min-width:0;table-layout:fixed;white-space:normal}
  .comparison-modern th{font-size:9px;line-height:1.18;white-space:normal;overflow-wrap:normal;word-break:normal;text-align:center;padding:8px 3px}
  .comparison-modern td{font-size:10px;line-height:1.25;white-space:nowrap;text-align:center;padding:8px 3px;letter-spacing:-.1px}
  .comparison-modern th:first-child,.comparison-modern td:first-child{width:148px;text-align:left;padding-left:9px;white-space:normal;overflow-wrap:break-word}
}
@media(min-width:850px) and (max-width:1190px){
  .comparison-modern th{font-size:8px;padding:7px 2px}
  .comparison-modern td{font-size:9px;padding:7px 2px}
  .comparison-modern th:first-child,.comparison-modern td:first-child{width:126px}
}

/* More data above the fold: quiet first-place numbers and shorter ranking rows. */
.leader{min-height:128px;padding:9px 12px}
.leader label{font-size:10px;margin-bottom:5px}
.leader-places{gap:2px}
.leader-place{min-height:22px;padding:4px 2px 3px}
.leader-place.first{padding:6px 8px 5px;margin-bottom:1px}
.leader-place.first .place-result strong{font-size:15px;letter-spacing:-.1px}
.leader-place .place-result strong{font-size:12px}
.leader-place.first>span{margin-top:2px;font-size:10px}
.leader-place>span{font-size:10px}

.workspace-menu a{display:block;padding:12px;color:#242261}.field input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #8bc53f;outline-offset:3px}

/* Compact dashboard cards without reserving empty ranking slots. */
.leader{min-height:0;padding:9px 12px}
.leader-grid{align-items:start}
.leader-places{margin-bottom:0}
.stat{padding:15px 18px}
.stat .value{margin:10px 0 5px}
@media(max-width:720px){.stat{padding:12px}.leader{min-height:0;padding:9px 10px}}

/* Company resource sheet: readable reference, using the existing visual language. */
.kpi-reference{max-width:1060px;margin:0 auto}
.reference-intro{background:linear-gradient(120deg,#f0f7e9,#fff);border:1px solid #dfe9db;border-radius:14px;padding:26px;margin:0 0 20px}
.reference-intro h2{font-size:30px;letter-spacing:-.7px;color:var(--iu-navy,#242261);margin:10px 0}
.reference-intro p,.reference-content p,.reference-content li{font-size:14px;line-height:1.7;color:#536b75}
.reference-intro nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.reference-intro nav a{padding:9px 13px;border:1px solid #d3dfd5;border-radius:7px;color:#315e33;background:#fff;font-size:12px;font-weight:700;text-decoration:none}
.reference-content>h2{font-size:18px;color:var(--iu-navy,#242261);margin:28px 0 12px}
.reference-content>p{margin:9px 0}.reference-content ul{margin:8px 0 20px;padding-left:24px;columns:2;column-gap:35px}
.reference-content li{break-inside:avoid;margin:3px 0}.reference-content hr{border:0;border-top:1px solid #e0e7e9;margin:27px 0}
.reference-table{padding:0;overflow:hidden}.reference-table table{white-space:normal}.reference-table th,.reference-table td{padding:12px 16px!important;font-size:13px!important;line-height:1.6!important}.reference-table th:first-child{width:30%}
@media(max-width:650px){.reference-intro{padding:20px}.reference-intro h2{font-size:25px}.reference-content ul{columns:1}.reference-table th,.reference-table td{padding:10px!important}.reference-table th:first-child{width:36%}}

.reference-instructions{margin:24px 0;color:#536b75}.reference-instructions h2{font-size:18px;color:var(--iu-navy,#242261)}.reference-instructions p,.reference-instructions li{font-size:14px;line-height:1.7}.reference-instructions ol{padding-left:24px}

.reference-fold{border:1px solid #dfe7e9;border-radius:10px;background:#fff;margin:12px 0;overflow:hidden}
.reference-fold>summary{cursor:pointer;padding:17px 20px;font-size:15px;font-weight:750;color:var(--iu-navy,#242261);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}
.reference-fold>summary::-webkit-details-marker{display:none}
.reference-fold>summary:after{content:'+';font-size:22px;font-weight:400;line-height:1;flex:none;color:#578f36}
.reference-fold[open]>summary:after{content:'−'}
.reference-fold[open]>summary{border-bottom:1px solid #e8eeee;background:#f8fbf6}
.reference-fold>summary:hover{background:#f4f9ef}
.reference-fold>summary:focus-visible{outline:3px solid #78b644;outline-offset:-4px}
.reference-fold-body{padding:8px 20px 18px}.reference-fold-body .reference-fold{background:#fbfcfc}.reference-fold-body .reference-fold>summary{font-size:14px;padding:13px 16px}
.reference-fold-body .reference-table{margin:10px 0}.reference-fold-body h2{font-size:16px;margin:20px 0 10px}
@media(max-width:650px){.reference-fold>summary{padding:15px}.reference-fold-body{padding:6px 13px 14px}.reference-fold-body .reference-fold>summary{padding:12px;font-size:13px}}

/* Outcome card titles match the Top Company Outcomes section heading. */
.leader-grid{--outcome-heading-size:15px}
.body:has(.leader-grid)>.section h2,.leader-grid .leader>label{font-size:15px;font-weight:800;line-height:1.3}
.leader-grid .leader>label{margin-bottom:9px;white-space:normal;overflow-wrap:break-word}