/* „Ce acoperă rapoartele instituțiilor” (institution-kpis.html): the six themes of an institution's report, in the site's layout.
   Colours are the site's GOV.UK tokens (brand.css); flat surfaces, square corners. */
.ik-page{padding:40px 0 72px;color:var(--gv-ink)}
.ik-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;border:1px solid var(--gv-line);background:var(--gv-alt)}
.ik-principles li{padding:18px 20px;border-right:1px solid var(--gv-line);color:var(--gv-muted);font-size:15px;line-height:1.5}
.ik-principles li:last-child{border-right:0}
.ik-principles b{display:block;color:var(--gv-ink);font-weight:700}
.ik-section{margin-top:48px}
.ik-section h2{margin:0 0 10px;color:var(--gv-ink);font-size:27px;line-height:1.25;letter-spacing:-.01em}
.ik-section-intro{max-width:72ch;margin:0 0 20px;color:var(--gv-muted);font-size:17px;line-height:1.6}
.ik-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--gv-line);border-left:1px solid var(--gv-line)}
.ik-kpi{min-width:0;padding:20px;border-right:1px solid var(--gv-line);border-bottom:1px solid var(--gv-line);background:#fff}
.ik-kpi-head{display:flex;align-items:flex-start;gap:12px}
.ik-number{display:grid;place-items:center;flex:0 0 32px;height:32px;border:2px solid var(--gv-ink);color:var(--gv-ink);font:700 13px/1 var(--ig-mono)}
.ik-kpi h3{margin:4px 0 0;color:var(--gv-ink);font-size:19px;line-height:1.35}
.ik-formula{margin:14px 0 10px;padding:10px 12px;overflow-wrap:anywhere;border-left:4px solid var(--gv-brand);background:var(--gv-alt);color:var(--gv-ink);font:14px/1.5 var(--ig-mono)}
.ik-kpi p{margin:10px 0 0;color:var(--gv-muted);font-size:16px;line-height:1.55}
.ik-kpi .ik-need{color:var(--gv-ink)}
.ik-callout{padding:20px 24px;border-left:5px solid var(--gv-brand);background:var(--gv-alt)}
.ik-callout h2{font-size:21px}
.ik-callout p{max-width:72ch;margin:0;color:var(--gv-ink);font-size:17px;line-height:1.6}
.ik-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 0;margin:16px 0 0;padding:0;list-style:none}
.ik-flow li{display:flex;align-items:center}
.ik-flow li>span{padding:8px 12px;border:1px solid var(--gv-line);background:#fff;color:var(--gv-ink);font:15px/1.4 var(--ig-mono)}
.ik-flow li:is(:first-child,:last-child)>span{border-color:var(--gv-ink);background:var(--gv-ink);color:#fff}
/* The arrows are drawn, and hidden from screen readers: the ordered list already says the order. */
.ik-flow li+li::before{margin:0 10px;color:var(--gv-brand);font-weight:700;content:"→";content:"→"/""}
.ik-foot{margin:40px 0 0;padding-top:16px;border-top:1px solid var(--gv-line);color:var(--gv-muted);font:14px/1.6 var(--ig-mono)}
@media(max-width:700px){
 .institution-kpis-page :is(.brand-shell,.sitebar-in){width:calc(100% - 32px)}
 .ik-page{padding:28px 0 56px}
 .ik-principles,.ik-grid{grid-template-columns:1fr}
 .ik-principles li{border-right:0;border-bottom:1px solid var(--gv-line)}
 .ik-principles li:last-child{border-bottom:0}
 .ik-section{margin-top:36px}
 .ik-section h2{font-size:24px}
 .ik-flow{flex-direction:column;align-items:flex-start;gap:6px}
 .ik-flow li{flex-direction:column;align-items:flex-start;gap:6px}
 .ik-flow li+li::before{margin:0 0 0 14px;content:"↓";content:"↓"/""}
}