/* site-ui003 A2 (Koley, 2 Oct): the data pages fill wide screens. build.js step 4z2c puts body class "widepage" + this file on them.
   The page box grows from 1180 px to 2400 px (fills a 2560 screen), and the blocks that were held at 980 px (cards, tables, lists, forms, boards, KPIs)
   use the width. Long-text pages (terms, privacy, guides) are not "widepage" and keep a readable line length. */
@media (min-width: 1100px) {
  body.widepage .main .wrap { max-width: 2400px; }
  body.widepage .main .wrap :is(.card2, .xform, .xlist, .xempty, .lockcard, .grid3, .kpis, .tbl2, .cpyrow, .eumap, .eusrc, .xtable, .steps,
    .lockmore, .learnlock, .urlbox, .stabs, .spane, .term, .pgrid, .coform, .colist, .cohead, .cotabs, .cosec, .awhead, .awkpi, .awtime, .boards) { max-width: none; }
  body.widepage .nt { max-width: none; }
  body.widepage :is(.bf, #pwrap, .dgrp, .dsum, .trlist) { max-width: none; } /* account / briefs cards (52em), the profile editor (860 px), data tables (1100 px), favorites list (980 px) */
}
@media (min-width: 1500px) {
  /* several .bf cards in one box (briefs: the three briefs; account: account + company profile) sit side by side instead of one narrow stack */
  body.widepage :not([hidden]):has(> section.bf + section.bf) { display: grid; grid-template-columns: repeat(auto-fit, minmax(560px, 1fr)); gap: 20px; align-items: start; }
  body.widepage :has(> section.bf + section.bf) > :not(section.bf) { grid-column: 1 / -1; }
  body.widepage :has(> section.bf + section.bf) > section.bf { margin: 0; }
  /* account (#acin): the account card in a narrow left column, the company profile wide on the right (spanning rows), the other cards under the account card */
  body.widepage #acin:not([hidden]):has(> section.bf + section.bf) { grid-template-columns: minmax(380px, 32%) minmax(0, 1fr); grid-auto-flow: row dense; }
  body.widepage #acin:not([hidden]):has(> section.bf + section.bf) > section.bf:nth-of-type(2) { grid-column: 2; grid-row: span 4; }
  /* the profile editor (#pform inside #pwrap): its sections two per row; anything that is not a section (the save bar) runs across */
  body.widepage #pform:not([hidden]) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; align-items: start; }
  body.widepage #pform:not([hidden]) > :not(section.pcard) { grid-column: 1 / -1; }
}
/* notice.html: the cards in columns (wide.js moves them; one column below 1500 px, in the page's own order) */
.ntcols { display: flex; gap: 20px; align-items: flex-start; }
.ntcols > .ntcol { flex: 1 1 0; min-width: 0; }
.ntcols.n2 > .ntcol.c1 { flex: 0 0 36%; }
.ntcols.n3 > .ntcol.c1, .ntcols.n3 > .ntcol.c3 { flex: 0 0 27%; }
.ntcols > .ntcol > section { max-width: none; }
.ntcols > .ntcol > section.card { margin-top: 0; }
/* notice.html: the incumbent / price and flags boxes are <section>s inserted inside the Documents card; the page's generic marketing rule
   (section { padding: 96px 0; border-bottom }) gave them a 96 px blank band at the top of the card. They are not page sections: no padding. */
#ntprice, #ntflags { padding: 0; border-bottom: 0; }
/* account.html: the loose "Search contracts / Sign out" row and "Wrong account?" line at the end of #acin repeat the account card's own
   Log out / Wrong account? and the profile's "Search contracts that fit my profile" (Koley 3 Oct: duplicate row). The cards keep theirs. */
#acin > p.bcta, #acin > p.note2 { display: none; }