/* board-room.css - the board room (board-room.html). The dashboard's look (rrcc-ui.css tokens, Poppins headings, the RRCC
   red) without the staff navigation. Everything is same-origin: the page's content policy allows no inline style.
   Phone first: one column, 16px side gutters, every control 44px or more, 16px text in every box (so a phone does not
   zoom), nothing wider than the screen. */
:root{
  --br-ink:var(--rr-ink,#171514);--br-body:var(--rr-body-copy,#3d3733);--br-muted:var(--rr-muted,#5d5551);
  --br-line:var(--rr-line,#e5e0dd);--br-line2:var(--rr-line-strong,#d3ccc7);--br-bg:var(--rr-page,#f7f5f4);
  --br-red:var(--rr-red,#b4232b);--br-redsoft:var(--rr-red-soft,#fdf0f0);--br-redline:var(--rr-red-line,#f0cdcd);
  --br-navy:var(--rr-navy,#17233d);--br-blue:var(--rr-blue,#1f4a9c);--br-bluesoft:var(--rr-blue-soft,#edf2fd);--br-blueline:var(--rr-blue-line,#c8d7f5);
  --br-green:var(--rr-green,#186b45);--br-greensoft:var(--rr-green-soft,#e9f4ee);--br-greenline:var(--rr-green-line,#c2e0d0);
  --br-amber:var(--rr-amber,#8a5a12);--br-ambersoft:var(--rr-amber-soft,#fdf3e3);--br-amberline:var(--rr-amber-line,#efd9b4);
  --br-gut:16px;--br-col:760px
}
*{box-sizing:border-box}
body.br-body{margin:0;font-family:var(--rr-body,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif);background:var(--br-bg);color:var(--br-ink);-webkit-text-size-adjust:100%}
body.br-body [hidden]{display:none!important}
.br-body a{color:var(--br-blue)}
.br-body button,.br-body input,.br-body textarea,.br-body select{font-family:inherit}
.br-body :focus-visible{outline:3px solid var(--br-blue);outline-offset:3px}
.br-hdr{height:60px;background:var(--br-navy);color:#fff;display:flex;align-items:center}
.br-hdr .logolink{display:flex;align-items:center;width:100%;max-width:1000px;margin:0 auto;padding:0 var(--br-gut)}
.br-hdr .sitelogo{width:152px;max-height:44px;object-fit:contain;object-position:left;filter:brightness(0) invert(1)}
.br-home-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;border:1px solid var(--br-line2);border-radius:8px;background:var(--br-paper,#fff);padding:4px;margin:-4px 0 22px}
.br-home-tab{border:0;border-bottom:3px solid transparent;border-radius:4px;background:transparent;color:var(--br-muted);font:inherit;font-size:14px;font-weight:600;min-height:48px;min-width:48px;padding:0 8px;cursor:pointer}
.br-home-tab[aria-current="page"]{color:var(--br-navy);border-bottom-color:var(--br-red)}
.br-home-h2{font-size:17px;margin:26px 0 12px;line-height:1.35}
.br-history-search{display:grid;gap:10px;margin:18px 0 12px;align-items:end}
.br-history-search .br-label{margin-top:0}
.br-history-search select{min-height:48px}
.br-history-entry h2{font-size:18px;line-height:1.35;margin:12px 0 8px;overflow-wrap:anywhere}
.br-history-entry .br-acts{margin-top:16px}
.br-history-text summary{cursor:pointer;line-height:1.6;overflow-wrap:anywhere}
.br-history-text .br-words{margin-top:12px}
.br-history-link{min-height:48px;padding:10px 14px;font-size:14px;display:inline-flex;align-items:center;background:var(--br-paper,#fff)}
.br-home-doc{margin:12px 0 0;border-top:1px solid var(--br-line);padding-top:4px}
.br-home-doc>summary{display:flex;align-items:center;gap:10px;min-height:48px;font-size:15px;font-weight:600;cursor:pointer;list-style:none;overflow-wrap:anywhere}
.br-home-doc>summary::-webkit-details-marker{display:none}
.br-home-doc>summary::before{content:"";width:8px;height:8px;border-bottom:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(-45deg);flex:none}
.br-home-doc[open]>summary::before{transform:rotate(45deg)}
.br-meeting-summary{border-left:3px solid var(--br-blue)}
.br-join{margin:12px 0 18px;padding:12px;border:1px solid var(--br-line);border-radius:10px}
.br-join-remote{background:var(--br-greensoft);border-color:var(--br-greenline)}
.br-join .br-btn{color:#fff}
.br-home-app-row{width:100%;text-align:left;font:inherit;cursor:pointer}
.br-home-body{border:0;padding:0;margin:10px 0}
.br-app{background:#fff;border:1px solid var(--br-line);border-radius:14px;margin:0 0 12px;min-width:0}
.br-app>summary{padding:14px;min-height:64px;display:flex;justify-content:space-between;gap:12px;align-items:center;cursor:pointer;list-style:none}
.br-app>summary::-webkit-details-marker{display:none}
.br-app>summary .br-row-title{flex:1;min-width:0}
.br-app-body{border-top:1px solid var(--br-line);padding:16px 14px;min-width:0}
.br-app-body h3{font-size:16px;margin:16px 0 10px}
.br-directory{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.br-directory .br-card{margin:0}
.br-person{display:flex;align-items:flex-start;gap:12px;min-width:0}
.br-person>div{min-width:0;flex:1}
.br-avatar{width:64px;height:64px;border-radius:50%;background:var(--br-bluesoft);color:var(--br-navy);font-weight:700;display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden}
.br-avatar img{width:100%;height:100%;object-fit:cover}
.br-contact{display:flex;align-items:center;min-height:44px;min-width:44px;font-size:14px;overflow-wrap:anywhere}
.br-photo-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.br-photo-row>div{min-width:0;flex:1 1 200px}
.br-file{font:inherit;max-width:100%;min-height:48px;width:100%}
.br-pdf{max-height:70vh;overflow:auto;background:#f2efed;padding:10px;border:1px solid var(--br-line);font-size:14px;margin:8px 0 12px}
.br-pdf canvas{display:block;max-width:100%;width:100%;height:auto;margin:10px 0}
.br-home-answer{padding:12px 0;border-bottom:1px solid var(--br-line)}
.br-home-answer h3{font-size:15px;margin:0 0 6px}
@media(min-width:768px){.br-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.br-home-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.br-home-tab{padding:0 12px}.br-history-search{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.br-app-body{padding:18px 20px}}

/* The header: the dashboard's bar, with the words "Board room" instead of the staff tools. */
.br-hdr .logolink{gap:12px}
.br-tag{margin-left:auto;font:700 12px/1.2 var(--rr-display,Poppins,system-ui,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--rr-header-ink,#fff);opacity:.92;white-space:nowrap}
html.rrcc-ui body .br-hdr .logolink{padding:0 var(--br-gut)}

.br-wrap{display:block;max-width:var(--br-col);margin:0 auto;padding:16px var(--br-gut) 28px;min-width:0}
.br-loading{color:var(--br-muted);padding:32px 0;margin:0}
.br-h1{font-family:var(--rr-display,Poppins,system-ui,sans-serif);font-size:25px;line-height:1.25;font-weight:700;margin:6px 0 10px;overflow-wrap:anywhere}
.br-sub{margin:-4px 0 14px}
.br-muted{color:var(--br-muted);font-size:14px;line-height:1.5}
.br-edreads{color:var(--br-ink);font-size:14px;line-height:1.5;font-weight:600;margin:0 0 10px}
.br-card{background:#fff;border:1px solid var(--br-line);border-radius:16px;padding:16px 14px;margin:0 0 14px;min-width:0}
.br-card h2{font-family:var(--rr-display,Poppins,system-ui,sans-serif);font-size:17px;line-height:1.3;margin:0 0 10px}
.br-card p{margin:0 0 10px;font-size:15px;line-height:1.55;overflow-wrap:anywhere}
.br-card p:last-child{margin-bottom:0}
.br-card p.br-muted{font-size:14px;line-height:1.5}
.br-label{display:block;font-size:14px;font-weight:700;margin:12px 0 6px}

/* Buttons and boxes: 48px targets everywhere on this page (rrcc-ui.css sets buttons to 42px). */
.br-btn{font:inherit;font-size:15px;font-weight:700;min-height:48px;min-width:48px;padding:0 18px;border-radius:12px;border:1px solid var(--br-line2);background:#fff;color:var(--br-ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center;line-height:1.2}
.br-btn.br-primary{background:var(--br-red);border-color:var(--br-red);color:#fff}
.br-btn.br-navy{background:var(--br-navy);border-color:var(--br-navy);color:#fff}
.br-btn.br-ghost{background:transparent}
.br-btn.br-small{font-size:14px;padding:0 14px}
.br-btn[disabled]{opacity:.55;cursor:default}
html.rrcc-ui body .br-btn{min-height:48px}
.br-acts{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:10px 0 0}
.br-coderow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.br-code,.br-mail{font:inherit;font-size:16px;min-height:48px;border:1px solid var(--br-line2);border-radius:10px;padding:0 14px;background:#fff;color:var(--br-ink);max-width:100%}
.br-code{letter-spacing:.2em;width:11em}
.br-proofcode{letter-spacing:.08em;text-transform:uppercase}
.br-mail{flex:1 1 220px;min-width:0}
.br-text{display:block;width:100%;font:inherit;font-size:16px;line-height:1.5;border:1px solid var(--br-line2);border-radius:10px;padding:10px 12px;background:#fff;color:var(--br-ink);min-height:96px;resize:vertical}
html.rrcc-ui body .br-code,html.rrcc-ui body .br-mail{min-height:48px}

/* Messages */
.br-msg{padding:12px 14px;border-radius:12px;font-size:14.5px;line-height:1.5;margin:0 0 14px;overflow-wrap:anywhere}
.br-msg p{margin:0}
.br-msg.br-bad{background:#fdecec;border:1px solid #f3c3c3;color:#8d1c1c}
.br-msg.br-ok{background:var(--br-greensoft);border:1px solid var(--br-greenline);color:#14532d}
/* A vote's receipt, right where the vote was cast (Anthony's ask of 2 November 2026: "the system didnt give feedback it
   counted their vote"). board-room-page.js placeVoteNote draws it from the server's answer; a refusal is the red one. */
.br-receipt{margin:0 0 14px;padding:14px 16px;border-radius:12px;border:2px solid var(--br-green);background:var(--br-greensoft);color:#14532d;font-size:15px;line-height:1.5;overflow-wrap:anywhere;max-width:100%;box-sizing:border-box}
.br-receipt p{margin:0 0 6px}
.br-receipt p:last-child{margin-bottom:0}
.br-receipt .br-receipt-head{font-size:17px;font-weight:700}
.br-receipt.br-receipt-bad{border-color:#b42318;background:#fdecec;color:#8d1c1c}
/* In the guided review's card and the lead card the phone reading rule (.br-body #reviewWalk p, 16px) would win; the
   receipt's first line keeps its 17px there too (review finding 2 of 2 November 2026). */
.br-body :is(#itemHead, #reviewWalk) .br-receipt .br-receipt-head{font-size:17px}
.br-receipt:focus{outline:3px solid var(--br-blue);outline-offset:3px}
.br-msg.br-info{background:var(--br-bluesoft);border:1px solid var(--br-blueline);color:#1b3a78}
.br-msg.br-warn{background:var(--br-ambersoft);border:1px solid var(--br-amberline);color:#4e3409}
.br-msg .br-acts{margin-top:10px}
.br-ok-line{color:#14532d;font-weight:600}
#codeMsg .br-msg,#moveMsg .br-msg,#verifyMsg .br-msg,#proofMsg .br-msg,#sheetMsg .br-msg{margin:10px 0 0}

/* Chips */
.br-chip{display:inline-flex;align-items:center;font-size:12px;font-weight:700;line-height:1.2;border-radius:999px;padding:4px 10px;background:#f1eeec;color:var(--br-muted);border:1px solid var(--br-line);white-space:nowrap}
.br-chip.br-wait{background:var(--br-redsoft);color:var(--br-red);border-color:var(--br-redline)}
.br-chip.br-out{background:var(--br-ambersoft);color:var(--br-amber);border-color:var(--br-amberline)}
.br-chip.br-okchip{background:var(--br-greensoft);color:var(--br-green);border-color:var(--br-greenline)}
.br-chip.br-warnchip{background:var(--br-ambersoft);color:var(--br-amber);border-color:var(--br-amberline)}
.br-id{font-family:var(--rr-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-weight:700;font-size:13px;color:var(--br-muted);letter-spacing:.02em}

/* The list: tabs, the filter, the rows. */
.br-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px;border-bottom:1px solid var(--br-line)}
.br-tab{font:inherit;font-size:15px;font-weight:700;min-height:48px;padding:0 14px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--br-muted);cursor:pointer;text-align:left}
.br-tab[aria-selected="true"]{color:var(--br-ink);border-bottom-color:var(--br-red)}
html.rrcc-ui body .br-tab{min-height:48px;border-radius:0;border-left:0;border-right:0;border-top:0;box-shadow:none}
.br-filter{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.br-pill{font:inherit;font-size:14px;font-weight:700;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--br-line2);background:#fff;color:var(--br-ink);cursor:pointer}
.br-pill[aria-pressed="true"]{background:var(--br-navy);border-color:var(--br-navy);color:#fff}
html.rrcc-ui body .br-pill{min-height:44px}
.br-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.br-row{display:flex;flex-direction:column;gap:4px;padding:14px;background:#fff;border:1px solid var(--br-line);border-radius:14px;color:var(--br-ink);text-decoration:none;min-height:44px;min-width:0}
.br-row:hover{border-color:var(--br-line2);box-shadow:var(--rr-shadow-sm,0 1px 2px rgba(0,0,0,.05))}
.br-row-wait{border-left:4px solid var(--br-red)}
.br-row-top{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.br-row-title{font-family:var(--rr-display,Poppins,system-ui,sans-serif);font-weight:600;font-size:16px;line-height:1.35;overflow-wrap:anywhere}
.br-row-kind{font-size:14px;color:var(--br-body);overflow-wrap:anywhere}
.br-row-due{font-size:13.5px;color:var(--br-muted)}
.br-empty{color:var(--br-muted);background:#fff;border:1px dashed var(--br-line2);border-radius:14px;padding:16px;margin:0}

/* One item */
.br-back{display:inline-flex;align-items:center;gap:4px;min-height:44px;min-width:44px;padding:0 8px 0 0;color:var(--br-blue);font-weight:700;font-size:15px;text-decoration:none}
.br-ico{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.br-fixed{position:sticky;top:var(--rr-stick,0px);z-index:30;background:#fff;border:1px solid var(--br-line);border-left:4px solid var(--br-red);border-radius:14px;padding:10px 14px;margin:4px 0 14px;box-shadow:0 6px 18px rgba(23,21,20,.06)}
.br-fixed p{margin:0 0 4px;font-size:14.5px;line-height:1.45;overflow-wrap:anywhere}
.br-fixed p:last-child{margin-bottom:0}
.br-chips{display:flex;gap:6px;flex-wrap:wrap}
.br-chips .br-chip{white-space:normal;text-align:left}
.br-itemh{display:flex;flex-direction:column;gap:2px}
.br-kind{margin:0 0 8px;font-weight:600;color:var(--br-body);font-size:15px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.br-rule{margin:0 0 8px;font-size:14.5px;line-height:1.5;color:var(--br-body)}
.br-opened{margin:0 0 14px}
.br-words{white-space:pre-wrap;font-size:16px;line-height:1.6;overflow-wrap:anywhere;border-left:3px solid var(--br-line2);padding-left:12px}
.br-doclist{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:8px}
.br-doclist li{display:flex;flex-direction:column;gap:2px;border:1px solid var(--br-line);border-radius:12px;padding:6px 12px 10px;min-width:0}
.br-doclist li.br-old{background:#faf8f7}
.br-doc{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--br-blue);font-weight:700;font-size:15.5px;text-decoration:underline;overflow-wrap:anywhere;min-width:0}
.br-doc span{min-width:0;overflow-wrap:anywhere}
.br-docmeta,.br-changed{font-size:13.5px;color:var(--br-muted);overflow-wrap:anywhere}
.br-changed{color:var(--br-body)}
.br-comment{border-top:1px solid var(--br-line);padding:12px 0 2px;min-width:0}
.br-comment:first-of-type{border-top:0;padding-top:2px}
.br-cmeta{display:flex;gap:6px 10px;flex-wrap:wrap;align-items:center;font-size:14px;margin:0 0 6px;color:var(--br-muted)}
.br-cmeta b{color:var(--br-ink)}
.br-ctext{white-space:pre-wrap;font-size:15.5px;line-height:1.55;overflow-wrap:anywhere}
.br-correction{margin:10px 0 0 12px;padding-left:10px;border-left:3px solid var(--br-blueline)}
.br-cacts{margin-top:8px}
.br-correctbox{margin-top:10px}
.br-withdrawn details{margin:0}
.br-withdrawn summary,.br-other summary,.br-record>summary,.br-addr>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:6px;font-weight:700;list-style:none}
.br-withdrawn summary::-webkit-details-marker,.br-other summary::-webkit-details-marker,.br-record>summary::-webkit-details-marker,.br-addr>summary::-webkit-details-marker{display:none}
.br-withdrawn summary::before,.br-other summary::before,.br-record>summary::before,.br-addr>summary::before{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);margin:0 6px 0 2px;flex:none;transition:transform .15s}
.br-withdrawn details[open]>summary::before,.br-other[open]>summary::before,.br-record[open]>summary::before,.br-addr[open]>summary::before{transform:rotate(45deg)}
.br-withdrawn summary{font-weight:600;color:var(--br-muted);font-size:14.5px;overflow-wrap:anywhere}
.br-mine{font-weight:600;color:var(--br-green);margin:0 0 8px}
.br-votes{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;margin:6px 0 0}
.br-votes>.br-btn{flex:1 1 30%;min-width:88px}
.br-other{flex:1 1 100%}
.br-other summary{font-size:14.5px;color:var(--br-body);width:max-content;max-width:100%}
.br-other p{margin:4px 0 8px}
.br-effect{font-size:14.5px;line-height:1.5;margin:10px 0 0;color:var(--br-body)}
.br-tally{margin:10px 0 0}
.br-under{margin:8px 0 0}
.br-serverline{margin:0 0 4px}
.br-conflict{background:#fbfaf9}
.br-voterlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.br-voterlist li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;border:1px solid var(--br-line);border-radius:10px;padding:8px 10px;font-size:14.5px;min-width:0}
.br-voterlist .br-vaddr{font-family:var(--rr-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:13.5px;overflow-wrap:anywhere}
.br-q{border:0;padding:0;margin:0 0 12px;min-width:0}
.br-q legend{font-size:15px;line-height:1.5;padding:0;margin:0 0 6px;font-weight:600}
.br-yn{display:flex;gap:10px;flex-wrap:wrap}
.br-radio{display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:88px;padding:0 14px;border:1px solid var(--br-line2);border-radius:999px;background:#fff;font-size:15px;cursor:pointer}
.br-radio input{width:20px;height:20px;margin:0}
/* A choice whose words wrap on a phone (the pay policy form's funding source; the final run-through of 13 October 2026). */
.br-fieldset{border:0;margin:0;padding:0;min-width:0}
.br-fieldset .br-stack{display:flex;flex-direction:column;gap:8px}
.br-fieldset .br-radio{white-space:normal;font-size:16px;border-radius:12px;padding:10px 14px;line-height:1.35;width:100%;min-height:48px;box-sizing:border-box}
.br-fieldset .br-radio input{flex:0 0 auto}
textarea[data-grow]{resize:vertical}

/* The Executive Committee's review item (round 4): one page for the whole task. The step line, then each part in its
   own card. Collapsible parts are summaries 44px tall; every box is 16px text and 48px tall. */
.br-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.br-steps{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:1fr;gap:6px;counter-reset:none}
.br-steps li{display:flex;align-items:center;gap:10px;min-height:36px;padding:4px 10px;border:1px solid var(--br-line);border-radius:12px;background:#fff;font-size:14.5px;line-height:1.35;color:var(--br-muted);min-width:0;overflow-wrap:anywhere}
.br-steps li.br-done{color:var(--br-green);border-color:var(--br-greenline);background:var(--br-greensoft)}
.br-steps li.br-now{color:var(--br-ink);border-color:var(--br-red);border-width:2px;font-weight:700}
.br-stepn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:#f1eeec;color:var(--br-muted);font-weight:700;font-size:13px}
.br-steps li.br-done .br-stepn{background:var(--br-green);color:#fff}
.br-steps li.br-now .br-stepn{background:var(--br-red);color:#fff}
.br-card h3,.br-draft h3,.br-motion h3{font-family:var(--rr-display,Poppins,system-ui,sans-serif);font-size:15.5px;line-height:1.3;margin:14px 0 6px}
.br-review,.br-sub,.br-version,.br-answers{display:block;min-width:0}
.br-review{margin:0 0 14px}
.br-review>summary,.br-sub>summary,.br-version>summary,.br-answers>summary{cursor:pointer;min-height:48px;display:flex;align-items:center;gap:6px;font-weight:700;list-style:none;overflow-wrap:anywhere}
.br-review>summary{background:#fff;border:1px solid var(--br-line);border-radius:16px;padding:0 14px;font-family:var(--rr-display,Poppins,system-ui,sans-serif);font-size:17px}
.br-review[open]>summary{margin:0 0 12px}
.br-review>summary::-webkit-details-marker,.br-sub>summary::-webkit-details-marker,.br-version>summary::-webkit-details-marker,.br-answers>summary::-webkit-details-marker{display:none}
.br-review>summary::before,.br-sub>summary::before,.br-version>summary::before,.br-answers>summary::before{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);margin:0 6px 0 2px;flex:none;transition:transform .15s}
.br-review[open]>summary::before,.br-sub[open]>summary::before,.br-version[open]>summary::before,.br-answers[open]>summary::before{transform:rotate(45deg)}
.br-review>p{margin:0 0 10px;font-size:14.5px;line-height:1.5}
.br-sub{border-top:1px solid var(--br-line);margin:10px 0 0;padding:0 0 4px}
.br-sub>summary{font-size:15px;color:var(--br-blue)}
.br-version{border:1px solid var(--br-line);border-radius:12px;padding:0 12px 8px;margin:0 0 8px}
.br-version>summary{font-size:14.5px}
.br-answers{margin:4px 0 0;flex:1 1 100%}
.br-answers>summary{font-size:14px;color:var(--br-blue)}
.br-answers ul{margin:0 0 6px 18px;padding:0;font-size:14px;line-height:1.5}
.br-voterlist .br-answers li{display:list-item;border:0;border-radius:0;padding:0;margin:0 0 6px;font-size:14px;line-height:1.5}
.br-answers li.br-yes{color:var(--br-amber);font-weight:600}
.br-voterlist li .br-acts{flex:1 1 100%;margin-top:6px}
.br-form{display:block;min-width:0}
.br-select,.br-wide,.br-form .br-mail,.br-sub .br-mail{display:block;width:100%;max-width:100%;font:inherit;font-size:16px;min-height:48px;border:1px solid var(--br-line2);border-radius:10px;padding:0 12px;background:#fff;color:var(--br-ink)}
.br-sub .br-text,.br-draft .br-text{margin-bottom:4px}
.br-date{max-width:16em}
html.rrcc-ui body .br-select,html.rrcc-ui body .br-wide,html.rrcc-ui body .br-form .br-mail,html.rrcc-ui body .br-sub .br-mail{min-height:48px}
.br-check{display:flex;align-items:center;gap:10px;min-height:48px;font-size:15px;cursor:pointer;margin:6px 0 0}
.br-check input{width:22px;height:22px;margin:0;flex:none}
.br-stack{flex-direction:column;align-items:stretch}
.br-stack .br-radio,.br-stack .br-check{width:100%;min-height:48px}
.br-reqs,.br-rowsdata{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:8px}
.br-reqs li,.br-rowsdata li{border:1px solid var(--br-line);border-radius:12px;padding:10px 12px;min-width:0}
.br-reqs p,.br-rowsdata p{margin:0 0 4px;overflow-wrap:anywhere}
.br-reqhead{font-size:15.5px}
.br-rangeline,.br-how{font-size:14.5px;line-height:1.5;overflow-wrap:anywhere}
.br-howto ul{margin:4px 0 8px 18px;padding:0;font-size:14.5px;line-height:1.55}
.br-howto li{margin:0 0 6px}
.br-paras{border-left:3px solid var(--br-line2);padding-left:12px;margin:6px 0 4px;min-width:0}
.br-para{margin:0 0 8px;font-size:15.5px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.br-para-new{background:var(--br-ambersoft);box-shadow:-15px 0 0 var(--br-amber);padding:2px 6px;border-radius:4px}
.br-preview{background:#fbfaf9;border-radius:0 10px 10px 0;padding:8px 12px}
.br-draft{border-top:1px solid var(--br-line);margin-top:10px;padding-top:2px}
/* The initial reviewer's marks on each pay request (slice E2): a line between the questions, the mark on its own line. */
.br-marks{margin:12px 0 4px}
.br-markq+.br-markq{border-top:1px solid var(--br-line);padding-top:12px}
.br-markline{margin:6px 0 4px}
.br-text.br-long{min-height:220px}
.br-saveline{margin:0 0 6px;min-height:1.4em}
.br-motion{border-top:1px solid var(--br-line);padding:4px 0 10px}
.br-motion:first-of-type{border-top:0}
.br-motion .br-words{margin:0 0 8px}
.br-outcome{font-size:14.5px;line-height:1.5;margin:0 0 6px}
.br-dueline{font-weight:600}
.br-attend{border-top:1px solid var(--br-line);padding-top:8px}
.br-attendrow{border:1px solid var(--br-line);border-radius:12px;padding:8px 12px 10px;margin:0 0 8px;min-width:0}
.br-attendname{margin:0 0 4px;font-size:15px;overflow-wrap:anywhere}
.br-small-label{font-size:13.5px;margin:6px 0 4px}
.br-missing{margin:4px 0 10px 18px;padding:0;font-size:14.5px;line-height:1.5}
.br-missing li{margin:0 0 4px}
@media (min-width:768px){
  .br-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .br-attendrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 12px;align-items:end}
  .br-attendrow .br-attendname{grid-column:1/-1}
  .br-stack{flex-direction:row;flex-wrap:wrap}
  .br-stack .br-radio,.br-stack .br-check{width:auto}
}
@media (prefers-reduced-motion:reduce){
  .br-review>summary::before,.br-sub>summary::before,.br-version>summary::before,.br-answers>summary::before{transition:none}
}

/* The record */
.br-record{background:#fff;border:1px solid var(--br-line);border-radius:16px;padding:4px 14px 14px;margin:0 0 14px}
.br-record>summary{font-family:var(--rr-display,Poppins,system-ui,sans-serif);font-size:17px}
.br-entries{margin:6px 0 4px;padding:0 0 0 0;list-style:none;display:flex;flex-direction:column;gap:6px}
.br-entry{font-size:14px;line-height:1.5;border-bottom:1px solid #f1eeec;padding:0 0 6px;overflow-wrap:anywhere}
.br-en{font-weight:700;color:var(--br-muted);margin-right:6px}
.br-proof{display:inline-block;font-family:var(--rr-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:12.5px;color:var(--br-muted);white-space:nowrap}
.br-proofbox{margin-top:14px;border-top:1px solid var(--br-line);padding-top:4px}
.br-proofbox .br-muted{margin:0 0 8px}

/* The confirm sheet: a bottom sheet on a phone, a dialog on a computer. */
.br-sheetback{position:fixed;inset:0;z-index:2147483600;background:rgba(16,20,30,.5);display:flex;align-items:flex-end;justify-content:center;padding:12px 8px calc(8px + env(safe-area-inset-bottom,0px))}
.br-sheet{background:#fff;border-radius:16px;width:100%;max-width:520px;max-height:calc(100vh - 24px);overflow:auto;padding:18px 16px;box-shadow:0 18px 50px rgba(10,15,30,.3)}
.br-sheet h2{font-family:var(--rr-display,Poppins,system-ui,sans-serif);font-size:18px;margin:0 0 8px}
.br-sheet p{margin:0 0 10px;font-size:15px;line-height:1.55;color:var(--br-body)}
.br-sheetacts .br-btn{flex:1 1 160px}

/* The footer: who is signed in, sign out, the sign-in address. Outside main, after the item. */
.br-foot{border-top:1px solid var(--br-line);background:#fff;margin-top:8px}
.br-foot[hidden]{display:none}
.br-foot-in{max-width:var(--br-col);margin:0 auto;padding:16px var(--br-gut) calc(28px + env(safe-area-inset-bottom,0px))}
.br-who{margin:0 0 4px;font-size:15px;overflow-wrap:anywhere}
.br-addr{margin:12px 0 4px;border:1px solid var(--br-line);border-radius:12px;padding:2px 12px 12px}
.br-addr>summary{font-size:15px;overflow-wrap:anywhere}
.br-addr p{font-size:14.5px;line-height:1.5;margin:4px 0 8px}

/* The rules of 2026-10-05 (board-voting-page.js): the stage line, the late-vote line, the votes, the questions forum. */
.br-stage{font-weight:700;overflow-wrap:anywhere}
.br-late{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:var(--br-ambersoft);border:1px solid var(--br-amberline);color:#4e3409;overflow-wrap:anywhere}
/* A position after the decision (Anthony's ruling of 2 November 2026): its buttons read at 16px, as the vote's do. */
.br-latepos .br-btn{font-size:16px}
.br-latepos .br-votes{margin-top:10px}
.br-effective,.br-qwords{font-weight:600;overflow-wrap:anywhere}
.br-forum{min-width:0;margin:0 0 6px}
.br-forum>h3,.br-comments-h{margin-top:4px}
.br-question{min-width:0}
.br-question .br-answer{margin:10px 0 0 10px;padding:8px 0 2px 12px;border-top:0;border-left:3px solid var(--br-line)}
.br-history li{display:block;overflow-wrap:anywhere;line-height:1.45}
.br-chaircard h3{margin-top:18px}

@media (max-width:767px){
  .br-fixed{padding:8px 12px;margin:2px 0 12px}
  .br-fixed p{font-size:13.5px;margin:0 0 2px;line-height:1.4}
  /* On a phone "Your part" scrolls away with the page (iPhone audit of 28 October 2026, BR-3): pinned, it covered a
     third of an iPhone 15's screen and two fifths of an SE's for the whole item. coveredTop() then reads 0. */
  .br-fixed{position:static}
}
/* "Go to my vote" in "Your part" on an open vote (BR-4): on a phone the vote sits under the discussion, several
   screens down, so the card leads to it; the page keeps the order a director reads in. From 768px the card stays
   pinned and the button is not drawn, and the line above it keeps its spacing. */
@media (min-width:768px){
  .br-body .br-govote{display:none}
  .br-body .br-fixed > p:has(+ .br-govote:last-child){margin-bottom:0}
}
@media (max-width:767px){
  .br-body .br-govote{margin:10px 0 2px}
  .br-body .br-govote .br-btn{width:100%}
  .br-body .br-yourbox{scroll-margin-top:12px}
}
@media (min-width:768px){
  :root{--br-gut:24px}
  .br-card{padding:18px 20px}
  .br-record{padding:4px 20px 18px}
  .br-row{padding:16px 18px}
  .br-sheetback{align-items:center}
  .br-sheet{padding:22px 22px}
  .br-votes>.br-btn{flex:0 1 auto;min-width:120px}
}
@media (prefers-reduced-motion:reduce){
  .br-withdrawn summary::before,.br-other summary::before,.br-record>summary::before,.br-addr>summary::before{transition:none}
}
@media print{
  .sitehdr,.br-foot,.br-back,.br-acts,.br-sheetback{display:none!important}
  .br-fixed{position:static;box-shadow:none}
}
/* The Executive Director's seat (board-seat-page.js): how each member voted on his own items. */
.br-seatvotelist{margin:0;padding-left:18px}
.br-seatvotelist li{margin:0 0 8px;font-size:15px;line-height:1.55;overflow-wrap:anywhere}

/* Reviews waiting for this member are visible by both words and appearance. */
.br-row.br-row-wait{background:#fff7ed;border:2px solid #d99237;border-left:6px solid #a75a13;box-shadow:0 3px 10px #773e1010}
.br-row-wait .br-row-title{font-weight:800}
.br-row-wait .br-wait{background:#9d4c11;color:#fff;border-color:#9d4c11}
.br-support{background:#f7f9fb}

.br-guided{border:2px solid #176058;background:#f5fbfa;scroll-margin-top:18px}.br-walk-kicker{font-size:.78rem;font-weight:800;color:#176058;letter-spacing:.08em;text-transform:uppercase}.br-walk-answer{padding:18px;border-left:4px solid #176058;background:white;margin:20px 0}.br-walk-answer p{white-space:pre-wrap;line-height:1.65}.br-walk-answer h4{margin:0 0 12px;color:#53626c;font-size:.9rem}.br-walk-progress{width:100%;height:8px;accent-color:#176058}.br-walk-message:empty{display:none}.br-guided h2:focus{outline:none}

/* A consistent member portal: desktop sidebar, compact grouped phone navigation. */
.br-home-nav{display:block;background:#fff;border:1px solid #dfe7e6;border-radius:12px;padding:16px;margin:0 0 24px;box-shadow:0 5px 20px #153c3110}
.br-nav-title{font-size:14px;font-weight:800;color:#173f39;padding:0 8px 12px}
.br-nav-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.br-nav-group+.br-nav-group{border-top:1px solid #e8eeed;margin-top:10px;padding-top:10px}
.br-nav-label{grid-column:1/-1;font-size:10px;font-weight:800;color:#5f6e6a;text-transform:uppercase;letter-spacing:.1em;margin:2px 8px 6px}
.br-home-tab{display:flex;align-items:center;gap:9px;justify-content:flex-start;text-align:left;min-height:44px;border:0;border-radius:7px;color:#435752;padding:9px 10px;font-size:13px}
.br-home-tab svg{flex:none}.br-home-tab:hover{background:#f0f6f4;color:#174f42}.br-home-tab[aria-current="page"]{background:#e5f1eb;color:#154d3c;box-shadow:inset 3px 0 #25664f;font-weight:800;border:0}
.br-portal-content{min-width:0}
@media(min-width:1000px){.br-wrap.br-portal-wrap{max-width:1130px}.br-portal{display:grid;grid-template-columns:206px minmax(0,1fr);gap:32px;align-items:start}.br-home-nav{position:sticky;top:20px;margin:0}.br-nav-group{grid-template-columns:minmax(0,1fr)}.br-home-tab{font-size:14px;min-height:46px}}
/* The desktop sidebar stays in view down to the foot of the page (26 October 2026: the 2027 planning tab made it one tab
   taller, and on a 1280 by 800 window even the live menu slid off the top at the foot of a long page). A sticky box may
   not leave its column, and the column ends where the content ends, about 300px (the page's bottom padding and the
   footer) above the foot of the page. So the menu may hang up to 200px past its column, over the footer's left side
   (its negative bottom margin), and is never taller than the window less 140px (20px at the top and the rest of that
   room), scrolling within itself when the window is shorter than the menu; every tab stays reachable. The footer's
   words start at the content column on these pages, so the menu never covers them. */
@media(min-width:1000px){.br-portal .br-home-nav{max-height:calc(100vh - 140px);overflow:hidden auto;margin-bottom:-200px}.br-wrap.br-portal-wrap+.br-foot .br-foot-in{max-width:1130px;padding-left:calc(var(--br-gut) + 238px)}}
/* A package item at phone width folds the portal menu behind one Menu button (review CMP-ED-3), so the guided review
   and its Begin review button sit on the first screen. The desktop sidebar is unchanged: the button only shows below 768px. */
.br-nav-toggle{display:none}
/* From 768px up the wrapper steps out of the layout, so the nav is a direct grid item again and its desktop
   position:sticky works (review ED-FINAL-1). */
@media(min-width:768px){.br-nav-fold{display:contents}}
@media(max-width:767px){.br-nav-fold .br-nav-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:96px;margin:0 0 12px}.br-nav-fold:not(.br-nav-open) .br-home-nav{display:none}}
/* A PHONE HELD SIDEWAYS (sideways iPhone fixes, 31 October 2026). Since viewport-fit=cover a sideways iPhone is 812 to
   956px wide and 375 to 440px tall, so it missed the three phone rules above, which are about a short screen as much
   as a narrow one: "Your part" stayed pinned over 40 to 47% of the screen for the whole item (BR-3), "Go to my vote"
   was not drawn (BR-4) and the portal menu filled the first two screens above the item (BR-1, BR-2). Wider than 767px
   and at most 500px tall they apply again; the menu folds only below 1000px, where it sits above the item (from
   1000px it is a sidebar beside it). A screen taller than 500px is exactly as before. */
@media (min-width:768px) and (max-height:500px){
  .br-fixed{position:static}
  .br-body .br-govote{display:block;margin:8px 0 2px}
  .br-body .br-yourbox{scroll-margin-top:12px}
  /* "Your part" with the phone's tighter spacing (and its lines a little closer), so "Go to my vote" ends above the
     home indicator on the first screen from 844x390 (it showed 13 of its 48px there, 16 at 852x393, 25 at 874x402).
     The text keeps its size. */
  .br-fixed{padding:8px 12px;margin:0 0 12px}
  .br-fixed p{margin:0 0 2px;line-height:1.35}
}
@media (min-width:768px) and (max-width:999px) and (max-height:500px){
  .br-nav-fold{display:block}
  .br-nav-fold .br-nav-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:96px;margin:0 0 4px}
  .br-nav-fold:not(.br-nav-open) .br-home-nav{display:none}
}
@media(max-width:499px){.br-home-nav{padding:10px}.br-nav-title{padding-bottom:8px}.br-home-tab{gap:6px;padding:6px;font-size:12px}.br-home-tab svg{width:17px;height:17px}.br-nav-group+.br-nav-group{margin-top:7px;padding-top:7px}}

/* Evaluation reviews lead with the guided task. Supporting tools stay available on demand. */
.br-package-detail {margin:12px 0;border:1px solid #dbe3df;border-radius:12px;background:#fff;overflow:hidden;}
.br-package-detail>summary {padding:17px 20px;font-size:15px;font-weight:650;color:#244c41;cursor:pointer;min-height:48px;}
.br-package-detail[open]>summary {border-bottom:1px solid #e3e9e5;background:#f7faf8;}
.br-package-detail-body {padding:4px 16px 16px;}
.br-package-detail-body>.br-card {box-shadow:none;margin:12px 0;}
.br-guided {border-top:4px solid #286348;padding:26px;}
.br-guided .br-walk-kicker {font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#487064;margin:0 0 8px;}
@media(max-width:600px){.br-package-detail>summary{padding:15px 16px;}.br-guided{padding:20px;}.br-package-detail-body{padding:4px 10px 10px;}}
.br-guided [aria-disabled="true"]{opacity:.6;cursor:progress}
.br-guided .br-walk-note{font-weight:600;margin:10px 0}

/* "Ask the Executive Director" and the direct alerts (board-ask-page.js, ASK-ALERTS-SPEC.md section 6). The header
   grows with a button that wraps to two lines on a narrow phone; below 500px the "Board room" tag goes and the logo box
   shrinks to the logo it draws. Every target is 44px or more; the New chip and the alert lines read on white. */
.br-hdr{height:auto;min-height:60px}
.br-hdr-tools{display:flex;align-items:center;flex:0 1 auto;min-width:0}
.br-hdr-tools:empty{display:none}
.br-hdr-ask{display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:6px 14px;border:1px solid #fff;border-radius:10px;background:transparent;color:#fff;font:inherit;font-size:15px;font-weight:700;line-height:1.2;text-align:left;text-decoration:none;cursor:pointer}
.br-body a.br-hdr-ask{color:#fff}
.br-hdr-ask:hover{background:rgba(255,255,255,.12)}
.br-body .br-hdr-ask:focus-visible{outline-color:#fff}
.br-hdr-ask-ico{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:767px){.br-hdr-ask-ico{display:none}}
@media(max-width:499px){.br-hdr .br-tag{display:none}.br-hdr-tools{margin-left:auto}.br-hdr .sitelogo{width:auto;height:44px}.br-hdr .logolink{gap:10px}}
.br-help{margin:0 0 14px}
.br-tel{display:inline-flex;align-items:center;min-height:44px;min-width:44px;margin:-12px 0;vertical-align:middle;font-weight:700;white-space:nowrap}
.br-chip.br-new{background:var(--br-bluesoft);color:var(--br-blue);border-color:var(--br-blueline)}
.br-row-alert .br-alert-line{font-weight:700;color:var(--br-ink)}
.br-signrow .br-acts{margin-top:6px}
.br-askcard{padding:0}
.br-askcard>p{padding:14px;margin:0}
.br-askcard>summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:52px;padding:10px 14px;cursor:pointer;list-style:none;font-family:var(--rr-display,Poppins,system-ui,sans-serif);font-size:17px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.br-askcard>summary::-webkit-details-marker{display:none}
.br-askcard>summary::before{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);margin:0 4px 0 2px;flex:none}
.br-askcard[open]>summary::before{transform:rotate(45deg)}
.br-askcard-h{flex:1 1 12em;min-width:0}
.br-askcard-body{border-top:1px solid var(--br-line);padding:12px 14px 14px;min-width:0}
.br-askcard-body .br-acts:first-child{margin-top:0}
.br-askcard h3{font-family:var(--rr-display,Poppins,system-ui,sans-serif);font-size:15.5px;margin:16px 0 8px}
.br-threads{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.br-thread{display:flex;flex-direction:column;gap:4px;min-height:44px;padding:12px;border:1px solid var(--br-line);border-radius:12px;background:#fff;text-decoration:none;min-width:0}
.br-body a.br-thread{color:var(--br-ink)}
.br-thread:hover{border-color:var(--br-line2)}
.br-thread-who{font-weight:700;overflow-wrap:anywhere}
.br-thread-text{font-size:15px;line-height:1.45;overflow-wrap:anywhere}
.br-thread-about{margin:0 0 10px;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.br-thread-about a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;font-weight:700}
.br-thread-msgs{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:10px}
.br-thread-msg{background:#fff;border:1px solid var(--br-line);border-radius:12px;padding:12px 14px;min-width:0}
.br-thread-msg.br-from-ed{border-left:4px solid var(--br-blue)}
.br-waitline{margin:0 0 14px}
.br-count{margin:4px 0 0}
.br-askdlg .br-check span{overflow-wrap:anywhere}
.br-shareacts{margin:0 0 14px}
/* br-view-list marks #app on the home and on a thread. On the home the questions card comes after the rows, so what is
   waiting starts on a phone's first screen (test P3); the card keeps a clear gap from the last row. */
.br-view-list .br-askcard{margin-top:22px}
.br-askadd>.br-label:first-child{margin-top:0}
/* Answers shared with the board sit on the page's own background, apart from the director's own questions. */
.br-threads.br-shared .br-thread{background:var(--br-bg)}
/* The seat's signature folded into its item's row (review finding pages-10): the row's link and Open your review read
   as one flagged card. The row keeps its own link; the button sits under it, inside the same border. */
.br-rows .br-signfold{display:flex;flex-direction:column;min-width:0}
.br-rows .br-signfold>.br-row.br-row-wait{border-bottom:0;border-radius:14px 14px 0 0;box-shadow:none}
.br-rows .br-signfold>.br-signacts{margin:0;padding:2px 14px 14px;background:#fff7ed;border:2px solid #d99237;border-top:0;border-left:6px solid #a75a13;border-radius:0 0 14px 14px;box-shadow:0 3px 10px #773e1010}
@media(min-width:768px){.br-rows .br-signfold>.br-signacts{padding:2px 18px 16px}}
/* THE PLAIN PAGE (Part B of "sign first, requests only", 11 October 2026; Anthony: "I need it to be very easy to
   udnerstnad"). One lead card first: what to do in one sentence, the due date, one main button (or Nothing for you right
   now and why). The form for that action sits right under it. Then the title and one closed Details. The card is not
   pinned: it holds buttons, and a pinned card that tall would cover what it asks for. */
.br-fixed.br-lead{position:static;box-shadow:none;padding:14px 16px;margin:4px 0 14px}
.br-lead.br-lead-none{border-left-color:var(--br-blue)}
.br-lead .br-lead-k{margin:0 0 2px;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--br-muted)}
.br-lead h2.br-lead-s{font-family:var(--rr-display,Poppins,system-ui,sans-serif);font-size:19px;line-height:1.35;margin:0 0 6px;overflow-wrap:anywhere}
.br-fixed.br-lead p{font-size:15px;line-height:1.5;margin:0 0 6px}
.br-lead .br-lead-due{font-weight:700}
.br-lead .br-lead-line{white-space:pre-line}
.br-lead .br-lead-acts{margin:10px 0 0}
.br-btn.br-quiet{border-color:transparent;background:none;color:var(--br-blue);text-decoration:underline;font-weight:700;padding:0 10px}
.br-btn.br-quiet:hover{background:#f3f1f0}
.br-walkroot:not(.br-card){margin:0}
.br-leadform .br-q:last-child,.br-leadform>:last-child{margin-bottom:0}
.br-plain .br-kind{color:var(--br-muted);font-weight:600}
/* Under "Approved by the Board of Directors": the day it was decided, and who to contact (28 October 2026). */
.br-plain .br-approved-note{margin:0 0 8px;font-size:16px;line-height:1.5;color:var(--br-body)}
.br-detail-sec{margin:14px 0 0}
.br-detail-sec>h3{font-family:var(--rr-display,Poppins,system-ui,sans-serif);font-size:15.5px;margin:0 0 8px}
/* The home list's plain lines (Part B): what to do on a flagged row, the plain state on the rest, and the lead card. */
.br-row-todo{font-size:15px;color:var(--br-ink);overflow-wrap:anywhere}
.br-homelead{margin:4px 0 14px}
.br-homelead .br-lead-more{color:var(--br-muted);font-size:14px}
/* The home's "Recently approved" card (28 October 2026): one line per approval, the whole line a link at least 44px tall.
   New sits at the start of the words and the words wrap under it, so every line starts at the same edge and nothing runs
   past the side of a phone. */
.br-recent{border-left:4px solid var(--br-blue)}
.br-recent h2{margin:0 0 4px}
.br-recent-list{list-style:none;margin:0;padding:0}
.br-recent-list>li+li{border-top:1px solid var(--br-line)}
.br-body .br-recent-row{display:block;min-height:44px;min-width:0;padding:10px 0;font-size:16px;line-height:1.45;color:var(--br-ink);text-decoration:none;overflow-wrap:anywhere}
.br-recent-row>.br-chip{margin:0 2px 0 0;vertical-align:1px}
.br-recent-title{font-weight:600}
.br-recent-row:hover .br-recent-text{text-decoration:underline}
details.br-help{margin:16px 0 0;border:1px solid var(--br-line);border-radius:12px;background:#fff}
details.br-help>summary{cursor:pointer;min-height:48px;display:flex;align-items:center;padding:0 16px;font-weight:700;font-size:15px}
details.br-help>div{padding:0 16px 12px}
/* The plain page, round 2 (the review of 12 October 2026): the form for the action sits inside the card with its button
   after it; while the review is read step by step the card keeps only its words; the header's Ask button is not on these
   pages (questions for the Executive Director are under Details, and Ask stays on the home list). */
.br-plain-page .br-hdr-ask{display:none}
.br-lead.br-lead-walking .br-lead-acts,.br-lead.br-lead-walking .br-leadform{display:none}
.br-lead .br-leadform{margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--br-line)}
.br-lead .br-leadform-h{font-family:var(--rr-display,Poppins,system-ui,sans-serif);font-size:16px;line-height:1.35;margin:0 0 8px}
.br-lead .br-leadform .br-label{margin-top:10px}
.br-lead .br-leadform .br-words{white-space:pre-wrap;background:#faf9f8;border:1px solid var(--br-line);border-radius:10px;padding:10px 12px;margin:0 0 6px}
.br-lead .br-progress{margin:6px 0 8px}
.br-lead .br-firstrev{margin:0 0 10px}
/* ROUND 3 (12 October 2026; a reader found these screens still unclear). While the review is read, the card shrinks to
   its sentence and its due date (it was about 380px above every step), and how long it takes moves into the first step.
   The card's buttons and the step's Save and next stay in view at the bottom of the screen while the boxes above them
   are scrolled (on a phone a form ran past the first screen and Safari's bars hide the bottom of it). Nothing is greyed:
   the row of buttons is the card's own white. */
.br-lead.br-lead-walking{padding:10px 14px}
.br-lead.br-lead-walking .br-lead-k,.br-lead.br-lead-walking .br-lead-why,.br-lead.br-lead-walking .br-lead-line{display:none}
.br-lead.br-lead-walking h2.br-lead-s{font-size:16px;margin:0 0 2px}
.br-fixed.br-lead.br-lead-walking .br-lead-due{font-size:14px;margin:0}
.br-plain .br-lead .br-lead-acts{position:sticky;bottom:0;z-index:3;background:#fff;margin:10px -16px -14px;padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--br-line);border-radius:0 0 12px 12px}
.br-plain .br-guided .br-acts{position:sticky;bottom:0;z-index:3;background:#f5fbfa;margin:14px -20px 0;padding:10px 20px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid #cfe3df}
@media(min-width:601px){.br-plain .br-guided .br-acts{margin:14px -26px 0;padding:10px 26px 12px}}
.br-guided .br-walk-time{margin:0 0 10px;font-size:15px;color:#3d4a52}
.br-guided .br-walk-due{margin:-4px 0 10px;font-weight:700;font-size:15px}
.br-guided .br-walk-attest{margin:6px 0 10px}
.br-guided .br-walk-confirm{margin:12px 0 0;font-size:15.5px}
.br-guided .br-walk-confirmrow>.br-walk-confirm{flex:1 1 100%;margin:0;font-size:16px;line-height:1.45}
.br-plain .br-guided .br-walk-back{position:static;margin:4px 0 0;padding:0;border:0;background:none}
/* The first reviewer's comments fold above the meeting's boxes, so the heading names the boxes under it. */
.br-lead details.br-firstrev{margin:0 0 12px;border:1px solid var(--br-line);border-radius:10px;background:#faf9f8}
.br-lead details.br-firstrev>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;padding:0 12px;font-weight:700;color:var(--br-blue)}
.br-lead details.br-firstrev>*:not(summary){margin-left:12px;margin-right:12px}
.br-lead details.br-firstrev[open]{padding-bottom:10px}
.br-lead .br-voteon{margin:0 0 10px}
/* THE VOTE AND THE DISCUSSION ON THE CARD (ruling D of 13 October 2026; Anthony on a committee member's vote card:
   "remove the I have a conflict, make it more pronounced as the vote taking place" and "where is the spot to communicate
   about the items"). On the card, top to bottom: what to do, the Board Chair's recommendation, what to read, then "Your
   vote" (large Yes and No, full width on a phone, the vote said plainly once cast, the count so far), then the
   Discussion, open, never folded. The vote's buttons stay in view at the bottom of the screen while what is above them is
   read, as every card's buttons do; they are not the card's last part any more, so they keep square corners. The part
   draws no box of its own (display:contents), so the buttons stay in view against the whole card, not only against the
   part: on a phone they are on the first screen while the recommendation and the reading above them scroll. */
.br-lead .br-voteblock{display:contents}
.br-lead .br-vote-h,.br-lead .br-discuss-h{font-family:var(--rr-display,Poppins,system-ui,sans-serif);font-size:18px;line-height:1.3;margin:0 0 8px;color:var(--br-ink)}
.br-lead .br-vote-h{margin:14px 0 8px;padding:14px 0 0;border-top:1px solid var(--br-line)}
.br-lead .br-recspot{margin:12px 0 10px;padding:10px 12px;border:1px solid var(--br-line);border-left:4px solid var(--br-navy);border-radius:10px;background:#faf9f8;min-width:0;overflow-wrap:anywhere}
.br-lead .br-recspot .br-read-h{margin:0 0 6px;font-weight:700;color:var(--br-ink)}
.br-lead .br-recspot p{margin:0 0 6px}
.br-fixed.br-lead p.br-vote-mine{font-size:16.5px;font-weight:700;line-height:1.45;margin:0 0 4px;color:var(--br-ink)}
.br-fixed.br-lead p.br-vote-count{font-weight:700;margin:10px 0 2px;color:var(--br-ink)}
.br-fixed.br-lead p.br-vote-note{font-size:14px;margin:4px 0 0}
.br-vote-acts{display:flex;flex-wrap:wrap;gap:10px}
.br-btn.br-vote-btn{min-height:56px;font-size:18px;font-weight:800;padding:0 22px;border:2px solid var(--br-navy);color:var(--br-navy);background:#fff;border-radius:14px;flex:1 1 200px;max-width:320px}
.br-btn.br-vote-btn:hover{background:var(--br-soft,#f3f1f0)}
.br-plain .br-lead .br-lead-acts:not(:last-child){margin-bottom:0;border-radius:0}
.br-plain .br-lead .br-voteblock .br-lead-acts{margin:6px -16px 0;padding-top:10px;border-radius:0}
/* Requests stay open initially and the vote toolbar stays in view. When extra reading opens,
   its full text and Your vote heading come before the toolbar instead of sitting behind it. */
.br-plain .br-lead:has(#readFirst details.br-readfold:not([data-read="requests"])[open]) .br-voteblock .br-vote-acts{position:static}
.br-lead .br-discuss{margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--br-line);min-width:0}
.br-discuss-own{margin:14px 0 0}
.br-discuss-own .br-discuss-h{font-family:var(--rr-display,Poppins,system-ui,sans-serif);font-size:18px;line-height:1.3;margin:0 0 8px}
.br-fixed.br-lead .br-discuss p.br-discuss-who{font-size:14px;margin:0 0 8px}
.br-thread-list{display:flex;flex-direction:column;gap:10px;margin:8px 0 12px;min-width:0}
/* The earlier consideration of the requests (read only), above the current discussion (the final run-through of 13 October 2026). */
.br-discuss .br-discuss-sub{font-family:var(--rr-display,Poppins,system-ui,sans-serif);font-size:16px;line-height:1.3;margin:14px 0 4px;color:var(--br-ink)}
.br-thread-earlier .br-post{background:#f7f6f4}
.br-post{border:1px solid var(--br-line);border-radius:12px;padding:10px 12px 8px;background:#fff;min-width:0}
.br-post.br-post-ed{border-color:var(--br-greenline,#c4e6d2);border-left:4px solid var(--br-green,#177245)}
.br-post .br-cmeta{margin:0 0 4px}
/* A post's role chip may wrap inside itself on a narrow phone: "Vice Chair, acting for the Board Chair" (Anthony's ruling of
   13 October 2026: professional wording) is wider than a post at 320px, and a chip otherwise never wraps. */
.br-post .br-cmeta .br-chip{white-space:normal;max-width:100%}
.br-post .br-when{font-size:13.5px}
.br-fixed.br-lead .br-post p.br-inreply,.br-post .br-inreply{font-size:14px;color:var(--br-muted);margin:0 0 4px}
.br-post .br-ctext{font-size:15.5px}
.br-post .br-cacts{margin:6px 0 0}
.br-post.br-withdrawn .br-muted{margin:0;min-height:24px}
.br-discuss textarea{width:100%;box-sizing:border-box}
.br-discuss .br-discuss-q{margin:8px 0 0}
.br-discuss .br-discuss-acts{margin:10px 0 0}
.br-lead.br-lead-walking .br-voteblock,.br-lead.br-lead-walking .br-discuss,.br-lead.br-lead-walking .br-recspot{display:none}
@media(max-width:600px){
  .br-vote-acts{flex-direction:column}
  .br-btn.br-vote-btn{width:100%;max-width:none;flex:0 0 auto}
}
.br-lead .br-fieldmsg{margin:6px 0 0;color:var(--br-red);font-weight:700}
.br-lead .br-fieldmsg[hidden]{display:none}
/* What a voter reads before the vote (Anthony's ruling 3 of 12 October 2026): one plain list in the card, above the
   vote's buttons. A document is a 44px row that opens in the phone's own viewer; the words fold open in place. */
.br-readfirst{margin:0 0 10px;min-width:0}
.br-readfirst .br-read-h{margin:10px 0 6px;font-weight:700;color:var(--br-ink)}
.br-readlist{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:6px}
.br-readlist .br-readlink{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 12px;border:1px solid var(--br-line);border-radius:10px;background:#faf9f8;text-decoration:none}
.br-readlist .br-readlink span{text-decoration:underline;text-underline-offset:3px}
details.br-readfold{margin:0 0 6px;border:1px solid var(--br-line);border-radius:10px;background:#faf9f8;min-width:0}
details.br-readfold>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:10px;padding:0 12px;font-weight:700;color:var(--br-blue);overflow-wrap:anywhere;list-style:none}
details.br-readfold>summary::-webkit-details-marker{display:none}
details.br-readfold>summary::before{content:"";width:8px;height:8px;border-bottom:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(-45deg);flex:none}
details.br-readfold[open]>summary::before{transform:rotate(45deg)}
details.br-readfold>*:not(summary){margin-left:12px;margin-right:12px;overflow-wrap:anywhere}
details.br-readfold[open]{padding-bottom:8px}
details.br-readfold p{margin-top:0;margin-bottom:6px}
details.br-readfold .br-read-sub{margin-top:10px;margin-bottom:4px}
details.br-readfold .br-words{white-space:pre-wrap;background:#fff;border:1px solid var(--br-line);border-radius:8px;padding:8px 10px;margin-top:0;margin-bottom:6px}
.br-yourvote .br-readfirst{margin:4px 0 12px}
/* The home's Open is a button, never underlined like a link. While the home's card is about the Executive Director's
   review, the header's Ask reads as a quiet link, so it is never taken for a step of that task (round 3). */
.br-lead-acts a.br-btn,.br-lead-acts a.br-btn:hover{text-decoration:none}
.br-edlead-home .br-hdr-ask{border-color:transparent;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* PHONES FIRST ON THE EXECUTIVE DIRECTOR'S PATH (the phone pass of 13 October 2026). Anthony: "some of these people are
   knuckleheads and need this to help and be super mobile friendly and easy", and "so simple as can be". Most board
   members open everything on a phone, from an email. On the review's and the requests' pages (.br-plain: the card, the
   step being read, the Discussion), in the confirm sheets and on the home's card:
   - every line a person reads is 16px or more. Only the small uppercase labels ("What you need to do", "Step 1 of 33"),
     the tags ("Question") and words for a screen reader stay smaller, and nothing that was bigger is made smaller (the
     headings, the vote's buttons, "You voted Yes"). The rule names the parts by their ids, so it wins over every older
     size on them. On the home list the rows' lines, the tabs, the filter, Help and the other cards read at 16px too;
   - on a phone the card's main action is the full width of the screen (the vote's buttons already were), the step's Save
     and next fills its row beside Back, and Approve or Return stand one under the other;
   - the Menu button sits on the first line, beside "Back to your list" or the page's title, so the card starts about
     56px higher on every phone;
   - a fold whose name runs to two lines gets room for both lines, and the reading box in a step has less padding, so
     its words are not squeezed into a narrow column at 320 wide.
   Looks only: every button, word and part is where it was. Every rule names .br-body, so the staff Board Members page,
   which loads this file too, is not touched. It sits before the restored look below, which sets none of these sizes or
   layouts. test/ed-phone-ease-layout.test.js measures it at 320 and 375 wide. */
.br-body :is(#itemHead, #reviewWalk, #forum, #homeLead, .br-sheet) :is(p, li, label, legend, summary, button, a, dd, dt, td, th, span, b, strong, em, small, h4, h5, div, input, select, textarea):not(.br-lead-k, .br-chip, .br-walk-kicker, .br-sr, .br-vote-btn, .br-vote-mine, :is(h1, h2, h3, .br-chip, .br-lead-k, .br-walk-kicker, .br-sr) *){font-size:16px}
.br-body .br-plain > :is(.br-back, .br-kind),
.br-body .br-plain .br-package-detail > summary,
.br-body .br-plain .br-msg,
.br-body .br-row-todo,
.br-body .br-row-due{font-size:16px}
.br-body .br-view-list :is(.br-tab, .br-pill, details.br-help > summary, details.br-home-doc > summary, .br-sub, .br-card p, .br-card .br-btn){font-size:16px}
.br-body details.br-readfold > summary,
.br-body .br-lead details.br-firstrev > summary{padding:8px 12px;line-height:1.35}
@media (max-width:767px){
  /* The portal is its own block formatting context (iPhone polish of 29 October 2026, BA-1): the open menu's top margin
     below stays inside it instead of collapsing through the fold and the portal, which pushed the whole portal, and
     the Menu button placed on it, down 50 to 58px the moment Menu was pressed. Menu now stays where the finger is and
     the menu opens 14px below it. */
  .br-body .br-portal{position:relative;display:flow-root}
  .br-body .br-nav-fold .br-nav-toggle{position:absolute;top:0;right:0;margin:0;z-index:4}
  .br-body .br-nav-fold.br-nav-open .br-home-nav{margin-top:58px}
  .br-body .br-portal-content > [data-view] > :is(.br-back, .br-h1):first-child{margin-right:112px}
  /* Every home section folds too (iPhone audit of 28 October 2026, BR-2); their headings are not wrapped in a view. */
  .br-body .br-portal-content > .br-h1:first-child{margin-right:112px}
}
@media (max-width:600px){
  .br-body .br-plain .br-lead .br-lead-acts:not(.br-vote-acts),
  .br-body #homeLead .br-lead-acts{flex-direction:column;align-items:stretch}
  .br-body .br-plain .br-lead .br-lead-acts:not(.br-vote-acts) > .br-btn,
  .br-body #homeLead .br-lead-acts > .br-btn{width:100%}
  .br-body .br-plain .br-guided .br-acts > .br-btn.br-primary{flex:1 1 auto}
  .br-body .br-plain .br-guided .br-walk-choice{flex-direction:column;align-items:stretch}
  .br-body .br-plain .br-walk-answer{padding:12px 14px;margin:14px 0}
}

/* ==== SAFE AREA: A HOME SCREEN COPY ON AN IPHONE (iPhone polish round, 29 October 2026, SA-1) =======================
   The board room's pages set viewport-fit=cover, so an iPhone draws them under the status bar, the notch or Dynamic
   Island, the rounded corners and the home indicator. Each rule takes max() of what it had and the inset, so with
   insets of 0 every value is what it was (test/safe-area-layout.test.js). iOS gives both sides the same inset when the
   phone is held sideways, so the one gutter takes the larger and the column stays centred. */
:root{--br-gut:max(16px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))}
@media (min-width:768px){:root{--br-gut:max(24px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))}}
/* The navy header runs up behind the status bar; its 60px row starts below it. */
.br-hdr{padding-top:env(safe-area-inset-top,0px);min-height:calc(60px + env(safe-area-inset-top,0px))}
/* The confirm sheet keeps clear of the status bar and the corners as well as the home indicator. */
.br-sheetback{padding-top:max(12px,env(safe-area-inset-top,0px));padding-left:max(8px,env(safe-area-inset-left,0px));padding-right:max(8px,env(safe-area-inset-right,0px))}
.br-sheet{max-height:calc(100vh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
/* ==== END SAFE AREA (SA-1) ==== */

/* THE BOARD PAGE'S OWN LOOK, RESTORED (12 October 2026; Anthony: "there were great visuals and it's been degraded").
   The design of the board member's page of 9 July 2026 (6917ba80) as refined to 10 September (4cba4b89): a navy band
   with the greeting in a serif display face, a floating band of counts with a progress bar, white cards with soft
   depth, score rings, framed documents, the navy, red and gold of that page. The page may load only its own files, so
   the faces are the closest system ones (the old page loaded Fraunces and Public Sans). What the page does is unchanged:
   every rule here is looks only.
   Scoped to the board member's page (body.br-body: board-room.html and board-update.html). The staff Board Members page
   (board-members.html) loads this file after rrcc-ui.css and must look exactly as it did, so the colours and faces sit
   on body.br-body, not :root, and every rule outside the band names :where(.br-body), which adds no weight: each rule
   wins or loses on the board page exactly as it did before it was scoped. */
body.br-body{
  --br-ink:#16203a;--br-ink2:#1f2a44;--br-body:#42506e;--br-muted:#5f6984;--br-faint:#98a1b8;
  --br-line:#e5e8ef;--br-line2:#d9dfea;--br-soft:#f2f4f9;--br-bg:#f6f7fb;--br-paper:#fff;
  --br-red:#b8232a;--br-redsoft:#fbe9ea;--br-redline:#f3cfd1;--br-navy:#182342;
  --br-green:#177245;--br-greensoft:#e8f6ee;--br-greenline:#c4e6d2;
  --br-amber:#8a6210;--br-ambersoft:#fbf3df;--br-amberline:#eeddb2;
  --br-serif:"Iowan Old Style","Charter","Georgia",serif;
  --br-sans:-apple-system,system-ui,"Segoe UI",sans-serif;
  --rr-display:var(--br-serif);--rr-body:var(--br-sans);
  --br-shadow:0 1px 2px rgba(22,32,58,.05),0 8px 28px rgba(22,32,58,.07);
  --br-shadow-lg:0 2px 4px rgba(22,32,58,.06),0 18px 50px rgba(22,32,58,.12)
}
body.br-body{font-family:var(--br-sans);background:var(--br-bg);color:var(--br-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* The header and the band under it read as one navy field. */
:where(.br-body) .br-hdr{background:#131c36}
:where(.br-body) .br-tag{font:800 11px/1.2 var(--br-sans);letter-spacing:.09em;display:inline-flex;align-items:center;gap:7px}
:where(.br-body) .br-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:#3fbf7f;box-shadow:0 0 0 3px rgba(63,191,127,.2);flex:none}
.br-hero{position:relative}
.br-hero-band{position:relative;overflow:hidden;color:#fff;background:linear-gradient(180deg,#131c36 0%,#1c2643 55%,#28325a 100%)}
.br-hero-band::after{content:"";position:absolute;right:-140px;top:-190px;width:520px;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgba(184,35,42,.35),rgba(184,35,42,0));pointer-events:none}
.br-hero-band::before{content:"";position:absolute;left:-160px;bottom:-260px;width:480px;height:480px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.07),rgba(255,255,255,0));pointer-events:none}
.br-hero-in{position:relative;z-index:1;max-width:var(--br-col);margin:0 auto;padding:16px var(--br-gut) 48px;display:flex;align-items:center;gap:14px;min-width:0}
.br-hero-band:last-child .br-hero-in{padding-bottom:22px}
.br-hero-ava{width:52px;height:52px;border-radius:50%;flex:none;background:#2b3757;border:2px solid rgba(255,255,255,.25);box-shadow:0 10px 30px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;color:#c3cbe4;font-weight:800;font-size:18px;letter-spacing:.02em}
.br-hero-id{min-width:0;flex:1}
.br-hero-id p{margin:0}
.br-hero-eyebrow{font:800 11px/1.2 var(--br-sans);letter-spacing:.14em;text-transform:uppercase;color:#f0a9ad}
.br-body .br-hero-id .br-hero-hi{font-family:var(--br-serif);font-weight:600;font-size:27px;line-height:1.1;letter-spacing:.005em;margin:6px 0 10px;overflow-wrap:anywhere}
.br-hero-hi em{font-style:italic;color:#f3b6ba}
.br-hero-meta{display:flex;gap:8px;flex-wrap:wrap}
.br-hpill{font-size:12px;font-weight:800;line-height:1.3;letter-spacing:.02em;color:#fff;background:rgba(184,35,42,.5);border:1px solid rgba(244,166,170,.45);border-radius:999px;padding:4px 12px;overflow-wrap:anywhere}
.br-stats-wrap{position:relative;z-index:2;max-width:var(--br-col);margin:-34px auto 0;padding:0 var(--br-gut)}
.br-stats{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr);gap:8px}
.br-stile{background:#fff;border:1px solid var(--br-line);border-radius:14px;box-shadow:var(--br-shadow);padding:10px 12px;min-width:0}
.br-stile p{margin:0}
.br-stat-n{font-family:var(--br-serif);font-weight:700;font-size:26px;line-height:1;font-variant-numeric:tabular-nums;color:var(--br-ink)}
.br-stile-wait .br-stat-n{color:var(--br-red)}
.br-stile-ok .br-stat-n{color:var(--br-green)}
.br-body .br-stile .br-stat-l{font-size:10.5px;font-weight:700;line-height:1.25;letter-spacing:.05em;text-transform:uppercase;color:var(--br-muted);margin-top:6px;overflow-wrap:anywhere}
.br-body .br-stile-prog .br-stat-l{margin:0 0 8px}
.br-pbar{display:block;width:100%;height:8px;border:0;border-radius:999px;background:var(--br-soft);overflow:hidden;-webkit-appearance:none;appearance:none;color:var(--br-red)}
.br-pbar::-webkit-progress-bar{background:var(--br-soft);border-radius:999px}
.br-pbar::-webkit-progress-value{background:linear-gradient(90deg,var(--br-red),#e05b62);border-radius:999px}
.br-pbar::-moz-progress-bar{background:linear-gradient(90deg,var(--br-red),#e05b62);border-radius:999px}
.br-body .br-stile .br-stat-pl{font-size:12px;font-weight:600;line-height:1.3;color:var(--br-muted);margin-top:6px;overflow-wrap:anywhere}
@keyframes brRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
  .br-hero-in{animation:brRise .5s cubic-bezier(.22,.8,.3,1) both}
  .br-stile{animation:brRise .55s cubic-bezier(.22,.8,.3,1) both}
  .br-stile:nth-child(2){animation-delay:.06s}
  .br-stile:nth-child(3){animation-delay:.12s}
  /* The rise plays once per page load: board-room-page.js renderHero marks the band seen once it has been on screen. */
  .br-hero-seen .br-hero-in,.br-hero-seen .br-stile{animation:none}
}

/* Type: the serif display face for headings (every heading rule above reads --rr-display), the system face for text. */
:where(.br-body) .br-h1{font-weight:600;font-size:28px;line-height:1.15;letter-spacing:.005em;margin:8px 0 12px}
:where(.br-body) .br-home-h2{font-family:var(--br-serif);font-weight:600;font-size:21px;line-height:1.25;margin:28px 0 12px}
:where(.br-body) .br-card h2{font-weight:600;font-size:19px;letter-spacing:.005em}
:where(.br-body) .br-card h3,:where(.br-body) .br-draft h3,:where(.br-body) .br-motion h3{font-weight:600;font-size:16.5px}
:where(.br-body) .br-row-title{font-weight:600;font-size:17px;letter-spacing:.005em}
:where(.br-body) .br-review>summary,:where(.br-body) .br-record>summary,:where(.br-body) .br-askcard>summary{font-weight:600;font-size:18px}
:where(.br-body) .br-sheet h2{font-weight:600;font-size:20px}

/* Cards with the old depth and spacing. */
:where(.br-body) .br-card,:where(.br-body) .br-record,:where(.br-body) .br-app,:where(.br-body) details.br-help,:where(.br-body) .br-package-detail{border-radius:18px;box-shadow:var(--br-shadow)}
:where(.br-body) .br-empty{border-radius:16px}
:where(.br-body) .br-review>summary{border-radius:18px;box-shadow:var(--br-shadow)}
:where(.br-body) .br-rows{gap:12px}
:where(.br-body) .br-row{border-color:var(--br-line);border-radius:16px;box-shadow:var(--br-shadow);transition:box-shadow .15s,border-color .15s}
:where(.br-body) .br-row:hover{border-color:var(--br-line2);box-shadow:var(--br-shadow-lg)}
:where(.br-body) .br-row.br-row-wait{background:#fff;border:1px solid var(--br-redline);border-left:5px solid var(--br-red);box-shadow:var(--br-shadow)}
:where(.br-body) .br-row-wait .br-wait{background:var(--br-red);color:#fff;border-color:var(--br-red)}
:where(.br-body) .br-rows .br-signfold>.br-signacts{background:#fff;border:1px solid var(--br-redline);border-top:0;border-left:5px solid var(--br-red);box-shadow:var(--br-shadow)}
:where(.br-body) .br-fixed{border-color:var(--br-line);border-left:5px solid var(--br-red);border-radius:18px;box-shadow:var(--br-shadow)}
:where(.br-body) .br-fixed.br-lead{box-shadow:var(--br-shadow-lg)}
:where(.br-body) .br-lead.br-lead-none{border-left-color:var(--br-green)}
:where(.br-body) .br-lead .br-lead-k{font-size:11.5px;font-weight:800;letter-spacing:.14em;color:var(--br-red)}
:where(.br-body) .br-lead-none .br-lead-k{color:var(--br-green)}
:where(.br-body) .br-lead h2.br-lead-s{font-weight:600;font-size:22px;line-height:1.25;letter-spacing:.005em}
:where(.br-body) .br-plain .br-lead .br-lead-acts{border-radius:0 0 16px 16px}
:where(.br-body) .br-chip{background:var(--br-soft);color:var(--br-body);border-color:var(--br-line)}
:where(.br-body) .br-stepn{background:var(--br-soft)}
:where(.br-body) .br-entry{border-bottom-color:var(--br-soft)}
:where(.br-body) .br-doclist li{border-color:var(--br-line);border-radius:14px;background:linear-gradient(180deg,#fbfcfe,#f4f6fa)}
:where(.br-body) .br-doclist li.br-old{background:var(--br-soft)}
:where(.br-body) .br-conflict,:where(.br-body) .br-preview{background:#fbfcfe}
:where(.br-body) .br-lead .br-leadform .br-words,:where(.br-body) .br-lead details.br-firstrev{background:#fbfcfe}
:where(.br-body) .br-btn.br-quiet:hover{background:var(--br-soft)}
:where(.br-body) .br-voterlist li,:where(.br-body) .br-reqs li,:where(.br-body) .br-rowsdata li,:where(.br-body) .br-attendrow,:where(.br-body) .br-version,:where(.br-body) .br-thread,:where(.br-body) .br-thread-msg{border-color:var(--br-line)}

/* Buttons, pills and tabs in the old weights. */
:where(.br-body) .br-btn{font-weight:800;border-width:1.5px;border-color:var(--br-line2);transition:filter .12s,transform .08s,border-color .12s}
:where(.br-body) .br-btn:not(.br-primary):not(.br-navy):not(.br-quiet):not([disabled]):hover{border-color:var(--br-ink2)}
:where(.br-body) .br-btn.br-primary:hover,:where(.br-body) .br-btn.br-navy:hover{filter:brightness(1.1)}
:where(.br-body) .br-btn:active{transform:scale(.98)}
:where(.br-body) .br-btn[disabled]{transform:none;filter:none}
:where(.br-body) .br-btn.br-navy{background:var(--br-ink2);border-color:var(--br-ink2)}
:where(.br-body) .br-pill{border-width:1.5px;border-color:var(--br-line2);color:var(--br-ink2)}
:where(.br-body) .br-pill:hover{border-color:var(--br-ink2)}
:where(.br-body) .br-pill[aria-pressed="true"]{background:var(--br-ink2);border-color:var(--br-ink2);color:#fff}
:where(.br-body) .br-tab[aria-selected="true"]{color:var(--br-ink)}
:where(.br-body) .br-code,:where(.br-body) .br-mail,:where(.br-body) .br-text,:where(.br-body) .br-select,:where(.br-body) .br-wide{border-color:var(--br-line2);border-radius:12px}
.br-body .br-code:focus,.br-body .br-mail:focus,.br-body .br-text:focus,.br-body .br-select:focus{border-color:var(--br-red);box-shadow:0 0 0 3px rgba(184,35,42,.12)}

/* The portal menu in the page's navy and red. */
:where(.br-body) .br-home-nav{border:1px solid var(--br-line);border-radius:18px;box-shadow:var(--br-shadow)}
:where(.br-body) .br-nav-title{font-family:var(--br-serif);font-size:16px;font-weight:600;color:var(--br-ink)}
:where(.br-body) .br-nav-label{color:#5f6984}
:where(.br-body) .br-nav-group+.br-nav-group{border-top-color:var(--br-soft)}
:where(.br-body) .br-home-tab{color:var(--br-body)}
:where(.br-body) .br-home-tab:hover{background:var(--br-soft);color:var(--br-ink)}
:where(.br-body) .br-home-tab[aria-current="page"]{background:var(--br-redsoft);color:var(--br-ink);box-shadow:inset 3px 0 var(--br-red)}

/* Documents in a frame, as the old viewer had them. */
:where(.br-body) .br-home-doc{border:1px solid var(--br-line);border-radius:14px;overflow:hidden;padding:0;background:#fff}
:where(.br-body) .br-home-doc>summary{padding:0 14px;background:linear-gradient(180deg,#fbfcfe,#f4f6fa);color:var(--br-ink2)}
:where(.br-body) .br-home-doc[open]>summary{border-bottom:1px solid var(--br-line)}
:where(.br-body) .br-home-doc>*:not(summary){margin-left:14px;margin-right:14px}
:where(.br-body) .br-home-doc>.br-pdf{margin:8px 0 0;border:0;border-radius:0}
:where(.br-body) .br-pdf{background:#e8ebf2;border-color:var(--br-line);border-radius:12px}
:where(.br-body) .br-pdf canvas{background:#fff;border-radius:3px;box-shadow:0 1px 3px rgba(22,32,58,.2),0 6px 18px rgba(22,32,58,.12)}
:where(.br-body) .br-avatar{background:var(--br-soft);color:var(--br-ink2);border:1px solid var(--br-line)}

/* The staff score as a ring (board-home.js ring()). */
:where(.br-body) .br-ring{position:relative;flex:none;width:48px;height:48px;border-radius:50%;background:conic-gradient(var(--br-ink2) var(--br-ring-p,0%),var(--br-soft) 0);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}
:where(.br-body) .br-ring::before{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}
:where(.br-body) .br-ring b,:where(.br-body) .br-ring i{position:relative;line-height:1}
:where(.br-body) .br-ring b{font-size:15px;font-weight:800;color:var(--br-ink)}
:where(.br-body) .br-ring i{font-style:normal;font-size:8px;font-weight:700;letter-spacing:.04em;color:var(--br-muted);margin-top:2px}
:where(.br-body) .br-ring-0{--br-ring-p:0%}:where(.br-body) .br-ring-1{--br-ring-p:5%}:where(.br-body) .br-ring-2{--br-ring-p:10%}:where(.br-body) .br-ring-3{--br-ring-p:15%}:where(.br-body) .br-ring-4{--br-ring-p:20%}:where(.br-body) .br-ring-5{--br-ring-p:25%}:where(.br-body) .br-ring-6{--br-ring-p:30%}:where(.br-body) .br-ring-7{--br-ring-p:35%}:where(.br-body) .br-ring-8{--br-ring-p:40%}:where(.br-body) .br-ring-9{--br-ring-p:45%}:where(.br-body) .br-ring-10{--br-ring-p:50%}:where(.br-body) .br-ring-11{--br-ring-p:55%}:where(.br-body) .br-ring-12{--br-ring-p:60%}:where(.br-body) .br-ring-13{--br-ring-p:65%}:where(.br-body) .br-ring-14{--br-ring-p:70%}:where(.br-body) .br-ring-15{--br-ring-p:75%}:where(.br-body) .br-ring-16{--br-ring-p:80%}:where(.br-body) .br-ring-17{--br-ring-p:85%}:where(.br-body) .br-ring-18{--br-ring-p:90%}:where(.br-body) .br-ring-19{--br-ring-p:95%}:where(.br-body) .br-ring-20{--br-ring-p:100%}
:where(.br-body) .br-app>summary{flex-wrap:wrap}
:where(.br-body) .br-row-title .br-row-kind{font-family:var(--br-sans);font-weight:400;letter-spacing:0}

/* What a voter reads before the vote (ruling 3 of 12 October 2026), in the page's own frames. */
:where(.br-body) .br-readlist .br-readlink,:where(.br-body) details.br-readfold{border-color:var(--br-line);border-radius:14px;background:linear-gradient(180deg,#fbfcfe,#f4f6fa)}
:where(.br-body) details.br-readfold>summary{color:var(--br-ink2)}
:where(.br-body) details.br-readfold[open]>summary{border-bottom:1px solid var(--br-line);margin-bottom:8px}
:where(.br-body) details.br-readfold .br-words{border-color:var(--br-line);border-radius:10px}

/* The sheet and the footer. */
:where(.br-body) .br-sheetback{background:rgba(16,22,40,.6)}
:where(.br-body) .br-sheet{border-radius:18px;box-shadow:var(--br-shadow-lg)}
:where(.br-body) .br-foot{border-top-color:var(--br-line)}

@media(max-width:767px){
  :where(.br-body) .br-h1.br-itemh{font-size:24px;line-height:1.2}
}
@media(max-width:499px){
  :where(.br-body) .br-app>summary .br-row-title{flex:1 1 100%}
  /* A phone keeps the For you list on the first screen under the band (board-home-phone-fold, P6 finding F31): the
     greeting fits one line, the band and the count tiles are a little tighter, and the list's heading sits closer. */
  .br-hero-in{padding:14px var(--br-gut) 42px;gap:12px}
  .br-hero-ava{width:46px;height:46px;font-size:16px}
  .br-body .br-hero-id .br-hero-hi{font-size:clamp(21px,6.2vw,27px);margin:4px 0 8px}
  .br-stile{padding:8px 10px}
  .br-stat-n{font-size:22px}
  :where(.br-body) .br-home-h2{margin-top:14px}
}
@media(min-width:768px){
  .br-hero-in{padding:28px var(--br-gut) 72px;gap:22px}
  .br-hero-band:last-child .br-hero-in{padding-bottom:32px}
  .br-hero-ava{width:84px;height:84px;font-size:28px;border-width:3px}
  .br-body .br-hero-id .br-hero-hi{font-size:clamp(30px,3.6vw,40px);line-height:1.05}
  .br-stats-wrap{margin-top:-50px}
  .br-stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.6fr);gap:14px}
  .br-stile{border-radius:16px;padding:16px 18px}
  .br-stat-n{font-size:34px}
  .br-body .br-stile .br-stat-l{font-size:11.5px;margin-top:8px}
  :where(.br-body) .br-h1{font-size:32px}
  :where(.br-body) .br-home-h2{font-size:23px}
  :where(.br-body) .br-hdr .logolink{max-width:var(--br-col)}
}
@media(min-width:1000px){
  .br-hero-in,.br-stats-wrap,:where(.br-body) .br-hdr .logolink{max-width:1130px}
  .br-hero-in{padding-top:36px;padding-bottom:84px}
  .br-hero-ava{width:100px;height:100px;font-size:34px}
}
@media print{.br-hero{display:none!important}}

/* October 14: a calmer reading and voting page, approved by Anthony for older board members.
   New active requests only. Nothing floats over the material being read. Existing forms, the
   Executive Director's seat, finished decisions and historical items keep their layout. */
.br-body .br-plain .br-lead.br-simple-vote .br-voteblock{display:block;margin:20px 0 0;padding:0}
.br-body .br-plain .br-lead.br-simple-vote .br-voteblock .br-vote-acts{position:static;z-index:auto;margin:12px 0 0;padding:0;border:0;background:none;border-radius:0}
.br-body #itemHead.br-simple-vote .br-recspot{border:0;border-radius:0;background:none;padding:0;margin:16px 0 18px}
.br-body #itemHead.br-simple-vote .br-rec-details{margin:10px 0 0;background:#fff}
.br-body #itemHead.br-simple-vote .br-rec-details>summary{min-height:48px;color:var(--br-ink2)}
.br-body #itemHead.br-simple-vote .br-leadform{padding-top:16px;margin-top:0}
.br-body #itemHead.br-simple-vote .br-leadform-h{font-size:18px;margin-bottom:12px}
.br-body #itemHead.br-simple-vote .br-readfirst{display:flex;flex-direction:column;gap:10px;margin:0}
.br-body #itemHead.br-simple-vote .br-readfirst>.br-readfold,
.br-body #itemHead.br-simple-vote .br-readfirst>.br-readlist{margin:0}
.br-body #itemHead.br-simple-vote .br-vote-h{font-size:20px;margin:0 0 10px;padding-top:18px}
.br-body #itemHead.br-simple-vote .br-vote-note{color:var(--br-ink2);line-height:1.6;margin-top:10px}
.br-body #itemHead.br-simple-vote .br-discuss{margin-top:24px;padding-top:20px}
@media(max-width:600px){
  .br-body #itemHead.br-simple-vote{padding:18px 16px}
  .br-body #itemHead.br-simple-vote h2.br-lead-s{font-size:23px;line-height:1.3;letter-spacing:0}
  .br-body #itemHead.br-simple-vote p:not(.br-lead-k):not(.br-sr),
  .br-body #itemHead.br-simple-vote li,
  .br-body #itemHead.br-simple-vote summary,
  .br-body #itemHead.br-simple-vote a,
  .br-body #itemHead.br-simple-vote div:not(.br-sr),
  .br-body #itemHead.br-simple-vote label,
  .br-body #itemHead.br-simple-vote legend,
  .br-body #itemHead.br-simple-vote textarea{font-size:17px;line-height:1.55}
  .br-body #itemHead.br-simple-vote .br-vote-btn{font-size:18px;min-height:56px}
}

/* October 15: make the existing Discussion easy to find, on the vote card and below guided reading.
   Only its frame and heading change. The conversation, composer and controls stay in the normal page flow. */
.br-body #itemHead #forum.br-discuss,
.br-body #forum.br-discuss-own{margin-top:24px;padding:16px;border:1px solid #cbd8ea;border-left:4px solid var(--br-ink2);border-radius:12px;background:#eff4fb;min-width:0}
.br-body #forum.br-discuss .br-discuss-h{font-size:20px;font-weight:700;line-height:1.3;margin:0 0 10px;color:var(--br-ink2)}
.br-body #forum.br-discuss textarea{background:#fff}
/* ED participation names are separate from the private ballot and its history. */
.br-body .br-participation>summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;font-size:16px;font-weight:700;overflow-wrap:anywhere}
.br-body .br-participation>summary:focus-visible{outline:3px solid #2e6ab3;outline-offset:3px}
.br-body .br-participation-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px 24px}
.br-body .br-participation-lists h3{font-size:15px;margin:0 0 5px}
.br-body .br-participation-lists ul{list-style:none;margin:0;padding:0;font-size:15px;line-height:1.5}
.br-body .br-participation-lists li{padding:5px 0;overflow-wrap:anywhere}
/* The 2027 planning tab (board-planning-page.js, 26 October 2026): the saved line and Save at the top of the form, one
   checkbox or choice per line (48px tall, from .br-check and .br-fieldset .br-radio), the answers read only after the
   close; and in the portal menu, the tab's small mark while the director has not answered (the words are for a screen
   reader, .br-sr). */
:where(.br-body) .br-tab-mark{flex:none;width:8px;height:8px;border-radius:50%;background:var(--br-red);margin-left:auto}
:where(.br-body) .br-plan-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 6px;padding:12px 14px;border:1px solid var(--br-line);border-radius:12px;background:var(--br-bg)}
:where(.br-body) .br-plan-status{flex:1 1 220px;margin:0;font-size:14.5px;line-height:1.5;color:var(--br-body);overflow-wrap:anywhere}
:where(.br-body) .br-plan .br-plan-part{font-size:16px;line-height:1.35;margin:22px 0 8px}
:where(.br-body) .br-plan-month{margin:0 0 14px}
:where(.br-body) .br-plan-opt span{overflow-wrap:anywhere;line-height:1.35}
:where(.br-body) .br-plan .br-check{margin:0}
:where(.br-body) .br-plan .br-plan-form>.br-fieldset{margin:0 0 20px}
:where(.br-body) .br-plan-count{margin:4px 0 12px}
:where(.br-body) .br-plan-hint{margin:0 0 6px}
:where(.br-body) .br-plan-read dt{font-weight:700;margin:14px 0 4px}
:where(.br-body) .br-plan-read dd{margin:0}
:where(.br-body) .br-plan-read ul{margin:0 0 0 18px;padding:0;line-height:1.5}
:where(.br-body) .br-plan-read p{margin:0}

/* SMALL LABELS ON A PHONE (iPhone audit of 28 October 2026, BR-7). Below 768px the menu's group labels, the navy band's
   eyebrow, seat and count labels, the chips, the item number and a document's details read at 13 to 14px (they were 10
   to 13.5px). The band and the count tiles are a little tighter, so the home's first cards start no lower than before.
   Desktop keeps its sizes. Every rule names .br-body, so the staff Board Members page is not touched. */
@media (max-width:767px){
  .br-body .br-nav-label{font-size:13px;letter-spacing:.08em}
  .br-body .br-home-tab{font-size:13px}
  .br-body .br-hero-eyebrow{font-size:13px}
  .br-body .br-hpill{font-size:13px}
  .br-body .br-stile .br-stat-l{font-size:13px;letter-spacing:.02em;line-height:1.15}
  .br-body .br-stile .br-stat-pl{font-size:13px}
  .br-body .br-chip{font-size:13px}
  .br-body .br-id{font-size:14px}
  .br-body .br-docmeta,.br-body .br-changed{font-size:14px}
}
@media (max-width:499px){
  /* The progress tile gets the room "YOUR PROGRESS" needs on one line; the tiles and the band take back the height the
     bigger words add, so Recently approved and the lead card start where they did. */
  /* A count label never breaks inside a word (iPhone polish of 29 October 2026, BA-2). At 320 wide the first tile's
     label box was 52px and "NEEDED" is 55px, so "anywhere" broke it as "ACTIO / N / NEEDE / D". The labels wrap only
     between words, and the first two columns are never narrower than their longest word; where they already are
     wider (340px and up), the columns are exactly as before. */
  .br-body .br-stats{grid-template-columns:minmax(min-content,.9fr) minmax(min-content,.9fr) minmax(0,1.5fr)}
  .br-body .br-stile .br-stat-l{overflow-wrap:break-word}
  .br-body .br-stile{padding:7px 10px}
  .br-body .br-stile:not(.br-stile-prog) .br-stat-l{margin-top:4px}
  .br-body .br-hero-in{padding-top:11px}
  .br-body .br-hero-band:not(:last-child) .br-hero-in{padding-bottom:40px}
  .br-body .br-hero-id .br-hero-hi{margin:3px 0 7px}
}

/* Fixed voting windows. These status and action styles apply only to newly marked items. */
:where(.br-body) .br-window{margin:16px 0;padding:18px 20px;border:1px solid #cbd7e7;border-left:5px solid #243d64;border-radius:12px;background:#f3f7fc;color:#18263e;font-size:16px;line-height:1.5}
:where(.br-body) .br-window .br-window-phase{margin:0 0 6px;font-size:14px;font-weight:700;letter-spacing:.02em}
:where(.br-body) .br-window .br-btn{font-size:16px;min-height:44px;white-space:normal}
:where(.br-body) .br-window h2{margin:0 0 6px;font-size:20px;line-height:1.25}
:where(.br-body) .br-window p{margin:6px 0 0;overflow-wrap:anywhere}
:where(.br-body) .br-window-awaitingChair{border-color:#d8c69b;border-left-color:#8b6318;background:#fcf8ed}
:where(.br-body) .br-window-decided{border-color:#b7d2c5;border-left-color:#27704a;background:#f3f9f5}
:where(.br-body) .br-window-picker{margin:16px 0;padding:16px;border:1px solid #cad5e4;border-radius:10px;min-width:0}
:where(.br-body) .br-window-picker legend{font-size:18px;font-weight:700;padding:0 5px}
:where(.br-body) .br-window-picker select,:where(.br-body) .br-window-picker input,:where(.br-body) .br-window-tools input,:where(.br-body) .br-window-tools textarea,:where(.br-body) .br-postvote textarea{font-size:16px;min-height:44px;width:100%;max-width:100%;box-sizing:border-box}
:where(.br-body) .br-window-preview{padding:10px 12px;background:#f1f5fa;border-radius:8px;font-size:16px;line-height:1.5;overflow-wrap:anywhere}
:where(.br-body) .br-window-govote{display:block!important}
:where(.br-body) .br-window-govote .br-btn{min-height:44px;min-width:120px;font-size:16px}
:where(.br-body) .br-vote-recorded{border-left:4px solid #27704a;padding:10px 12px;background:#f3f9f5;border-radius:6px}
:where(.br-body) .br-window-tools .br-btn,:where(.br-body) .br-postvote .br-btn{min-height:44px;font-size:16px;white-space:normal}
:where(.br-body) .br-window-row{display:block;margin-top:8px;font-size:16px;font-weight:600;color:#243d64;overflow-wrap:anywhere}
@media(max-width:480px){:where(.br-body) .br-window{padding:14px;margin:12px 0}:where(.br-body) .br-window h2{font-size:19px}:where(.br-body) .br-window-picker{padding:12px}:where(.br-body) .br-window-tools .br-acts,:where(.br-body) .br-postvote .br-acts{display:grid;grid-template-columns:1fr}:where(.br-body) .br-window-tools .br-btn,:where(.br-body) .br-postvote .br-btn{width:100%}}

:where(.br-body) .br-window-row-vote{display:inline-flex;justify-content:center;align-items:center;align-self:flex-start;min-width:100px;min-height:44px;font-size:16px;margin-top:10px;white-space:normal}
/* The fixed voting window screens after the review of 31 October 2026. The Board Chair's tools at an unresolved deadline
   sit inside the Chair's own card, right under its words (P1); a "Your part" card that holds them never stays pinned, so
   it cannot cover the page as it scrolls. The period picker leads with who recommends how long (P6), and its custom box
   shows only once Custom is chosen. On the plain pages the Vote button sits in the voting period box (P5). */
.br-body .br-fixed.br-fixed-tools{position:static}
:where(.br-body) .br-window-tools-in{margin:10px 0 4px;padding:12px 0 0;border-top:1px solid var(--br-line)}
:where(.br-body) .br-window-tools-in .br-label{margin-top:6px}
:where(.br-body) .br-window-tools-in .br-window-preview{margin:6px 0 4px}
:where(.br-body) .br-window-tools-in .br-acts{margin:10px 0 0}
:where(.br-body) .br-window-who{font-weight:700}
:where(.br-body) .br-window-rec{margin:0 0 4px;font-size:16px;font-weight:700;color:var(--br-ink)}
:where(.br-body) .br-window-custom[hidden]{display:none}
:where(.br-body) .br-fixed p.br-window-lead{font-weight:600}
:where(.br-body) .br-lead .br-window-picker{margin:12px 0}
@media(max-width:480px){:where(.br-body) .br-window-tools-in .br-acts{display:grid;grid-template-columns:1fr}:where(.br-body) .br-window-tools-in .br-btn{width:100%}}
:where(.br-body) .br-window-vote .br-btn{min-width:160px;margin-top:4px}
:where(.br-body) .br-window-compact h2{margin-bottom:2px}
@media(max-width:480px){:where(.br-body) .br-window-vote .br-btn{width:100%}}
/* From 600px wide the Vote button sits at the top right of the box, beside its title, so it is on the first screen of a
   phone held sideways (844x390) whatever the box's lines below say. */
@media(min-width:600px){:where(.br-body) .br-window-hasvote{position:relative}:where(.br-body) .br-window-hasvote .br-window-phase,:where(.br-body) .br-window-hasvote h2{padding-right:240px}:where(.br-body) .br-window-hasvote .br-window-vote{position:absolute;top:14px;right:18px;margin:0}:where(.br-body) .br-window-hasvote .br-window-vote .br-btn{margin:0}}
/* A result that is not an approval is never drawn in the approval's green. */
:where(.br-body) .br-window-notapproved{border-color:#d6d3cf;border-left-color:#6b6460;background:#f7f6f4}
/* Anthony's ruling of 31 October 2026 ("Chair only, with a reason"): the acting Chair's Withdraw this vote, with the
   Chair's other tools, drawn as a serious step (red outline), and the withdrawn vote's reason on the item. */
:where(.br-body) .br-withdraw-tool .br-btn.br-withdraw-btn{border-color:var(--br-red);color:var(--br-red);background:#fff}
:where(.br-body) .br-withdrawn-note{border-left:4px solid var(--br-red)}
:where(.br-body) .br-withdrawn-note p{overflow-wrap:anywhere}
/* A staff vote through the Executive Committee (Anthony's rulings of 31 October 2026; board-voting-page.js and
   board-room-page.js renderMarkedItem). "Questions about this item" is the anchor right under the title, marked in the
   board's blue; the Chair's step sits in the top card under a rule, its buttons full width on a phone; the participation
   and committee cards read as plain lines of names; the help line and the dead end's address box follow the board's
   phone rules (44px or more to tap, 16px text in every box, nothing wider than the screen). */
:where(.br-body) .br-qcard{border-left:4px solid var(--br-blue)}
:where(.br-body) .br-qhead{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:14px;margin:0 0 8px}
:where(.br-body) .br-qhead h2{margin:0}
:where(.br-body) .br-qcard .br-qwords{margin:2px 0 0}
:where(.br-body) .br-qcard>.br-acts{margin:0 0 10px}
:where(.br-body) .br-qcard .br-qline{margin:0 0 4px;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
:where(.br-body) .br-qcard .br-qwho{margin:0 0 4px}
:where(.br-body) .br-qcard .br-qlist{margin:12px 0 0;border-top:1px solid var(--br-line);padding-top:6px}
:where(.br-body) .br-qcard .br-askbox{margin:8px 0 0}
:where(.br-body) .br-question:focus{outline:3px solid var(--br-blue);outline-offset:3px;border-radius:6px}
:where(.br-body) .br-step{margin:10px 0 2px;padding:10px 0 0;border-top:1px solid var(--br-line);min-width:0}
/* One dividing line above the Chair's step (the Chrome real-states test of 1 November 2026): a reader's step whose words the
   part or the closing time already says is empty and draws none (an officer at step D), and the extend-or-close tools
   inside the step (C and G) add no second line right under it. */
:where(.br-body) .br-step:empty{display:none}
:where(.br-body) .br-step .br-window-tools-in{margin-top:0;padding-top:0;border-top:0}
:where(.br-body) .br-fixed p.br-step-why{font-weight:700}
:where(.br-body) .br-fixed p.br-step-words{font-weight:600}
:where(.br-body) .br-period{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"pick" "note" "warn" "acts";min-width:0}
:where(.br-body) .br-period-pick{grid-area:pick;min-width:0}
:where(.br-body) .br-fixed p.br-period-note{grid-area:note;margin:6px 0 0}
/* Follow-up of 1 November 2026, item 1: the line under the menu when the chosen period leaves no reminder. */
:where(.br-body) .br-fixed p.br-period-warn{grid-area:warn;margin:6px 0 0;font-weight:600;color:var(--br-amber)}
:where(.br-body) .br-period .br-step-acts{grid-area:acts}
:where(.br-body) .br-period .br-label{margin-top:2px}
:where(.br-body) .br-period select{display:block;width:100%;max-width:100%;font-size:16px;min-height:48px;box-sizing:border-box}
:where(.br-body) .br-period-rec{font-weight:700;color:var(--br-ink)}
@media(min-width:600px){:where(.br-body) .br-period{grid-template-columns:minmax(0,300px) minmax(0,1fr);grid-template-areas:"pick acts" "note note" "warn warn";column-gap:12px;align-items:end}:where(.br-body) .br-period .br-step-acts{margin:0}}
:where(.br-body) .br-step-acts{margin:10px 0 0}
:where(.br-body) .br-step-back{margin:10px 0 0}
:where(.br-body) .br-step-back .br-label{margin-top:0}
:where(.br-body) .br-unanswered{margin:8px 0 2px}
:where(.br-body) .br-fixed p.br-unanswered-h{font-weight:700;margin:0 0 2px}
:where(.br-body) .br-unanswered ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
:where(.br-body) .br-unanswered li{display:flex;flex-direction:column;gap:0;border-left:3px solid var(--br-amberline);padding:0 0 2px 10px;min-width:0}
:where(.br-body) .br-unanswered li .br-muted{font-size:13.5px;overflow-wrap:anywhere}
:where(.br-body) .br-linkbtn{font:inherit;font-size:15px;font-weight:700;min-height:44px;min-width:44px;padding:4px 0;border:0;background:none;color:var(--br-blue);text-decoration:underline;text-align:left;cursor:pointer;overflow-wrap:anywhere;max-width:100%}
:where(.br-body) .br-fixed p.br-step-note{margin:6px 0 0}
:where(.br-body) .br-chips-row{align-items:center;gap:6px 10px;margin:0 0 4px}
:where(.br-body) .br-fixed .br-chips-row p.br-result{margin:0}
:where(.br-body) .br-qflag{margin:6px 0 2px}
:where(.br-body) .br-qflag .br-chip{white-space:normal;text-align:left;font-size:13px}
/* A phone held sideways (768px wide or more, 500px tall or less): while a round is open the Board Chair's top card carries
   the closing time, the questions flag, the Vote button and Withdraw this vote, which put Ask a question 1.58 screens down
   at 844x390 (the Chrome real-states test of 1 November 2026). The flag shares the closing time's row and the withdraw tool
   sits a little closer, so Ask a question stays within 1.5 screens. Only a staff vote through the Executive Committee has
   data-step on its top card. */
@media (min-width:768px) and (max-height:500px){
  :where(.br-body) #itemHead[data-step] .br-stage{display:inline-block;margin-right:10px}
  :where(.br-body) #itemHead[data-step] .br-qflag{display:inline-block;margin:0}
  :where(.br-body) #itemHead[data-step] .br-withdraw-tool{margin:6px 0 2px;padding:8px 0 0}
  :where(.br-body) #itemHead[data-step] .br-withdraw-tool .br-acts{margin:6px 0 0}
}
:where(.br-body) .br-fixed p.br-result b{color:var(--br-ink)}
:where(.br-body) .br-carried{margin:0 0 10px;padding:10px 12px;border-radius:10px;background:var(--br-bluesoft);border:1px solid var(--br-blueline);color:#1b3a78;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
:where(.br-body) .br-names{margin:8px 0 0;font-size:15px;line-height:1.55;overflow-wrap:anywhere}
:where(.br-body) .br-committee .br-qresult{margin:10px 0 0}
:where(.br-body) .br-committee .br-voterlist,:where(.br-body) .br-participation-card .br-voterlist{margin-top:10px}
:where(.br-body) .br-helpline{margin:-4px 0 14px;overflow-wrap:anywhere}
:where(.br-body) .br-row-q{font-size:13.5px;font-weight:700;color:var(--br-red);overflow-wrap:anywhere}
:where(.br-body) .br-linkreq{margin:14px 0 10px;padding:14px 0 0;border-top:1px solid var(--br-line)}
:where(.br-body) .br-linkreq h2{font-size:17px;margin:0 0 6px}
:where(.br-body) .br-linkreq .br-mail{font-size:16px;min-height:48px}
:where(.br-body) .br-linkreq-row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
@media(min-width:600px){:where(.br-body) .br-linkreq-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}}
:where(.br-body) .br-linkreq #linkReqMsg .br-msg{margin:10px 0 0}
:where(.br-body) .br-linkreq #linkReqBusy{margin:8px 0 0}
@media(max-width:480px){:where(.br-body) .br-step-acts,:where(.br-body) .br-step-back .br-acts,:where(.br-body) .br-qcard>.br-acts,:where(.br-body) .br-askbox .br-acts{display:grid;grid-template-columns:1fr}:where(.br-body) .br-step-acts .br-btn,:where(.br-body) .br-step-back .br-btn,:where(.br-body) .br-qcard>.br-acts .br-btn,:where(.br-body) .br-askbox .br-btn,:where(.br-body) .br-linkreq .br-btn{width:100%}}
/* Follow-up of 1 November 2026: who set a round's deadline, right beside its closing time (item 1), and the audit
   document in the top card once a result is recorded or the item ended (item 3): one line saying what the decision memo
   is, then Decision memo (PDF) and Download the record (PDF) side by side, full width on a phone. */
:where(.br-body) .br-setby{font-weight:600}
:where(.br-body) .br-memo-top{margin:10px 0 2px;padding:10px 0 0;border-top:1px solid var(--br-line);min-width:0}
:where(.br-body) .br-fixed p.br-memo-line{margin:0 0 8px;font-weight:600}
:where(.br-body) .br-memo-acts{margin:0}
@media(max-width:480px){:where(.br-body) .br-memo-acts{display:grid;grid-template-columns:1fr}:where(.br-body) .br-memo-acts .br-btn{width:100%}}
/* A phone held sideways: who set the deadline makes the closing time two lines, so the questions flag takes a row of its
   own on the Board Chair's top card while the full Board votes (the Chrome real-states test put Ask a question 1.6 screens
   down at 844x390). The Vote button and the closed Withdraw this vote now share one row there, so Ask stays within 1.5
   screens. An open Withdraw this vote (its reason box) keeps its own lines and its rule. */
@media (min-width:768px) and (max-height:500px){
  :where(.br-body) #itemHead[data-step] .br-window-govote{display:inline-block!important;vertical-align:middle;margin:6px 12px 2px 0}
  :where(.br-body) #itemHead[data-step] .br-window-govote + .br-withdraw-tool:not(:has(textarea)){display:inline-block;vertical-align:middle;margin:6px 0 2px;padding:0;border-top:0}
  :where(.br-body) #itemHead[data-step] .br-window-govote + .br-withdraw-tool:not(:has(textarea)) .br-acts{margin:0}
}