/* Rooms (2026-10-25): every section between the opening photograph and the ending is a solid room, dark navy and
   white in turn, from edge to edge. The navy is the site's one navy, the menu bar's #0C121D, as are the opening
   photograph's ground, the next practice's band and the footer, so every navy on the page is one colour. The navy
   rooms carry white words and white buttons; the photographs stay black and white. It takes over from Dusk (the page
   fading to navy while one chapter held the screen): the rooms are navy from the start, so nothing changes colour as
   the page scrolls.
   Home: Who we are, Why Praxus and Research are navy (the statement, What we do and the Globe stay white).
   Practice pages and About: every second section, the first one after the opening photograph white. */

/* the pages' colours, as Dusk gave them by day (the practice pages have no --paper of their own) */
:is(.mn,.pp,.px){--paper:#FFFFFF;--text:#2E3A4B;--mute:#5D6B7E;--rule:#D5DBE3;--dim:#A7B0BC;--wash:#F3F4F6;--tab:#6B7684}

/* the navy rooms */
:is(.mn > :is(#who-we-are,#why,#research),.pp > section:nth-of-type(even),.practice-content.px > :nth-child(even)){
  --paper:#0C121D;--ink:#FFFFFF;--text:rgba(255,255,255,.84);--mute:rgba(255,255,255,.64);--dim:rgba(255,255,255,.38);--tab:rgba(255,255,255,.5);
  --rule:rgba(255,255,255,.24);--wash:rgba(255,255,255,.08);
  background:var(--paper);color:var(--text)}

/* surfaces the older rules paint plain white follow their room */
.pp{background:var(--paper)}
.pp .v2-film{background:var(--paper)}
.px .stmt{background:var(--paper)}
.px .stmt p{color:var(--ink)}
.practice-content.px > :nth-child(even) .chap__body{color:var(--text)}

/* the solid buttons take their room's colours: navy with white words in a white room, white with navy words in a
   navy one; the keyboard's focus ring follows the room too */
.mn :is(.hm-btn,.hm-btn:is(:hover,:focus-visible)),.mn .res__b:not(:disabled),.pp .car__b:not(:disabled){background:var(--ink);color:var(--paper)}
.mn > #research .res__b:disabled{background:var(--wash);color:var(--dim)}
.mn .hm-btn:focus-visible,.pp .xp__a:focus-visible{outline-color:var(--ink)}

/* where the colour changes, each room keeps its own space: the statement's foot, the top of home's Research and of
   its ending, the top of the practice pages' Research */
.mn #research{padding-top:120px}
.mn .hm-band.band--stmt .over{padding-bottom:150px}
.home-stats-page .end>.end__inv{padding-top:110px}
.pp .pp-res{padding-top:128px}

@media (max-width:900px){
  .mn #research{padding-top:72px}
  .mn .hm-band.band--stmt .over{padding-bottom:84px}
  .home-stats-page .end>.end__inv{padding-top:72px}
}
@media (max-width:760px){
  .pp .pp-res{padding-top:84px}
}
