/* Records Desk house stylesheet, rev. 3. Building 4. */
:root{
  --ink:#1c1c1a; --paper:#f4f1e8; --paper-2:#ebe6d8; --rule:#b9b2a0;
  --band:#23304a; --band-2:#34435f; --strip:#e4e0d4; --muted:#55524a;
  --stamp:#8b1d1d; --link:#1d3f7a; --focus:#c28a00;
  --serif:Georgia,"Times New Roman",Times,serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:"Courier New",Courier,"Liberation Mono",monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#d9d5c9;color:var(--ink);font:16px/1.55 var(--sans)}
a{color:var(--link)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:.5em 1em;z-index:10}
.skip:focus{left:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* official strip */
.strip{background:var(--strip);font-size:.8rem;border-bottom:1px solid var(--rule)}
.strip .wrap{padding:.3rem 1rem}
.strip summary{cursor:pointer;color:var(--link);text-decoration:underline;display:inline}
.strip details p{margin:.4rem 0;max-width:60ch}

.wrap{max-width:68rem;margin:0 auto;padding:0 1rem}

/* masthead */
.masthead{background:var(--band);color:#f1eee6;border-bottom:4px solid #9a8f6c}
.masthead .wrap{display:flex;align-items:center;gap:1rem;padding:.9rem 1rem}
.masthead img{width:64px;height:64px;background:#f4f1e8;border-radius:50%;padding:3px;flex:none}
.masthead a.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:1rem}
/* name block */
.portal-name,.portal-sub{display:block}
.portal-name{font:700 1.45rem/1.1 var(--serif);letter-spacing:.14em;text-transform:uppercase;margin:0}
.portal-sub{font:.8rem/1.3 var(--sans);letter-spacing:.3em;text-transform:uppercase;margin:.25rem 0 0;color:#cfc8b4}
.desk{margin-left:auto;text-align:right;font-size:.75rem;color:#cfc8b4;line-height:1.35}

nav.main{background:var(--band-2)}
nav.main ul{list-style:none;margin:0 auto;padding:0 .5rem;display:flex;flex-wrap:wrap;max-width:68rem}
nav.main a{display:block;color:#fff;text-decoration:none;padding:.6rem .9rem;font-size:.92rem}
nav.main a:hover{background:#46567a}
nav.main a[aria-current=page]{background:var(--paper);color:var(--ink)}

main{display:block}
.sheet{background:var(--paper);max-width:68rem;margin:1.25rem auto;padding:1.5rem 1.75rem 2rem;border:1px solid var(--rule);box-shadow:0 1px 0 #fff inset,0 2px 6px rgba(0,0,0,.08)}
h1,h2,h3{font-family:var(--serif);line-height:1.2}
h1{font-size:1.7rem;margin:.2rem 0 .8rem;letter-spacing:.02em}
h2{font-size:1.2rem;margin:1.8rem 0 .6rem;padding-bottom:.25rem;border-bottom:1px solid var(--rule);text-transform:uppercase;letter-spacing:.08em}
h3{font-size:1.02rem;margin:1.2rem 0 .4rem}
.formno{font:.75rem var(--mono);color:var(--muted);letter-spacing:.05em}
.lede{font-size:1.05rem;max-width:60ch}
.muted{color:var(--muted)}
small,.small{font-size:.82rem}

/* notices */
.notice{border:1px solid #9a8f6c;border-left:6px solid var(--stamp);background:#fbf8ef;padding:.75rem 1rem;margin:1rem 0}
.notice strong{letter-spacing:.06em;text-transform:uppercase;font-size:.85rem}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.card{background:#fff;border:1px solid var(--rule);padding:1rem}
.card h3{margin-top:0}
.btn,button{display:inline-block;font:600 .95rem var(--sans);background:var(--band);color:#fff;border:1px solid #111;border-radius:2px;padding:.55rem 1rem;text-decoration:none;cursor:pointer}
.btn.secondary{background:#fff;color:var(--band)}
.hero{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}
.hero img{width:160px;height:160px}
.hero .txt{flex:1 1 20rem}
ul.plain{list-style:none;padding:0;margin:0}
ul.plain li{padding:.45rem 0;border-bottom:1px dotted var(--rule)}
dl.facts{display:grid;grid-template-columns:max-content 1fr;gap:.3rem 1rem;margin:0}
dl.facts dt{font:700 .78rem var(--mono);text-transform:uppercase;letter-spacing:.06em;padding-top:.15rem}
dl.facts dd{margin:0}

/* tables */
.tbl{width:100%;border-collapse:collapse;font-size:.92rem;background:#fff}
.tbl th,.tbl td{border:1px solid var(--rule);padding:.45rem .55rem;text-align:left;vertical-align:top}
.tbl th{background:var(--paper-2);font:700 .75rem var(--mono);text-transform:uppercase;letter-spacing:.05em}
.tblwrap{overflow-x:auto}
/* records index: scrollable panel, ends in a Loading row that does not resolve */
.scrollpanel{max-height:15rem;overflow:auto;border:1px solid var(--rule);background:#fff}
.scrollpanel .tbl thead th{position:sticky;top:0;z-index:1}
.scrollpanel:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.loading-row td{font:.8rem var(--mono);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:.7rem .55rem;background:var(--paper)}
.loading-row .dots::after{content:"";display:inline-block;width:1.5em;text-align:left;animation:dots 1.4s steps(4,end) infinite}
@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
@media (prefers-reduced-motion:reduce){.loading-row .dots::after{animation:none;content:"..."}}
.tbl td.clrcell{padding:.3rem;width:50%}
.tbl td.clrcell .withheld{margin:0;min-height:1.7em;padding:.3rem .45rem}

/* typed document */
.doc{background:#fffdf6;border:1px solid var(--rule);padding:1.25rem 1.4rem;font:.98rem/1.6 var(--mono);position:relative}
.doc h2,.doc h3{font-family:var(--mono)}
.doc p{margin:.35rem 0}
.doc .line{display:block}
.hand{font-family:"Segoe Print","Bradley Hand","Comic Neue",cursive;font-size:1.15rem;color:#1b2a6b}

/* redaction grammar: marker (no label), block (WITHHELD, incl. field-width), word bar (EX., canon only) */
.marker{display:inline-block;background:#121212;min-width:5.5em;height:1.05em;vertical-align:-.12em;border-radius:3px 6px 4px 7px;transform:rotate(-.6deg)}
.withheld{display:block;background:#121212;color:#fff;min-height:2.6em;margin:.45rem 0;padding:.2rem .45rem;font:600 .62rem/1.2 var(--mono);letter-spacing:.12em}
.withheld.tall{min-height:5.2em}
/* field-width block: fills the entire value of a form field */
.withheld.field{display:block;width:100%;min-height:1.7em;margin:0;padding:.3rem .45rem}
dl.facts dd.fieldval{align-self:stretch}
.tbl td.fieldcell{padding:.3rem}
.bar{display:inline-block;background:#121212;color:#fff;font:.7rem/1.55 var(--mono);padding:0 .45em;vertical-align:.05em;white-space:nowrap}
.frag{display:block;font-style:italic;color:#333;margin:.1rem 0}

/* stamps */
.stamp{display:inline-block;border:3px solid var(--stamp);color:var(--stamp);font:700 1.05rem var(--sans);letter-spacing:.14em;padding:.15rem .6rem;text-transform:uppercase;transform:rotate(-3deg);border-radius:3px;margin:.2rem .3rem .2rem 0}
.stamp.mod{font-size:.7rem;border-width:2px;transform:rotate(2deg);vertical-align:middle}
.stamp.grey{border-color:#555;color:#555}
.tier{font:700 .75rem var(--mono);letter-spacing:.06em;text-transform:uppercase}

/* forms */
form .field{margin:0 0 1rem}
label,legend{display:block;font-weight:600;margin-bottom:.25rem}
.hint{display:block;font-weight:400;font-size:.82rem;color:var(--muted)}
input[type=text],input[type=search],input[type=datetime-local],select,textarea{width:100%;max-width:36rem;font:1rem var(--sans);padding:.5rem;border:1px solid #6d6a60;border-radius:2px;background:#fff}
textarea{min-height:8rem}
fieldset{border:1px solid var(--rule);padding:.6rem .9rem;margin:0 0 1rem;max-width:36rem}
fieldset label{font-weight:400;display:flex;gap:.5rem;align-items:flex-start}
fieldset .field label{display:block;font-weight:600}
fieldset .field:last-child{margin-bottom:.2rem}
fieldset > p.hint{margin:0 0 .7rem}
textarea.short{min-height:4.5rem}
[data-show][hidden]{display:none}
.ack{border:2px solid var(--band);background:#fff;padding:1rem 1.2rem;margin:1rem 0}
.ack[hidden]{display:none}
.ack h2{margin-top:0;border:0}
.search{display:flex;gap:.5rem;flex-wrap:wrap;margin:.5rem 0 1rem}
.search input{flex:1 1 16rem}
.result-msg{min-height:1.5em;font-size:.9rem}

/* footer */
footer.site{background:#1a1f2b;color:#bfb9a8;font-size:.8rem;margin-top:2rem}
footer.site .wrap{padding:1.1rem 1rem 1.4rem}
footer.site a{color:#e3dcc7}
.classif{background:#0f1218;color:#d6cfb8;text-align:center;font:700 .7rem var(--mono);letter-spacing:.22em;padding:.35rem .5rem;text-transform:uppercase}
footer.site ul{list-style:none;padding:0;margin:.6rem 0;display:flex;flex-wrap:wrap;gap:.3rem 1.2rem}
footer.site p{margin:.35rem 0}
footer.site .formno{color:#a9a390}
footer.site .faint{color:#8d8878;font-size:.72rem;letter-spacing:.02em}
footer.site .hand{color:#e3dcc7;font-size:1rem}

@media (max-width:40rem){
  .masthead .wrap{flex-wrap:wrap}
  .masthead img{width:48px;height:48px}
  .portal-name{font-size:1.08rem;letter-spacing:.1em}
  .portal-sub{letter-spacing:.18em;font-size:.7rem}
  .desk{margin-left:0;text-align:left;width:100%}
  .sheet{margin:.6rem .4rem;padding:1rem .9rem 1.4rem}
  h1{font-size:1.35rem}
  .doc{padding:.9rem .8rem;font-size:.9rem}
  dl.facts{grid-template-columns:1fr}
  dl.facts dt{padding-top:.5rem}
  .hero img{width:112px;height:112px}
  nav.main a{padding:.55rem .65rem;font-size:.88rem}
}
@media print{nav.main,.strip,.skip{display:none}body{background:#fff}.sheet{border:0;box-shadow:none}}

/* =====================================================================
   SUB-LEVEL B FINDING AID                                    FORM 9-R
   Formerly microfiche. Relocated here by Records. Do not delete.

   Restricted holdings are retrieved by DRAWER.FRAME.
   Drawers and frames follow the Records Retention Schedule
   (policies.html). The numbering note is filed with the schedule.

   Access phrase, as retrieved (one line per word):
     13.03 02.02 04.05 08.06
     06.02 07.13 10.02
     09.01 12.05 03.10 01.06
     05.09 03.09 11.12 13.01 02.07

   Enter the retrieved phrase in the Records Search (records.html).
   Standard procedure.
   ===================================================================== */