:root {
  --bg: #060e1a;
  --stage: #071426;
  --sidebar: #06111f;
  --panel: #0b1729;
  --panel-2: #0c1a2e;
  --panel-3: #101a2a;
  --text: #f6f7fa;
  --body: #afb6c0;
  --muted: #7f8b9d;
  --dim: #536174;
  --border: rgba(255, 255, 255, .075);
  --border-strong: rgba(255, 255, 255, .12);
  --gold: #c0a23d;
  --gold-bright: #f2c532;
  --gold-muted: #d4ae3d;
  --gold-soft: rgba(192, 162, 61, .09);
  --danger: #ef6464;
  --success: #6ee7b7;
  --sop-heading-color: #f2c532;
  --sop-body-color: #afb6c0;
}

* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; }
body {
  overflow: hidden;
  background: var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}
button, input, textarea { font: inherit; }
button { color: inherit; cursor: pointer; }
button:disabled { cursor: default; }
[hidden] { display: none !important; }

/* Splash */
.splash {
  position: fixed;
  inset: 0;
  z-index: 20;
  display: grid;
  place-items: center;
  width: 100vw;
  height: 100vh;
  isolation: isolate;
  cursor: pointer;
  background: linear-gradient(135deg, #020812 0%, #061426 58%, #03101f 100%);
  transition: opacity .34s ease, transform .34s ease;
}
.entered .splash { opacity: 0; transform: scale(1.006); pointer-events: none; }
.splash::before {
  content: "";
  position: fixed;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(239,68,68,.09), transparent 22%, transparent 78%, rgba(59,130,246,.11)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.012) 0 1px, transparent 1px 76px);
  opacity: .42;
  pointer-events: none;
}
.splash::after {
  content: "";
  position: fixed;
  inset: 0;
  background: radial-gradient(circle at center, transparent 0 36%, rgba(0,0,0,.22) 67%, rgba(0,0,0,.5) 100%);
  pointer-events: none;
}
.lightbar {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 5;
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 8px;
  overflow: hidden;
  background: #000;
}
.lightbar-top { top: 0; }
.lightbar-bottom { bottom: 0; }
.lightbar span { display: block; opacity: .35; }
.lightbar .red { background: linear-gradient(90deg, transparent, #ef4444, transparent); animation: redPulse 1.2s infinite; }
.lightbar .blue { background: linear-gradient(90deg, transparent, #3b82f6, transparent); animation: bluePulse 1.2s infinite; }
.lightbar-bottom .red, .lightbar-bottom .blue { animation-delay: .6s; }
@keyframes redPulse { 0%,48%,100%{opacity:.18} 14%,30%{opacity:.95} }
@keyframes bluePulse { 0%,48%,100%{opacity:.18} 58%,76%{opacity:.95} }
.corner-glow { position: fixed; width: 48vw; height: 24vh; opacity: .25; filter: blur(22px); pointer-events: none; }
.corner-glow-left { top: 0; left: 0; background: linear-gradient(120deg, rgba(239,68,68,.22), transparent 72%); }
.corner-glow-right { top: 0; right: 0; background: linear-gradient(240deg, rgba(59,130,246,.25), transparent 72%); }
.brand-card { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; text-align: center; transform: translateY(-2vh); user-select: none; }
.logo-ring {
  width: clamp(126px, 9vw, 168px);
  height: clamp(126px, 9vw, 168px);
  display: grid;
  place-items: center;
  border: 1px solid rgba(192,162,61,.18);
  border-radius: 50%;
  background: rgba(192,162,61,.025);
}
.logo-ring img { width: 58%; max-height: 58%; object-fit: contain; }
.brand-card h1 { margin: 52px 0 0; font-size: clamp(25px, 2vw, 40px); line-height: 1; letter-spacing: .36em; text-indent: .36em; text-transform: uppercase; }
.suffix { margin: 17px 0 0; color: var(--gold-bright); font-size: 13px; font-weight: 800; letter-spacing: .55em; text-indent: .55em; text-transform: uppercase; }
.motto { margin: 34px 0 0; color: rgba(148,163,184,.5); font-size: 12px; letter-spacing: .25em; text-indent: .25em; text-transform: uppercase; }
.enter-button { position: fixed; bottom: 48px; left: 50%; z-index: 4; transform: translateX(-50%); border: 0; background: transparent; color: rgba(148,163,184,.38); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }

/* Portal shell */
.portal-shell {
  position: fixed;
  inset: 0;
  z-index: 1;
  display: grid;
  grid-template-columns: 208px minmax(0, 1fr);
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  background: var(--stage);
}
.sidebar-shell {
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--sidebar);
  border-right: 1px solid rgba(255,255,255,.065);
}
.sidebar-brand {
  display: grid;
  grid-template-columns: 31px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 91px;
  padding: 18px 16px;
  border-bottom: 1px solid rgba(255,255,255,.05);
}
.sidebar-brand img { width: 22px; height: 22px; margin-left: 2px; object-fit: contain; }
.sidebar-brand strong { display: block; color: #fff; font-size: 12px; line-height: 1.05; letter-spacing: .025em; text-transform: uppercase; }
.sidebar-brand span { display: block; margin-top: 2px; color: var(--gold-bright); font-size: 8px; font-weight: 900; letter-spacing: .23em; text-transform: uppercase; }
.sidebar-brand small { display: block; margin-top: 6px; color: rgba(148,163,184,.44); font-size: 6px; letter-spacing: .13em; text-transform: uppercase; }

.sidebar-nav {
  min-height: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 14px 13px 10px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.1) transparent;
}
.sidebar-nav::-webkit-scrollbar { width: 4px; }
.sidebar-nav::-webkit-scrollbar-thumb { background: rgba(255,255,255,.1); border-radius: 3px; }
.nav-item {
  width: 100%;
  min-height: 31px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 8px;
  border: 1px solid transparent;
  border-radius: 5px;
  background: transparent;
  color: rgba(180,190,205,.68);
  text-align: left;
  text-transform: uppercase;
  font-size: 8.5px;
  font-weight: 800;
  line-height: 1.12;
  transition: background-color .12s ease, border-color .12s ease, color .12s ease;
}
.nav-item:hover:not(:disabled) { color: rgba(255,255,255,.9); background: rgba(255,255,255,.025); }
.nav-item.active {
  min-height: 43px;
  color: var(--gold-bright);
  background: rgba(192,162,61,.085);
  border-color: rgba(192,162,61,.48);
}
.nav-item:disabled { opacity: 1; }
.nav-placeholder { color: rgba(180,190,205,.66); }
.nav-icon { min-width: 14px; color: inherit; font-size: 10px; opacity: .88; text-align: center; }
.nav-section { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.055); }
.nav-section p { margin: 0 0 7px; padding-left: 8px; color: rgba(242,197,50,.8); font-size: 8px; font-weight: 900; letter-spacing: .17em; text-transform: uppercase; }
.admin-item { font-size: 8.5px; }
.sidebar-spacer { display: none; }

.sidebar-footer {
  flex: 0 0 auto;
  padding: 11px 13px 14px;
  border-top: 1px solid rgba(255,255,255,.055);
  background: var(--sidebar);
}
.sidebar-footer label { display: block; margin-bottom: 6px; color: rgba(148,163,184,.55); font-size: 7px; letter-spacing: .08em; text-transform: uppercase; }
.side-search { position: relative; }
.side-search input {
  width: 100%;
  height: 29px;
  padding: 0 29px 0 9px;
  border: 1px solid rgba(255,255,255,.105);
  border-radius: 5px;
  outline: none;
  background: #0b192c;
  color: rgba(226,232,240,.75);
  font-size: 8.5px;
}
.side-search input::placeholder { color: rgba(148,163,184,.43); }
.side-search span { position: absolute; top: 5px; right: 9px; color: rgba(148,163,184,.5); font-size: 11px; }
.settings-link { width: 100%; margin-top: 11px; padding: 7px 6px; border: 0; background: transparent; color: rgba(148,163,184,.58); text-align: left; font-size: 8.5px; }
.mission-box { margin-top: 10px; text-align: center; color: rgba(148,163,184,.35); font-size: 7px; }
.mission-box span { width: 22px; height: 22px; display: grid; place-items: center; margin: 0 auto 7px; border: 1px solid rgba(192,162,61,.2); border-radius: 50%; background: rgba(192,162,61,.07); color: var(--gold); }
.mission-box strong { display: block; color: rgba(148,163,184,.5); font-size: 6.5px; letter-spacing: .16em; text-transform: uppercase; }
.mission-box p { margin: 5px 0 0; line-height: 1.45; }
.copyright { margin: 11px 0 0; color: rgba(148,163,184,.22); font-size: 6px; line-height: 1.45; text-align: center; }

.portal-stage {
  min-width: 0;
  min-height: 0;
  height: 100vh;
  height: 100dvh;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: var(--stage);
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.13) transparent;
}
.portal-stage::-webkit-scrollbar { width: 7px; }
.portal-stage::-webkit-scrollbar-thumb { background: rgba(255,255,255,.13); border-radius: 4px; }
.page {
  width: min(770px, calc(100vw - 264px));
  max-width: 100%;
  margin: 0 auto;
  padding: 42px 0 84px;
}

/* SOP header */
.sop-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 32px; }
.sop-header h2 { margin: 0; display: flex; align-items: center; gap: 11px; color: #fff; font-size: 24px; line-height: 1.1; font-weight: 900; letter-spacing: -.025em; text-transform: uppercase; }
.title-icon { color: var(--gold); font-size: 17px; }
.sop-subtitle { min-height: 15px; margin: 13px 0 0 30px; color: rgba(168,178,193,.72); font-size: 10.5px; line-height: 1.45; }
.sop-actions { display: flex; gap: 7px; }
.sop-actions button {
  height: 26px;
  padding: 0 10px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 5px;
  background: #0c1a2e;
  color: rgba(190,200,214,.74);
  font-size: 8.5px;
}
.sop-actions button:hover { color: var(--gold-bright); border-color: rgba(192,162,61,.3); background: #0e1d32; }

/* Administration strip */
.administration-card {
  margin-bottom: 24px;
  overflow: hidden;
  border: 1px solid rgba(192,162,61,.32);
  border-radius: 8px;
  background: #0b1524;
}
.administration-card-head {
  height: 33px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 16px;
  border-bottom: 1px solid rgba(192,162,61,.3);
  background: #211f1d;
  color: var(--gold-bright);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.administration-card-head .admin-shield { color: var(--gold); font-size: 11px; }
.administration-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); min-height: 91px; }
.administration-member { min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 11px 8px 9px; text-align: center; }
.administration-member + .administration-member { border-left: 1px solid rgba(255,255,255,.06); }
.admin-badge { width: 31px; height: 31px; display: grid; place-items: center; margin-bottom: 8px; border: 1px solid rgba(192,162,61,.35); border-radius: 50%; background: rgba(192,162,61,.07); color: var(--gold-bright); font-size: 9px; font-weight: 800; }
.administration-member strong { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #f6f7fa; font-size: 10px; line-height: 1.15; }
.administration-member small { max-width: 100%; margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(148,163,184,.45); font-size: 7px; line-height: 1.2; }

/* Utility panels */
.utility-panel, .toc-card, .sop-document, .editor-card, .editor-header {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel);
}
.utility-panel { margin: -14px 0 20px; padding: 13px; }
.utility-panel label { display: block; margin-bottom: 7px; color: var(--gold-bright); font-size: 8px; font-weight: 900; letter-spacing: .17em; text-transform: uppercase; }
.utility-panel input { width: 100%; height: 34px; padding: 0 10px; border: 1px solid var(--border-strong); border-radius: 5px; outline: none; background: var(--panel-2); color: #eef2f7; font-size: 10px; }
.toc-card { position: relative; margin-bottom: 22px; padding: 20px 26px 23px; }
.toc-card h3 { margin: 0 0 17px; color: var(--gold-bright); font-size: 8px; font-weight: 900; letter-spacing: .22em; text-transform: uppercase; }
.toc-list { display: grid; grid-template-columns: 1fr 1fr; gap: 9px 30px; }
.toc-list a { color: rgba(226,232,240,.84); font-size: 10px; text-decoration: none; }
.toc-list a:hover { color: var(--gold-bright); }
.toc-subrows { display: grid; gap: 5px; margin: 6px 0 0 14px; }
.toc-subrows a { color: rgba(148,163,184,.72); font-size: 9px; }
.empty-state { grid-column: 1 / -1; margin: 0; color: rgba(148,163,184,.55); font-size: 10px; }

/* SOP document */
.sop-document {
  position: relative;
  min-height: 565px;
  padding: 32px 32px 60px;
  overflow: hidden;
}
.document-watermark {
  position: absolute;
  top: 132px;
  left: 50%;
  width: 126px;
  max-height: 126px;
  object-fit: contain;
  transform: translateX(-50%);
  opacity: .035;
  pointer-events: none;
  user-select: none;
  filter: grayscale(1);
}
.document-introduction { position: relative; z-index: 1; color: var(--sop-body-color, var(--body)); font-size: 11.5px; line-height: 1.68; }
.document-introduction p { margin: 0 0 13px; }
.document-introduction p:last-child { margin-bottom: 0; }
.document-introduction strong { color: #f3f4f6; font-weight: 800; }
.blank-document-space { min-height: 430px; }
.sop-section { position: relative; z-index: 1; margin: 61px 0 0; }
.sop-section + .sop-section { margin-top: 70px; }
.sop-section:last-child { margin-bottom: 0; }
.section-divider { position: relative; display: grid; place-items: center; margin: 0 0 70px; text-align: center; }
.section-divider::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: color-mix(in srgb, var(--gold) 42%, transparent); }
.section-divider span, .section-divider strong {
  position: relative;
  z-index: 1;
  display: block;
  width: fit-content;
  min-width: 205px;
  max-width: min(500px, 90%);
  border-left: 1px solid rgba(192,162,61,.5);
  border-right: 1px solid rgba(192,162,61,.5);
  background: #1a1d24;
}
.section-divider span { padding: 10px 19px 2px; color: var(--gold-muted); font-size: 7px; font-weight: 900; letter-spacing: .34em; text-transform: uppercase; }
.section-divider strong { padding: 2px 19px 12px; color: var(--sop-heading-color, var(--gold-bright)); font-size: 14.5px; line-height: 1.2; }
.section-body { margin: -39px 0 30px; }
.sop-subsection { margin-top: 28px; }
.sop-subsection h4 { margin: 0 0 13px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.065); color: var(--sop-heading-color, var(--gold-bright)); font-size: 13px; line-height: 1.25; }
.rich-display { color: var(--sop-body-color, var(--body)); font-size: 11.5px; line-height: 1.7; }
.rich-display p, .rich-display div { margin: 0 0 14px; }
.rich-display p:last-child, .rich-display div:last-child { margin-bottom: 0; }
.rich-display ul, .rich-display ol { margin: 8px 0 14px 22px; padding-left: 13px; }
.rich-display li { margin: 4px 0; }
.rich-display span { border-radius: 2px; padding: 0 1px; }

/* Editor */
.page-editor { padding-top: 34px; }
.editor-header { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 18px; align-items: start; margin-bottom: 17px; padding: 19px 21px; }
.eyebrow { margin: 0 0 6px; color: var(--gold-bright); font-size: 8px; font-weight: 900; letter-spacing: .2em; text-transform: uppercase; }
.editor-header h2 { margin: 0; font-size: 22px; text-transform: uppercase; }
.editor-header span { display: block; margin-top: 7px; color: rgba(148,163,184,.66); font-size: 10.5px; }
.editor-status { position: sticky; top: 10px; z-index: 5; margin-bottom: 13px; padding: 10px 12px; border-radius: 6px; font-size: 10px; }
.editor-status.success { border: 1px solid rgba(16,185,129,.28); background: rgba(16,185,129,.08); color: var(--success); }
.editor-status.error { border: 1px solid rgba(239,68,68,.32); background: rgba(239,68,68,.08); color: #fecaca; }
.editor-card { min-width: 0; margin-bottom: 16px; padding: 19px; overflow: hidden; }
.editor-card h3 { margin: 0 0 16px; color: var(--gold-bright); font-size: 9px; font-weight: 900; letter-spacing: .17em; text-transform: uppercase; }
.editor-card label, .section-edit label { display: block; margin: 12px 0 6px; color: rgba(148,163,184,.72); font-size: 8px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.editor-card input, .editor-card textarea, .section-edit input, .section-edit textarea, .rich-editor {
  width: 100%;
  min-width: 0;
  border: 1px solid var(--border-strong);
  border-radius: 5px;
  outline: none;
  background: var(--panel-2);
  color: #eef2f7;
}
.editor-card input, .section-edit input { height: 35px; padding: 0 10px; font-size: 10.5px; }
.editor-card textarea, .section-edit textarea { padding: 10px; resize: vertical; font-size: 10.5px; line-height: 1.5; }
.editor-card input:focus, .editor-card textarea:focus, .section-edit input:focus, .section-edit textarea:focus, .rich-editor:focus { border-color: rgba(192,162,61,.42); }
.editor-card-head, .edit-row-head { width: 100%; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; align-items: center; }
.editor-card-head h3 { margin-bottom: 0; }
.edit-row-head strong { min-width: 0; color: rgba(255,255,255,.9); font-size: 9px; letter-spacing: .11em; text-transform: uppercase; overflow-wrap: anywhere; }
.gold-button, .outline-button, .add-subsection-box button, .section-edit button { border-radius: 5px; font-size: 8.5px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.gold-button { display: inline-flex; align-items: center; justify-content: center; padding: 10px 14px; border: 1px solid rgba(192,162,61,.48); background: rgba(192,162,61,.11); color: var(--gold-bright); }
.gold-button.small { padding: 8px 11px; }
.outline-button, .add-subsection-box button { margin-top: 12px; padding: 9px 12px; border: 1px solid rgba(192,162,61,.38); background: rgba(192,162,61,.055); color: var(--gold-bright); }
.section-edit { min-width: 0; margin-bottom: 14px; padding: 16px; overflow: hidden; border: 1px solid var(--border); border-radius: 6px; background: rgba(255,255,255,.016); }
.section-edit button[data-action="delete-section"], .section-edit button[data-action="delete-sub"] { min-height: 31px; padding: 8px 10px; border: 1px solid rgba(239,68,68,.3); background: rgba(239,68,68,.065); color: #fca5a5; white-space: nowrap; }
.subsection-block { clear: both; margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.06); }
.subsection-block h4 { margin: 0 0 10px; color: rgba(192,162,61,.86); font-size: 8.5px; letter-spacing: .11em; text-transform: uppercase; }
.subsection-edit { margin: 0 0 12px; padding: 12px; overflow: visible; border: 1px solid rgba(255,255,255,.065); border-radius: 5px; background: rgba(0,0,0,.07); }
.add-subsection-box { display: grid; gap: 8px; padding: 12px; overflow: visible; border: 1px dashed rgba(192,162,61,.25); border-radius: 5px; background: rgba(192,162,61,.02); }
.editor-empty { padding: 10px 0; }
.theme-controls { display: grid; grid-template-columns: repeat(4, minmax(110px,1fr)); gap: 10px; margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.06); }
.theme-controls > div { min-width: 0; }
.editor-card .theme-controls label { margin-top: 0; }
.theme-controls input[type="color"] { height: 38px; padding: 4px; cursor: pointer; }

.rich-toolbar { display: flex; flex-wrap: wrap; gap: 5px; margin: 7px 0 0; padding: 7px; border: 1px solid rgba(255,255,255,.08); border-bottom: 0; border-radius: 5px 5px 0 0; background: rgba(0,0,0,.1); }
.rich-toolbar button { min-width: 30px; height: 26px; padding: 0 8px; border: 1px solid rgba(255,255,255,.09); border-radius: 4px; background: rgba(255,255,255,.025); color: rgba(226,232,240,.82); font-size: 9px; font-weight: 800; text-transform: none; letter-spacing: 0; }
.rich-toolbar button:hover { color: var(--gold-bright); border-color: rgba(192,162,61,.35); background: rgba(192,162,61,.05); }
.rich-editor { min-height: 112px; max-height: 340px; padding: 10px; overflow-y: auto; border-radius: 0 0 5px 5px; font-size: 10.5px; line-height: 1.6; }
.rich-editor:empty::before { content: attr(data-placeholder); color: rgba(148,163,184,.4); pointer-events: none; }
.rich-editor p, .rich-editor div { margin: 0 0 8px; }
.rich-editor ul, .rich-editor ol { margin: 7px 0 7px 20px; padding-left: 13px; }
.rich-editor li { margin: 3px 0; }
.toolbar-divider { width: 1px; min-height: 26px; margin: 0 2px; background: rgba(255,255,255,.1); }
.rich-toolbar .color-swatch { min-width: 25px; width: 25px; padding: 0; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; text-indent: -9999px; overflow: hidden; }
.rich-toolbar .highlight-button { min-width: 66px; }

@supports not (background: color-mix(in srgb, red 50%, transparent)) {
  .section-divider::before { background: rgba(192,162,61,.38); }
}

@media (max-width: 1100px) {
  .portal-shell { grid-template-columns: 198px minmax(0,1fr); }
  .page { width: min(770px, calc(100vw - 232px)); }
  .theme-controls { grid-template-columns: repeat(2, minmax(120px,1fr)); }
}

@media (max-width: 820px) {
  .portal-shell { grid-template-columns: 178px minmax(0,1fr); }
  .sidebar-brand { padding-left: 12px; padding-right: 12px; }
  .sidebar-nav { padding-left: 9px; padding-right: 9px; }
  .page { width: calc(100vw - 204px); padding-top: 28px; }
  .sop-header { flex-direction: column; margin-bottom: 24px; }
  .sop-header h2 { font-size: 20px; }
  .administration-grid { grid-template-columns: repeat(2,1fr); }
  .administration-member:nth-child(3) { border-left: 0; border-top: 1px solid rgba(255,255,255,.06); }
  .administration-member:nth-child(4) { border-top: 1px solid rgba(255,255,255,.06); }
  .toc-list { grid-template-columns: 1fr; }
  .sop-document { padding: 27px 20px 46px; }
  .editor-header, .editor-card-head, .edit-row-head { grid-template-columns: 1fr; }
  .editor-header .gold-button, .editor-card-head .gold-button, .edit-row-head button { width: 100%; max-width: none; }
  .theme-controls { grid-template-columns: 1fr; }
}