/* A text-based, responsive diagram of governance review and feedback. */
.about-governance .governance-figure{margin:32px 0 36px}
.governance-map{background:var(--carbon);color:var(--paper);padding:30px 26px}
.governance-map h3{font:400 26px/1.2 var(--sans);letter-spacing:-.03em;margin:0 0 28px;color:var(--paper)}
.governance-map h4{font:500 15px/1.35 var(--sans);margin:0;color:var(--iris)}
.governance-feedback{position:relative;padding-left:20px}
.governance-feedback::before{content:"";position:absolute;inset:12px auto 12px 0;width:12px;border-left:1px solid var(--citron);border-block:1px solid var(--citron)}
.governance-feedback::after{content:"";position:absolute;left:8px;top:9px;width:6px;height:6px;border-top:1px solid var(--citron);border-right:1px solid var(--citron);transform:rotate(45deg)}
.governance-arrangements{padding:18px;border:1px solid #625d79}
.governance-arrangements h4{color:var(--paper);margin-bottom:16px}
.governance-arrangements ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
.governance-arrangements li{min-width:0}
.governance-arrangements strong{display:block;font:500 15px/1.4 var(--sans);color:var(--iris);margin-bottom:4px}
.governance-arrangements span{display:block;font:400 14px/1.45 var(--sans);color:#d0ccd9}
.about-governance .governance-connection{font:400 14px/1.5 var(--sans);color:#d0ccd9;margin:18px 0;display:flex;gap:12px;align-items:center}
.governance-connection>span{font-size:24px;color:var(--iris);flex:none}
.governance-review{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}
.governance-review li{position:relative;min-width:0;padding-top:14px;border-top:1px solid var(--iris)}
.governance-review li+li::before{content:"→";position:absolute;left:-20px;top:12px;color:var(--iris);font:400 18px/1.4 var(--sans)}
.about-governance .governance-review p{font:400 14px/1.5 var(--sans);color:#d0ccd9;margin:8px 0 0}
.about-governance .governance-return{font:400 14px/1.5 var(--sans);color:var(--citron);margin:24px 0 0}
.about-governance .governance-focus{border-top:1px solid #494652;margin:24px 0 0;padding-top:20px;color:var(--paper);font:400 16px/1.5 var(--sans)}
.governance-focus>span{display:block;font:400 14px/1.5 var(--sans);color:var(--citron);margin-bottom:6px}
.governance-figure figcaption{font:400 14px/1.55 var(--sans);color:var(--muted);margin-top:14px}
.governance-entry-points h3{font:500 20px/1.3 var(--sans);letter-spacing:-.02em;margin:0 0 20px}
.governance-entry-points dl{margin:0}
.governance-entry-points dl>div{padding:16px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:24px}
.governance-entry-points dt{font:500 15px/1.5 var(--sans);color:var(--ink)}
.governance-entry-points dd{font:400 16px/1.5 var(--sans);color:var(--muted);margin:0}
.about-governance .governance-context{font:400 14px/1.6 var(--sans);color:var(--muted);margin:24px 0 0}
@media(max-width:600px){
  .governance-map{padding:26px 20px}
  .governance-map h3{font-size:24px}
  .governance-arrangements{padding:16px}
  .governance-arrangements ul{gap:18px}
  .governance-review{grid-template-columns:1fr;gap:32px}
  .governance-review li+li::before{content:"↓";left:0;top:-29px}
  .governance-review h4{font-size:17px}
  .about-governance .governance-review p{font-size:16px}
  .governance-entry-points dl>div{grid-template-columns:1fr;gap:6px}
}
@media(max-width:360px){.governance-arrangements ul{grid-template-columns:1fr}}
@media print{.governance-figure{break-inside:avoid}.governance-map{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
