@media screen {
body.office {background-color:#d2dadd;background-image:repeating-linear-gradient(90deg,#435d710c 0 1px,transparent 1px 6px);}
.office .paper {border-top:4px solid #896d41;box-shadow:0 12px 35px #3b2b201c,0 2px 0 #c7b799;}
.office .masthead {border-bottom:3px double #ac8c54;background:linear-gradient(100deg,#152638,#2e465e 65%,#1b3044);}
.office .paper h1 {font-variant:small-caps;letter-spacing:-.035em;}
.ledger {border:1px solid var(--rule);}
.ledger li {padding:.8rem 1rem;}
.ledger li:nth-child(odd),.board-row:nth-child(even) {background:#916f3710;}
}
.board {margin:1.45rem 0;border:1px solid var(--rule);border-radius:3px;overflow:hidden;}
.board>h2 {font:600 .98rem Georgia,serif;letter-spacing:.08em;font-variant:small-caps;background:linear-gradient(95deg,#213448,#3c5569);color:#fff4d9;margin:0;padding:.7rem 1rem;border-bottom:2px solid #ab8e5c;}
.board-row,.officer-row,.officer-head {display:flex;align-items:center;gap:1rem;}
.board-row,.officer-row {padding:.85rem 1rem;border-bottom:1px solid var(--rule);}
.board-row:last-child,.officer-row:last-child {border-bottom:0;}
.board-row>div {min-width:0;flex:1;}.board-row small {display:block;color:var(--muted);}
.board-name,.officer-row strong {font-weight:bold;font-size:1.15rem;}
.tally {text-align:right;font-variant-numeric:tabular-nums;font-weight:bold;}.tally small {font-weight:normal;}
.rank-duty,.vacant,.profile-note,.notes form {margin:0;padding:.85rem 1rem;}
.vacant {color:var(--muted);font-style:italic;}
.officer-row {text-decoration:none;background:#96733f0c;}.officer-row:hover {background:#96733f1b;}
.officer-photo,.profile-photo {object-fit:cover;border:2px solid #aa9166;color-scheme:only light;filter:none!important;}
.officer-photo {width:clamp(76px,13vw,144px);aspect-ratio:144/124;}.profile-photo {width:clamp(84px,18vw,190px);}
.officer-head {flex-wrap:wrap;}.officer-head h1 {margin:0;}
.rank-badge {width:4.6rem;height:4.6rem;flex:none;margin-left:auto;object-fit:contain;filter:drop-shadow(0 2px 2px #17120d80);}
.officer-head .rank-badge {width:5.8rem;height:5.8rem;}
.profile-note {border-top:1px solid var(--rule);}.profile-note p {margin:.45rem 0;white-space:normal;}
.notes textarea {width:100%;max-width:42rem;}.notes label {display:block;}
@media(max-width:550px){.officer-head {gap:.65rem;}.officer-row {gap:.65rem;padding:.7rem;}.rank-badge {width:3.6rem;height:3.6rem;}}

.office main {margin-inline:0;}
.parchment,.office .paper.parchment {color-scheme:only light;color:#382c1c;background-color:#f1dfb4;background-image:linear-gradient(100deg,#98733b25,transparent 9%,transparent 91%,#96703a35),radial-gradient(ellipse at 15% 7%,#fff7d8a3,transparent 62%),repeating-linear-gradient(3deg,transparent 0 3px,#9d794012 4px);border:1px solid #c3a16a;box-shadow:inset 0 0 2rem #98704124,0 .28rem .55rem #38251628;}
.bulletin-sheet {position:relative;margin:1.4rem 0;padding:clamp(1.35rem,4vw,3rem);border-radius:1px 4px 12px 3px;overflow-wrap:anywhere;}
.bulletin-sheet header {display:flex;flex-wrap:wrap;gap:.25rem 1rem;justify-content:space-between;border-bottom:3px double #b39a70;padding-bottom:.65rem;margin-bottom:1.2rem;color:#665036;font-variant:small-caps;}
.bulletin-sheet h2 {margin:.5rem 0 1rem;font-size:clamp(1.45rem,3vw,2.2rem);}
.bulletin-sheet h2 a {color:#55331e;text-decoration-thickness:1px;text-underline-offset:.18em;}
.bulletin-body {max-width:78ch;line-height:1.65;}.bulletin-sheet footer {margin:1.7rem 0 0 auto;border-top:1px solid #b39973;padding-top:.35rem;width:fit-content;max-width:100%;min-width:min(10rem,100%);text-align:right;font:italic 1.2rem Georgia,serif;}

.desk-actions {display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}.desk-actions a {padding:.45rem .8rem;border:1px solid #9a8061;text-decoration:none;font-weight:bold}.desk-actions a:first-child {background:#634637;color:#fff5dd;}
.desk-mat {padding:clamp(1rem,3vw,2rem);display:grid;align-items:start;grid-template-columns:minmax(0,5fr) minmax(0,4fr);gap:1.25rem;background:radial-gradient(ellipse at top left,#514238,#392e27 65%,#2d251f);border:4px double #978459;border-radius:5px;}
.desk-feature {padding:clamp(1rem,3vw,2.2rem);overflow-wrap:anywhere;text-align:center}.desk-feature header {font-variant:small-caps;border-bottom:3px double #9f855a;padding-bottom:.65rem}.desk-feature small {display:block}.desk-feature h3 {font-size:1.5rem;margin:.7rem 0}.desk-feature .poster-type {text-transform:uppercase;letter-spacing:.04em;font-size:clamp(1.4rem,3vw,3rem);margin:1rem 0 .4rem}
.desk-book {padding:1.25rem;background:#eee2ca;color:#30281c;border-left:6px double #ad9673;box-shadow:3px 3px 0 #b6a482}.desk-book h2 {font-variant:small-caps;margin:0 0 .6rem}.desk-book a {display:flex;justify-content:space-between;gap:.6rem;border-bottom:1px solid #bcab8e;padding:.75rem 0;text-decoration:none;color:#603523}
.ledger.paper-stack {border:0}.ledger.paper-stack li,.profile-note {margin:.8rem 0;padding:1rem 1.25rem;background:linear-gradient(110deg,#e6cfa1,#faf0d6 30%,#f1dfb7 90%,#e3cda8);color:#382c1c;border:1px solid #c3a16a;border-left:3px double #a88a59;box-shadow:0 2px 4px #3726121c}
@media(max-width:800px){.desk-mat {grid-template-columns:1fr}}

@media screen {
 :root {color-scheme:dark;--ink:#ede3cf;--muted:#c1b6a3;--cream:#332c20;--rule:#635a49;--wine:#ad9672;}
 body,body.office {background:#292d2e;color:var(--ink);}
 .office .paper,.paper,.entry .shell:not(:has(.frontispiece)) {background-color:#332d22;}
 .letterhead,dt {color:#cabb9e;}a {color:#e4bf94;}input,textarea,select {background:#25221d;color:var(--ink);}
 button,.supply-add,.supply-tabs .active {background:#354a5d;color:#fff2d7;border-color:#766955;}
 .notice,.desk-book {background:#352f24;color:var(--ink);}
 .desk-book a {color:#e6cfac;}.parchment,.office .paper.parchment {--ink:#392c1e;--muted:#655945;--wine:#644026;color:#392c1e;}
 .parchment a,.paper-stack li a,.profile-note a {color:#603b24;}
 .ledger.paper-stack li small,.paper-stack li {color:#604c36;}
 .supply-tabs a {color:#372d22;}.supply-tabs a[aria-current="page"] {color:#fff3d8;background:#364c60;}
 .online-panel {min-width:0;padding:1.1rem;background:#262d30;border:1px solid #575750;align-self:start;margin:2rem 1rem;}
 .online-panel h2 {font-size:1.1rem;color:#e1d2b6;margin:0 0 .8rem;}
 .online-card {display:flex;align-items:center;gap:.8rem;background:#353b3c;border:1px solid #535858;padding:.55rem;margin:.4rem 0;text-decoration:none;color:#f3e8d2;overflow-wrap:anywhere;}
 .online-card img,.online-initial {width:44px;height:44px;object-fit:cover;flex:none;}.online-initial {display:grid;place-items:center;background:#243544;color:#dec99f;}
 @media(min-width:1150px){.shell.with-online {grid-template-columns:minmax(210px,255px) minmax(0,1fr) minmax(200px,17vw);}}
 @media(min-width:801px) and (max-width:1149px){.online-panel {grid-column:2;}}
}
@media print {.online-panel {display:none;}}

.branch-picker {margin:0 0 1.2rem;padding:0 .35rem 1rem;border-bottom:1px solid #776e5d;}
.branch-picker h2 {margin:0 0 .5rem;font:600 .7rem system-ui;letter-spacing:.1em;text-transform:uppercase;color:#d5c6ab;}
.branch-picker form {display:grid;grid-template-columns:1fr 1fr;gap:.35rem;}
.branch-picker button {padding:.55rem .2rem;background:transparent;color:#e9e1d2;border:1px solid #687076;font-size:.83rem;}
.branch-picker button:last-child {grid-column:1/-1;}
.branch-picker button[aria-pressed=true],.branch-picker button:hover {background:#4c4336;border-color:#c6a978;color:#fff2d5;}