/* /mof/opinii/schimbarea-guvernului (ADR-0116 A13, A14; gov-change spec-c, direction C
   "Harta posturilor").
   Adds to site.css; overrides nothing of it. One ink, the site's type and tokens. Every
   section: the question (h2), one finding sentence, the data, the rest in a closed details. */

main section.gc > h2 { margin-bottom: var(--half); }   /* the top margin is the site's heading rule */

/* The finding: the one sentence the reader keeps. One size up from the body, the figures bold. */
.finding { margin: 0 0 var(--half); max-width: var(--measure); font-size: 1.125rem; line-height: 1.75rem; }  /* at every width (spec § 2) */
.finding b { font-weight: 700; font-variant-numeric: tabular-nums; }

/* The rest, folded: a closed details; its summary is the one control of the section. */
details.more { margin: var(--line) 0 0; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
details.more > summary { min-height: 44px; padding: .5625rem 0; cursor: pointer; font-weight: 600; line-height: 1.5rem; }
details.more > summary:hover { background: var(--hover); }
details.more[open] > summary { border-bottom: 1px solid var(--rule); margin-bottom: var(--half); }
details.more > :last-child { margin-bottom: var(--line); }
details.more > h3:first-of-type { margin-top: var(--half); }
details.more p { max-width: var(--measure); }

/* A quantity bar: width = n / m of the row; the text beside it says the same figure. */
.q, ul.qs li { display: grid; grid-template-columns: minmax(0, 1fr); gap: .125rem; margin: .375rem 0 0; font-size: .875rem; line-height: 1.25rem; }
ul.qs { margin: 0; padding: 0; list-style: none; }
ul.qs li + li { margin-top: .375rem; }
.q .b, .qs .b { display: block; height: .625rem; width: calc(var(--n) / var(--m) * 100%); min-width: 2px; background: var(--ink); }
.q .t, .qs .t { color: var(--ink-2); }
.q .t b, .qs .t b { color: var(--ink); font-weight: 700; font-variant-numeric: tabular-nums; }
@media (forced-colors: active) { .q .b, .qs .b { background: CanvasText; } }

/* A share bar: two segments of one row, the first filled, the second outlined; text under. */
.share { margin: .375rem 0 0; max-width: var(--measure); font-size: .875rem; line-height: 1.25rem; }
.share .row { display: flex; height: .75rem; gap: 2px; }
.share .seg { flex: var(--n) 1 0; min-width: 2px; border: 2px solid var(--ink); background: var(--ink); }
.share .seg.rest { background: var(--paper); }
.share .t { display: block; margin-top: .125rem; color: var(--ink-2); }
.share .t b { color: var(--ink); font-weight: 700; font-variant-numeric: tabular-nums; }
@media (forced-colors: active) { .share .seg { border-color: CanvasText; background: CanvasText; } .share .seg.rest { background: Canvas; } }

/* People lists. Every person: name (link), post, then kind, act and day. */
ul.names, ul.gc-run, ol.gov { margin: 0; padding: 0; list-style: none; }
ul.names li { margin: 0; padding: .5rem 0; border-top: 1px solid var(--rule); font-size: .9375rem; line-height: 1.375rem; }
ul.names li + li { margin-top: 0; }
ul.names li > a:first-child { display: inline-block; padding: .6875rem 0; margin: -.6875rem 0; }  /* 22 px line + 2 × 11 px = 44 px */
.names .post, .names .ref, .gov .post { display: block; color: var(--ink-2); font-size: .8125rem; line-height: 1.25rem; }
/* The running list: names in text, the post after each, one semicolon between people. */
ul.gc-run { max-width: 80ch; font-size: .9375rem; line-height: 1.5rem; margin: .25rem 0 0; }
ul.gc-run li { display: inline; margin: 0; }
ul.gc-run li::after { content: "; "; }
ul.gc-run li:last-child::after { content: "."; }
.gc-run .post, .gc-run .ref { color: var(--ink-2); font-size: .875em; }
.gc-run .post::before { content: ", "; }
.gc-run .ref::before { content: " ("; }
.gc-run .ref::after { content: ")"; }
/* Decree 818: the nineteen, numbered as in the decree. */
ol.gov { list-style: decimal; padding-left: 3ch; max-width: var(--measure); }
ol.gov li { margin: 0; padding: .25rem 0; font-size: .9375rem; line-height: 1.375rem; }
ol.gov li + li { margin-top: 0; }
ol.gov b { font-weight: 600; }
@media (min-width: 768px) { ol.gov { columns: 2; column-gap: 4ch; max-width: none; } ol.gov li { break-inside: avoid; } }

/* Moves: one person, two or three acts, the arrow between them. */
ul.moves { margin: var(--half) 0 0; padding: 0; list-style: none; }
ul.moves > li { margin: 0; padding: .625rem 0; border-top: 1px solid var(--rule); }
ul.moves > li + li { margin-top: 0; }
.moves .who { font-weight: 600; }
.moves .who a { display: inline-block; padding: .625rem 0; margin: -.625rem 0; }
.moves .who .k { font-weight: 400; color: var(--ink-2); font-size: .875rem; }
ol.path { margin: .25rem 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: .25rem 1ch; font-size: .875rem; line-height: 1.25rem; }
ol.path li { margin: 0; flex: 1 1 100%; min-width: 0; }
ol.path li + li { margin-top: 0; }
ol.path li + li::before { content: "→ "; font-weight: 700; }
ol.path time { color: var(--ink-2); }
ol.path .post { color: var(--ink-2); }
@media (min-width: 768px) { ol.path li { flex: 1 1 18rem; } ol.path li + li::before { content: "→ "; } }

/* The dated key list of section 1 (the monitor's "tranzitie" items). */
ul.dates { margin: var(--half) 0 0; padding: 0; list-style: none; max-width: var(--measure); }
ul.dates li { display: grid; grid-template-columns: 6ch minmax(0, 1fr); column-gap: 1.5ch; margin: 0; padding: .375rem 0; border-top: 1px solid var(--rule); font-size: .9375rem; line-height: 1.375rem; }
ul.dates li + li { margin-top: 0; }
ul.dates time { color: var(--ink-2); font-size: .875rem; }
ul.dates .ref { display: block; color: var(--ink-2); font-size: .8125rem; line-height: 1.25rem; }

/* Section 7: the gaps, a plain list; the glossary of act types, a definition list. */
.gaps ul { max-width: var(--measure); }
dl.gloss { margin: var(--half) 0 0; max-width: var(--measure); }
dl.gloss dt { font-weight: 600; margin-top: var(--half); }
dl.gloss dd { margin: 0; color: var(--ink-2); font-size: .9375rem; line-height: 1.375rem; }

.gc .bar { margin-top: var(--half); }

/* Section head: the h2 and the finding run the full content width, the same width as the
   rooms and bars under them (founder, 31.10). */
.gc > .finding { max-width: none; }

/* One column on a phone, two from 768. A room keeps its cell when it opens: it grows in
   height only (align-items: start), so the rooms beside it stay where they are and only the
   rows below move down. The two largest rooms are always full-width, last. */
.plan { display: grid; grid-template-columns: minmax(0, 1fr); gap: .5rem; margin: var(--half) 0 0; align-items: start; }
@media (min-width: 768px) { .plan { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; } }
details.room { margin: 0; border: 1px solid var(--rule); }
details.room.wide { grid-column: 1 / -1; }
details.room[open] { border-color: var(--ink); }
details.room > summary { display: block; min-height: 44px; padding: .5rem .625rem; cursor: pointer; list-style: none; }
details.room > summary::-webkit-details-marker { display: none; }
details.room > summary:hover { background: var(--hover); }
details.room > summary:focus-visible { outline: 3px solid var(--ink); outline-offset: -3px; }
.room .lbl { display: block; font-size: .8125rem; line-height: 1.125rem; font-weight: 600; }
.room .bars { display: grid; gap: 3px; margin-top: .375rem; }
.room .bars span { display: block; height: .5rem; width: calc(var(--n) / var(--m) * 100%); min-width: 2px; box-sizing: border-box; }
.room .bars .out { background: var(--ink); }
.room .bars .in { border: 2px solid var(--ink); background: var(--paper); }
.room .bars .n0 { min-width: 0; border: 0; }
/* The open room: the two lists, out and in; side by side only in a full-width room from 768. */
.room .io { padding: 0 .625rem .75rem; display: grid; gap: var(--half); }
@media (min-width: 768px) { .room.wide .io { grid-template-columns: 1fr 1fr; gap: var(--line); } }
.room h4 { margin: var(--half) 0 .25rem; font-size: .9375rem; line-height: 1.375rem; }
.room h4 b { font-weight: 700; font-variant-numeric: tabular-nums; }
.room h4 .k { font-weight: 400; color: var(--ink-2); font-size: .8125rem; }
.room ul.names li:first-child { border-top: 0; }
.room p.none { margin: 0; color: var(--ink-2); font-size: .875rem; line-height: 1.25rem; }
.names .post.none { font-style: italic; }
/* The plan's key: what a bar is; the two swatches, then the scale on its own line. */
.plan-key { margin: .375rem 0 0; color: var(--ink-2); font-size: .8125rem; line-height: 1.25rem; display: flex; flex-wrap: wrap; gap: .25rem 1.5ch; align-items: center; }
.plan-key .scale { flex-basis: 100%; max-width: var(--measure); }
.plan-key .sw { display: inline-block; width: 2rem; height: .5rem; box-sizing: border-box; vertical-align: middle; margin-right: .5ch; }
.plan-key .sw.out { background: var(--ink); }
.plan-key .sw.in { border: 2px solid var(--ink); background: var(--paper); }
/* Signers as rooms: four bars of acts, the figure beside each. */
.signers { margin: var(--half) 0 0; }
@media (forced-colors: active) { .room .bars .out, .plan-key .sw.out { background: CanvasText; } .room .bars .in, .plan-key .sw.in { border-color: CanvasText; background: Canvas; } details.room { border-color: CanvasText; } }
/* The open room's sub-list: the rows whose post is missing from the data, after the rows with a post. */
.room h5.sub { margin: var(--half) 0 .25rem; font-size: .875rem; line-height: 1.25rem; font-weight: 600; color: var(--ink-2); }
/* This page's own period bar (spec § 3.5): a day signed by both governments is its own cell on the
   government row, between the two governments, with no name; the segment under it carries the date only. */
.bar .b-gov td.both { border-left: 2px dashed var(--ink); padding: 0; }
/* Bar widths: .n0 to .n255 and the scales .m1 to .m255 (govchange.mjs WIDTH_MAX). */
.n0{--n:0}.n1{--n:1}.n2{--n:2}.n3{--n:3}.n4{--n:4}.n5{--n:5}.n6{--n:6}.n7{--n:7}.n8{--n:8}.n9{--n:9}.n10{--n:10}.n11{--n:11}.n12{--n:12}.n13{--n:13}.n14{--n:14}.n15{--n:15}.n16{--n:16}.n17{--n:17}.n18{--n:18}.n19{--n:19}.n20{--n:20}.n21{--n:21}.n22{--n:22}.n23{--n:23}.n24{--n:24}.n25{--n:25}.n26{--n:26}.n27{--n:27}.n28{--n:28}.n29{--n:29}.n30{--n:30}.n31{--n:31}.n32{--n:32}.n33{--n:33}.n34{--n:34}.n35{--n:35}.n36{--n:36}.n37{--n:37}.n38{--n:38}.n39{--n:39}.n40{--n:40}.n41{--n:41}.n42{--n:42}.n43{--n:43}.n44{--n:44}.n45{--n:45}.n46{--n:46}.n47{--n:47}.n48{--n:48}.n49{--n:49}.n50{--n:50}.n51{--n:51}.n52{--n:52}.n53{--n:53}.n54{--n:54}.n55{--n:55}.n56{--n:56}.n57{--n:57}.n58{--n:58}.n59{--n:59}.n60{--n:60}.n61{--n:61}.n62{--n:62}.n63{--n:63}.n64{--n:64}.n65{--n:65}.n66{--n:66}.n67{--n:67}.n68{--n:68}.n69{--n:69}.n70{--n:70}.n71{--n:71}.n72{--n:72}.n73{--n:73}.n74{--n:74}.n75{--n:75}.n76{--n:76}.n77{--n:77}.n78{--n:78}.n79{--n:79}.n80{--n:80}.n81{--n:81}.n82{--n:82}.n83{--n:83}.n84{--n:84}.n85{--n:85}.n86{--n:86}.n87{--n:87}.n88{--n:88}.n89{--n:89}.n90{--n:90}.n91{--n:91}.n92{--n:92}.n93{--n:93}.n94{--n:94}.n95{--n:95}.n96{--n:96}.n97{--n:97}.n98{--n:98}.n99{--n:99}.n100{--n:100}.n101{--n:101}.n102{--n:102}.n103{--n:103}.n104{--n:104}.n105{--n:105}.n106{--n:106}.n107{--n:107}.n108{--n:108}.n109{--n:109}.n110{--n:110}.n111{--n:111}.n112{--n:112}.n113{--n:113}.n114{--n:114}.n115{--n:115}.n116{--n:116}.n117{--n:117}.n118{--n:118}.n119{--n:119}.n120{--n:120}.n121{--n:121}.n122{--n:122}.n123{--n:123}.n124{--n:124}.n125{--n:125}.n126{--n:126}.n127{--n:127}.n128{--n:128}.n129{--n:129}.n130{--n:130}.n131{--n:131}.n132{--n:132}.n133{--n:133}.n134{--n:134}.n135{--n:135}.n136{--n:136}.n137{--n:137}.n138{--n:138}.n139{--n:139}.n140{--n:140}.n141{--n:141}.n142{--n:142}.n143{--n:143}.n144{--n:144}.n145{--n:145}.n146{--n:146}.n147{--n:147}.n148{--n:148}.n149{--n:149}.n150{--n:150}.n151{--n:151}.n152{--n:152}.n153{--n:153}.n154{--n:154}.n155{--n:155}.n156{--n:156}.n157{--n:157}.n158{--n:158}.n159{--n:159}.n160{--n:160}.n161{--n:161}.n162{--n:162}.n163{--n:163}.n164{--n:164}.n165{--n:165}.n166{--n:166}.n167{--n:167}.n168{--n:168}.n169{--n:169}.n170{--n:170}.n171{--n:171}.n172{--n:172}.n173{--n:173}.n174{--n:174}.n175{--n:175}.n176{--n:176}.n177{--n:177}.n178{--n:178}.n179{--n:179}.n180{--n:180}.n181{--n:181}.n182{--n:182}.n183{--n:183}.n184{--n:184}.n185{--n:185}.n186{--n:186}.n187{--n:187}.n188{--n:188}.n189{--n:189}.n190{--n:190}.n191{--n:191}.n192{--n:192}.n193{--n:193}.n194{--n:194}.n195{--n:195}.n196{--n:196}.n197{--n:197}.n198{--n:198}.n199{--n:199}.n200{--n:200}.n201{--n:201}.n202{--n:202}.n203{--n:203}.n204{--n:204}.n205{--n:205}.n206{--n:206}.n207{--n:207}.n208{--n:208}.n209{--n:209}.n210{--n:210}.n211{--n:211}.n212{--n:212}.n213{--n:213}.n214{--n:214}.n215{--n:215}.n216{--n:216}.n217{--n:217}.n218{--n:218}.n219{--n:219}.n220{--n:220}.n221{--n:221}.n222{--n:222}.n223{--n:223}.n224{--n:224}.n225{--n:225}.n226{--n:226}.n227{--n:227}.n228{--n:228}.n229{--n:229}.n230{--n:230}.n231{--n:231}.n232{--n:232}.n233{--n:233}.n234{--n:234}.n235{--n:235}.n236{--n:236}.n237{--n:237}.n238{--n:238}.n239{--n:239}.n240{--n:240}.n241{--n:241}.n242{--n:242}.n243{--n:243}.n244{--n:244}.n245{--n:245}.n246{--n:246}.n247{--n:247}.n248{--n:248}.n249{--n:249}.n250{--n:250}.n251{--n:251}.n252{--n:252}.n253{--n:253}.n254{--n:254}.n255{--n:255}
.m1{--m:1}.m2{--m:2}.m3{--m:3}.m4{--m:4}.m5{--m:5}.m6{--m:6}.m7{--m:7}.m8{--m:8}.m9{--m:9}.m10{--m:10}.m11{--m:11}.m12{--m:12}.m13{--m:13}.m14{--m:14}.m15{--m:15}.m16{--m:16}.m17{--m:17}.m18{--m:18}.m19{--m:19}.m20{--m:20}.m21{--m:21}.m22{--m:22}.m23{--m:23}.m24{--m:24}.m25{--m:25}.m26{--m:26}.m27{--m:27}.m28{--m:28}.m29{--m:29}.m30{--m:30}.m31{--m:31}.m32{--m:32}.m33{--m:33}.m34{--m:34}.m35{--m:35}.m36{--m:36}.m37{--m:37}.m38{--m:38}.m39{--m:39}.m40{--m:40}.m41{--m:41}.m42{--m:42}.m43{--m:43}.m44{--m:44}.m45{--m:45}.m46{--m:46}.m47{--m:47}.m48{--m:48}.m49{--m:49}.m50{--m:50}.m51{--m:51}.m52{--m:52}.m53{--m:53}.m54{--m:54}.m55{--m:55}.m56{--m:56}.m57{--m:57}.m58{--m:58}.m59{--m:59}.m60{--m:60}.m61{--m:61}.m62{--m:62}.m63{--m:63}.m64{--m:64}.m65{--m:65}.m66{--m:66}.m67{--m:67}.m68{--m:68}.m69{--m:69}.m70{--m:70}.m71{--m:71}.m72{--m:72}.m73{--m:73}.m74{--m:74}.m75{--m:75}.m76{--m:76}.m77{--m:77}.m78{--m:78}.m79{--m:79}.m80{--m:80}.m81{--m:81}.m82{--m:82}.m83{--m:83}.m84{--m:84}.m85{--m:85}.m86{--m:86}.m87{--m:87}.m88{--m:88}.m89{--m:89}.m90{--m:90}.m91{--m:91}.m92{--m:92}.m93{--m:93}.m94{--m:94}.m95{--m:95}.m96{--m:96}.m97{--m:97}.m98{--m:98}.m99{--m:99}.m100{--m:100}.m101{--m:101}.m102{--m:102}.m103{--m:103}.m104{--m:104}.m105{--m:105}.m106{--m:106}.m107{--m:107}.m108{--m:108}.m109{--m:109}.m110{--m:110}.m111{--m:111}.m112{--m:112}.m113{--m:113}.m114{--m:114}.m115{--m:115}.m116{--m:116}.m117{--m:117}.m118{--m:118}.m119{--m:119}.m120{--m:120}.m121{--m:121}.m122{--m:122}.m123{--m:123}.m124{--m:124}.m125{--m:125}.m126{--m:126}.m127{--m:127}.m128{--m:128}.m129{--m:129}.m130{--m:130}.m131{--m:131}.m132{--m:132}.m133{--m:133}.m134{--m:134}.m135{--m:135}.m136{--m:136}.m137{--m:137}.m138{--m:138}.m139{--m:139}.m140{--m:140}.m141{--m:141}.m142{--m:142}.m143{--m:143}.m144{--m:144}.m145{--m:145}.m146{--m:146}.m147{--m:147}.m148{--m:148}.m149{--m:149}.m150{--m:150}.m151{--m:151}.m152{--m:152}.m153{--m:153}.m154{--m:154}.m155{--m:155}.m156{--m:156}.m157{--m:157}.m158{--m:158}.m159{--m:159}.m160{--m:160}.m161{--m:161}.m162{--m:162}.m163{--m:163}.m164{--m:164}.m165{--m:165}.m166{--m:166}.m167{--m:167}.m168{--m:168}.m169{--m:169}.m170{--m:170}.m171{--m:171}.m172{--m:172}.m173{--m:173}.m174{--m:174}.m175{--m:175}.m176{--m:176}.m177{--m:177}.m178{--m:178}.m179{--m:179}.m180{--m:180}.m181{--m:181}.m182{--m:182}.m183{--m:183}.m184{--m:184}.m185{--m:185}.m186{--m:186}.m187{--m:187}.m188{--m:188}.m189{--m:189}.m190{--m:190}.m191{--m:191}.m192{--m:192}.m193{--m:193}.m194{--m:194}.m195{--m:195}.m196{--m:196}.m197{--m:197}.m198{--m:198}.m199{--m:199}.m200{--m:200}.m201{--m:201}.m202{--m:202}.m203{--m:203}.m204{--m:204}.m205{--m:205}.m206{--m:206}.m207{--m:207}.m208{--m:208}.m209{--m:209}.m210{--m:210}.m211{--m:211}.m212{--m:212}.m213{--m:213}.m214{--m:214}.m215{--m:215}.m216{--m:216}.m217{--m:217}.m218{--m:218}.m219{--m:219}.m220{--m:220}.m221{--m:221}.m222{--m:222}.m223{--m:223}.m224{--m:224}.m225{--m:225}.m226{--m:226}.m227{--m:227}.m228{--m:228}.m229{--m:229}.m230{--m:230}.m231{--m:231}.m232{--m:232}.m233{--m:233}.m234{--m:234}.m235{--m:235}.m236{--m:236}.m237{--m:237}.m238{--m:238}.m239{--m:239}.m240{--m:240}.m241{--m:241}.m242{--m:242}.m243{--m:243}.m244{--m:244}.m245{--m:245}.m246{--m:246}.m247{--m:247}.m248{--m:248}.m249{--m:249}.m250{--m:250}.m251{--m:251}.m252{--m:252}.m253{--m:253}.m254{--m:254}.m255{--m:255}