/* A protected reading copy: serif document, sans-serif controls, math in its own face. */
@font-face { font-family:"Archive Song"; src:url("fonts/noto-serif-sc.woff2") format("woff2"); font-style:normal; font-weight:200 900; font-display:swap; }
@font-face { font-family:"Archive Times"; src:url("fonts/tinos-regular.woff2") format("woff2"); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:"Archive Times"; src:url("fonts/tinos-bold.woff2") format("woff2"); font-style:normal; font-weight:700; font-display:swap; }
@font-face { font-family:"Archive Times"; src:url("fonts/tinos-italic.woff2") format("woff2"); font-style:italic; font-weight:400; font-display:swap; }
@font-face { font-family:"Archive Times"; src:url("fonts/tinos-bold-italic.woff2") format("woff2"); font-style:italic; font-weight:700; font-display:swap; }
:root { --document-serif:"Times New Roman","Archive Times","Archive Song","Songti SC",SimSun,serif; }

.document-content, .brief-records p, .document-sheet.about-sheet > p,
.supplement-scope, .intro-note p { font-family:var(--document-serif); font-synthesis:none; }
.document-content { font-weight:400; }
.document-content strong { font-weight:700; }
.document-content .speaker, .document-content .document-subheading,
.document-content .record-row > span:first-child, .directive-record h3,
.document-content .footnote-title, .document-content figcaption,
.document-content .reading-note h2 { font-family:var(--sans); }
.document-content .speaker { font-weight:700; }
.document-content .log-time { font-family:var(--mono); }
.document-content .classification-term { font-style:italic; }
.intro-note .note-signature, .supplement-deck { font-family:var(--document-serif); }
.document-content blockquote { font-family:var(--document-serif); }
.document-content .protocol-figure, .document-content .input-figure,
.document-content .withdrawal-figure { font-family:var(--sans); }
.document-content .protocol-figure p, .document-content .input-figure p,
.document-content .withdrawal-figure p { font-family:var(--document-serif); }

@media screen {
  /* The index belongs to the same restricted file as the current leaf. */
  body:not([data-page="index"]) .sidebar-heading { border-top-color:#a64b54; }
  .index-classification { padding:17px 0 16px; border-bottom:1px solid #646968; }
  .index-classification > span { color:#bec4bf; font-size:11px; }
  .index-classification > strong { display:block; font:700 36px/1 var(--identifier); color:#f1f0e7; margin:8px 0 12px; }
  .index-classification > div { display:flex; align-items:center; justify-content:space-between; gap:12px; }
  .index-classification b { font:500 11px var(--mono); color:#e4d7d5; }
  .index-classification > div > span { font-size:11px; color:#ec9da5; }
  .sidebar .index-risk { margin-top:12px; min-height:46px; padding:12px 10px; background:#6f1823; color:#fff0e9; border:1px solid #a04b57; font-size:12px; }
  .index-risk .cognitive-mark { --paper:#6f1823; }
  .sidebar .index-risk:hover { background:#892334; }
  .nav-item { border-bottom-color:#424747; }
  body:not([data-page="index"]) .nav-item.active { background:#ecebe4; color:#1c2020; }
  body:not([data-page="index"]) .nav-item.active .nav-num,
  body:not([data-page="index"]) .nav-item.active .nav-range { color:#69242e; }
  body:not([data-page="index"]) .nav-home { padding-block:16px; }

  .formal-perimeter { padding:0; border:1px solid #6c4c50; margin-bottom:17px; gap:16px; background:#171b1c; }
  .formal-perimeter > button { min-height:39px; padding:8px 14px; display:flex; align-items:center; gap:10px; background:#6f1823; border:0; color:#ffede7; font:500 11px var(--sans); }
  .formal-perimeter .cognitive-mark { --paper:#6f1823; }
  .formal-perimeter > button:hover { background:#882333; }
  .formal-perimeter > span { padding-right:14px; }
  .formal-perimeter .perimeter-divider { width:1px; height:13px; background:#6f7974; border:0; margin:0 8px; }
  .supplement-perimeter { border-top-color:#8e9590; color:#d5dad3; }
  .section-tabs { gap:3px; border-bottom-color:#acaea5; }
  .section-tabs a, .theme-night .section-tabs a { background:transparent; border-color:#555d5c; color:#c8cfca; }
  .section-tabs a.selected, .theme-night .section-tabs a.selected { background:#ecebe4; color:#171c1b; border-color:#ecebe4; }
  .section-tabs .tab-check { color:#6c343d; }
  .section-tabs a:not(.selected) .tab-check { color:#b2bab5; }

  .sealed-document, .attached-document { --control-gutter:36px; background:#f6f5ef; border:1px solid #b0b5ae; border-top:0; }
  .theme-night .sealed-document, .theme-night .attached-document { background:var(--paper); border-color:#727974; }
  .document-control { display:flex; justify-content:space-between; align-items:stretch; gap:20px; margin:-24px calc(-1 * var(--control-gutter)) 0; background:#171b1c; color:#f3f2e8; border-top:5px solid #a13645; }
  .record-authority { display:flex; align-items:center; gap:14px; padding:16px 0 16px var(--control-gutter); }
  .record-authority img { width:38px; height:38px; filter:brightness(0) invert(1); }
  .record-authority > div > span { display:block; font:10px/1.5 var(--sans); color:#bdc6bf; }
  .record-authority strong { display:block; font:500 19px/1.3 var(--mono); letter-spacing:.01em; margin-top:4px; }
  .record-clearance { display:flex; flex-direction:column; justify-content:center; gap:8px; min-width:145px; padding:12px 20px; background:#6f1823; border-left:1px solid #b2656e; }
  .record-clearance > span { font:500 11px/1.4 var(--mono); color:#e4bfc3; }
  .record-clearance > strong { display:flex; align-items:center; gap:10px; font:650 15px/1.4 var(--sans); }
  .record-clearance .cognitive-mark { --paper:#6f1823; }
  .document-condition { display:flex; justify-content:space-between; align-items:center; gap:14px; margin:0 calc(-1 * var(--control-gutter)); padding:9px var(--control-gutter); border-bottom:1px solid #888f88; background:#e4e5dc; color:#343c36; font:11px/1.5 var(--mono); }
  .document-condition > button { display:inline-flex; align-items:center; gap:8px; padding:2px 0; border:0; background:transparent; font:11px/1.5 var(--sans); color:#75212b; }
  .document-condition > button:hover { text-decoration:underline; text-underline-offset:4px; }
  .theme-night .document-condition { background:#333936; color:#d0d9d1; border-color:#68746b; }
  .theme-night .document-condition > button { color:#f0b9bb; }
  .control-attachment { border-top-color:#88958c; }
  .control-attachment .record-clearance { background:#303b35; border-color:#65756a; }
  .control-attachment .record-clearance > span { color:#c4d1c6; }
  .control-attachment .record-clearance > strong { color:#edf1e8; }
  .attached-document .supplement-header { padding-top:22px; }
  .sealed-document .document-end, .attached-document .document-end { border-top:3px double #7b847c; padding-top:18px; color:var(--ink); }
  .sealed-document .document-end > span:last-child { border:1px solid var(--line); padding:5px 9px; align-self:center; }
  .sealed-document .document-title { font-family:var(--sans); }
  .theme-night .document-content { font-weight:450; }
}
@media screen and (min-width:1240px) {
  .sealed-document::after { content:"5 / 001 — RESTRICTED COPY"; position:absolute; top:0; right:-35px; padding:18px 7px; writing-mode:vertical-rl; font:11px/1.5 var(--mono); letter-spacing:.07em; color:#d3b9bb; border-inline-start:1px solid #9b4652; border-block-end:1px solid #9b4652; }
}
@media screen and (max-width:760px) {
  .sealed-document, .attached-document { --control-gutter:22px; }
  .document-control { margin-top:-20px; gap:12px; }
  .record-authority { gap:10px; padding-block:14px; }
  .record-authority img { width:32px; height:32px; }
  .record-authority strong { font-size:16px; }
  .record-clearance { min-width:128px; padding-inline:16px; }
  .formal-perimeter { gap:0; align-items:stretch; }
  .formal-perimeter > button { font-size:10px; gap:7px; padding-inline:10px; }
  .formal-perimeter > span { padding:8px 10px; font-size:10px; }
  .formal-perimeter .perimeter-divider { margin-inline:3px; }
}
@media screen and (max-width:520px) {
  .sealed-document, .attached-document { --control-gutter:20px; }
  .document-control { gap:10px; }
  .record-authority { gap:10px; padding-block:14px; }
  .record-authority img { width:28px; height:28px; }
  .record-authority > div > span { font-size:9px; }
  .record-authority strong { font-size:14px; }
  .record-clearance { min-width:102px; padding-inline:12px; gap:7px; }
  .record-clearance > span { font-size:10px; }
  .record-clearance > strong { font-size:12px; gap:6px; }
  .record-clearance .cognitive-mark { width:17px; height:17px; }
  .document-condition { gap:8px; font-size:10px; padding-block:8px; }
  .document-condition > button { font-size:10px; gap:5px; }
  .formal-perimeter { display:grid; grid-template-columns:minmax(0,1fr) auto; }
  .formal-perimeter > button { font-size:10px; text-align:left; }
  .formal-perimeter > button .cognitive-mark { width:17px; height:17px; }
  .formal-perimeter > span { display:block; font-size:9px; text-align:right; line-height:1.7; }
  .formal-perimeter .perimeter-divider { display:block; width:100%; height:0; }
  .attached-document .document-condition { font-family:var(--sans); }
  .attached-document .document-condition > span:last-child { display:none; }
}
@media screen and (max-width:360px) {
  .record-authority { padding-left:16px; gap:8px; }
  .record-authority img { width:23px; height:23px; }
  .record-authority > div > span { max-width:96px; }
  .record-authority strong { font-size:13px; }
  .record-clearance { min-width:92px; padding-inline:10px; }
  .record-clearance .cognitive-mark { display:none; }
  .document-condition { padding-inline:16px; }
}
@media print {
  .document-control { display:flex; justify-content:space-between; border-block:1px solid #333; padding:10px 0; color:#000; }
  .record-authority { display:flex; gap:10px; align-items:center; }
  .record-authority strong { display:block; }
  .record-clearance > span { display:block; }
  .record-clearance .cognitive-mark { display:none; }
  .document-condition { display:flex; justify-content:space-between; font-size:9pt; }
  .document-condition button, .access-perimeter, .index-classification { display:none; }
  .document-control img { width:28px; height:28px; }
  .document-content, .journal-content { font-family:var(--document-serif); }
}

@media screen and (min-width:761px) {
  body:not([data-page="index"]) .sidebar { max-height:calc(100dvh - 50px); overflow-y:auto; scrollbar-width:thin; scrollbar-color:#58615c transparent; }
}

/* Attachment paper has a different established text measure. Match its edges. */
@media screen {
  .attached-document { --control-gutter:48px; }
  .attached-document .document-control { margin-top:-28px; }
}
@media screen and (max-width:600px) {
  .attached-document { --control-gutter:20px; }
  .attached-document .document-control { margin-top:-22px; }
}