:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f3ef;--surface:#fff;--surface-2:#eeece6;--text:#171717;--muted:#686863;--line:#d9d7d0;--accent:#171717;--accent-text:#fff;--danger:#a52828;--shadow:0 18px 60px #14141014}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111211;--surface:#1a1c1a;--surface-2:#242724;--text:#f4f2eb;--muted:#a9aca6;--line:#363a36;--accent:#f2f0e9;--accent-text:#141514;--danger:#ff8989;--shadow:0 18px 60px #0000004d}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{background:var(--bg);min-height:100vh;color:var(--text);-webkit-user-select:none;user-select:none;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}input,textarea,[contenteditable=true],[data-copy-enabled=true]{-webkit-user-select:text;user-select:text}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.muted{color:var(--muted)}:focus-visible{outline:3px solid color-mix(in srgb,var(--text) 38%,transparent);outline-offset:3px}.authPage{background:var(--surface);min-height:100vh}.authPanel{background:var(--surface);flex-direction:column;min-height:100vh;padding:clamp(28px,5vw,70px);display:flex}.authContent{width:min(100%,460px);margin:auto}.authContent h1{letter-spacing:-.055em;margin:42px 0 16px;font-size:clamp(38px,5vw,64px);line-height:.96}.authContent p{margin:0 0 30px;line-height:1.65}.brandLogo{object-fit:contain;background:#fff;border-radius:12px;width:116px;height:86px;padding:8px;display:block}.brandLogoDark{background:#000;display:none}[data-theme=dark] .brandLogoLight{display:none}[data-theme=dark] .brandLogoDark{display:block}.field{gap:8px;margin:18px 0;display:grid}.field label{font-size:13px;font-weight:700}.field input,.field textarea,.field select{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:13px 14px}.field textarea{resize:vertical;min-height:180px}.button{background:var(--accent);color:var(--accent-text);border:0;border-radius:10px;padding:13px 18px;font-weight:750}.button:disabled{opacity:.55}.error{color:var(--danger);min-height:20px;font-size:13px}.authHelp{color:var(--muted);font-size:13px;margin-top:24px!important}.skipLink{z-index:10;background:var(--accent);color:var(--accent-text);border-radius:9px;padding:10px 14px;font-weight:750;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skipLink:focus{transform:translateY(0)}.shell{grid-template-columns:clamp(220px,14vw,260px) minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;height:100vh;padding:28px 22px;display:flex;position:sticky;top:0}.brandLink{width:max-content}.sidebar .brandLogo{width:92px;height:68px}.nav{gap:7px;margin-top:42px;display:grid}.nav a{color:var(--muted);border-radius:9px;padding:11px 12px;font-weight:650;transition:background-color .16s,color .16s}.nav a:hover,.nav a:focus-visible,.nav a.active{background:var(--surface-2);color:var(--text)}.nav a.active{box-shadow:inset 3px 0 0 var(--accent)}.sidebarActions{gap:8px;margin-top:auto;display:flex}.iconButton,.secondaryButton{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;padding:9px 11px}.secondaryButton{padding-inline:16px;font-weight:700}.content{width:100%;min-width:0;max-width:1680px;margin-inline:auto;padding:clamp(32px,4.5vw,78px)}.pageHead{max-width:920px;margin-bottom:42px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:11px;font-weight:800}h1{letter-spacing:-.055em;margin:14px 0;font-size:clamp(38px,6vw,70px);line-height:1}h2{letter-spacing:-.025em}.lead{color:var(--muted);max-width:760px;font-size:18px;line-height:1.65}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px}.card h2,.card h3{margin:0 0 10px}.card p{color:var(--muted);line-height:1.55}.sectionBlock{margin-top:clamp(44px,6vw,72px)}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:12px;margin:22px 0 0;padding:0;list-style:none;display:grid}.step{counter-increment:step;background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:38px 1fr;align-items:start;gap:14px;padding:18px;display:grid}.step:before{content:counter(step);background:var(--accent);width:34px;height:34px;color:var(--accent-text);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.step strong{margin:6px 0;display:block}.step p{color:var(--muted);margin:5px 0;line-height:1.55}.toolbar{flex-wrap:wrap;gap:12px;margin-bottom:10px;display:flex}.search{border:1px solid var(--line);background:var(--surface);min-width:220px;color:var(--text);border-radius:10px;flex:1;padding:12px 14px}.resultCount{color:var(--muted);margin:0 0 20px;font-size:13px;font-weight:700}.sopGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px;display:grid}.sopCard{flex-direction:column;min-height:220px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.sopCard:hover{border-color:color-mix(in srgb,var(--text) 30%,var(--line));box-shadow:var(--shadow);transform:translateY(-2px)}.sopCard h2{margin-top:auto}.cardAction{justify-content:space-between;align-items:center;margin-top:8px;font-size:13px;font-weight:750;display:flex}.tag{border:1px solid var(--line);width:max-content;color:var(--muted);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:750;display:inline-flex}.empty{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:14px;padding:44px}.prose{max-width:780px;line-height:1.75}.prose h2{margin:38px 0 8px}.prose h3{margin:28px 0 6px}.prose p,.prose ul,.prose ol,.prose blockquote{margin:10px 0 18px}.prose li{margin:6px 0}.prose blockquote{border-left:3px solid var(--accent);color:var(--muted);padding:4px 0 4px 18px}.prose code{background:var(--surface-2);border:1px solid var(--line);border-radius:5px;padding:2px 5px;font-size:.92em}.tableWrap{border:1px solid var(--line);background:var(--surface);border-radius:12px;width:100%;margin:18px 0 30px;overflow-x:auto}.tableWrap:focus-visible{outline-offset:4px}.prose table{border-collapse:collapse;width:100%;min-width:920px;font-size:14px;line-height:1.5}.prose th,.prose td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:14px 16px}.prose th:last-child,.prose td:last-child{border-right:0}.prose tbody tr:last-child td{border-bottom:0}.prose th{background:var(--surface-2);letter-spacing:.025em;font-size:12px}.prose tbody tr:nth-child(2n){background:color-mix(in srgb,var(--surface-2) 45%,transparent)}.taskList{background:var(--surface);border:1px solid var(--line);border-radius:12px;width:100%;padding:18px 20px;list-style:none}.taskItem{align-items:flex-start;gap:10px;padding:3px 0;display:flex}.taskBox{border:1px solid var(--line);border-radius:4px;flex:0 0 18px;place-items:center;width:18px;height:18px;margin-top:5px;font-size:12px;font-weight:800;display:grid}.video{background:#000;border-radius:14px;width:100%;max-width:960px;margin:24px 0}.back{color:var(--muted);margin-bottom:22px;display:inline-block}.adminTable{gap:10px;display:grid}.adminRow{grid-template-columns:1fr auto;align-items:center;gap:16px;display:grid}.status{text-transform:capitalize;color:var(--muted);font-size:12px}.adminForm{max-width:900px}.formGrid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.wide{grid-column:1/-1}.scrollTop{z-index:6;border:1px solid var(--line);background:var(--accent);width:48px;height:48px;color:var(--accent-text);box-shadow:var(--shadow);border-radius:50%;place-items:center;font-size:24px;line-height:1;display:grid;position:fixed;bottom:clamp(16px,2.5vw,36px);right:clamp(16px,2.5vw,36px)}.sopPagination{border-top:1px solid var(--line);justify-content:flex-end;max-width:780px;margin-top:clamp(48px,7vw,88px);padding-top:24px;display:flex}.nextSop{background:var(--accent);color:var(--accent-text);border-radius:10px;align-items:center;gap:14px;padding:13px 18px;font-weight:750;display:inline-flex}.transcript{max-width:780px}.manageSection{margin-bottom:64px}.manageHeading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.manageHeading h2,.editorSection h2{margin:8px 0 0;font-size:clamp(28px,4vw,42px)}.adminRow h3{margin:12px 0 4px;font-size:20px}.adminRow p{margin:0}.adminRowActions{align-items:center;gap:12px;display:flex}.status{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.status-published{color:#287a4b}.status-archived{opacity:.65}.editorSection{padding-top:8px;scroll-margin-top:30px}.adminForm{margin-top:22px}.formActions{align-items:center;gap:10px;display:flex}.promptToolbar .categoryFilter,.categoryFilter{flex:0 220px;min-width:180px}.promptGrid{counter-reset:prompt;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.promptGrid li{counter-increment:prompt}.promptTile{text-align:left;width:100%;min-height:220px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:38px 1fr;gap:14px;padding:18px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.promptTile:hover{border-color:color-mix(in srgb,var(--text) 30%,var(--line));box-shadow:var(--shadow);transform:translateY(-2px)}.promptNumber:before{content:counter(prompt);background:var(--accent);width:34px;height:34px;color:var(--accent-text);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.promptTileContent{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.promptTileContent strong{margin:18px 0 8px;font-size:21px;line-height:1.2}.promptTileContent>span:not(.tag):not(.cardAction){color:var(--muted);line-height:1.55}.promptTileContent .cardAction{width:100%;margin-top:auto;padding-top:18px}.promptDialog{border:1px solid var(--line);background:var(--surface);width:min(820px,100vw - 32px);max-height:min(86vh,900px);color:var(--text);border-radius:18px;margin:auto;padding:0;box-shadow:0 28px 100px #00000059}.promptDialog::backdrop{background:#00000094}.promptDialogPanel{max-height:min(86vh,900px);padding:clamp(22px,4vw,42px);overflow:auto}.promptDialogHead{justify-content:space-between;align-items:flex-start;gap:22px;display:flex}.promptDialogHead h2{margin:14px 0 0;font-size:clamp(28px,5vw,48px);line-height:1}.dialogClose{border:1px solid var(--line);background:var(--surface-2);width:42px;height:42px;color:var(--text);border-radius:50%;flex:none;font-size:25px;line-height:1}.promptSummary{margin:22px 0 12px;font-size:16px}.promptMeta{color:var(--muted);flex-wrap:wrap;gap:8px 18px;font-size:13px;display:flex}.tagList{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.promptText{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:12px;margin:14px 0 0;padding:20px;font:500 14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.dialogActions{justify-content:space-between;align-items:center;gap:18px;margin-top:20px;display:flex}.promptCopyActions{justify-content:flex-end}.copyStatus{min-height:20px;color:var(--muted);margin:0;font-size:13px}.adminTop{justify-content:space-between;align-items:center;gap:20px;display:flex}.adminTopActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.dangerButton{border:1px solid color-mix(in srgb,var(--danger) 45%,var(--line));background:var(--surface);color:var(--danger);border-radius:9px;padding:9px 11px;font-weight:700}.importSection{border-top:1px solid var(--line);max-width:900px;margin-top:64px;padding-top:36px}.importSection h2{margin:8px 0;font-size:clamp(28px,4vw,42px)}.adminMessage{background:var(--surface);width:max-content;max-width:100%;box-shadow:var(--shadow);border-radius:9px;margin:28px 0 0;padding:10px 14px;position:sticky;bottom:16px}.adminRowActions{flex-wrap:wrap;justify-content:flex-end}.orderPosition{color:var(--muted);font-size:12px;font-weight:700}.sopOrderActions{flex-wrap:wrap;gap:6px;display:flex}.sopOrderActions .iconButton{padding:7px 9px;font-size:12px}.sopOrderActions .iconButton:disabled{opacity:.4;cursor:not-allowed}.sopDetail{width:100%;min-width:0}.sopDetail .pageHead{border:1px solid var(--line);background:linear-gradient(135deg,var(--surface),var(--surface-2));width:100%;max-width:none;box-shadow:var(--shadow);border-radius:18px;margin-bottom:clamp(32px,4vw,56px);padding:clamp(24px,3.5vw,48px)}.sopDetail .pageHead h1{max-width:1280px}.sopDetail .pageHead .lead{max-width:1100px}.sopDetail .prose,.sopDetail .video,.sopDetail .transcript,.sopDetail .sopPagination{width:100%;max-width:none}.sopDetail .prose{font-size:clamp(15px,.25vw + 14px,18px)}.sopDetail .prose h2{border-bottom:1px solid var(--line);margin-top:clamp(40px,5vw,68px);padding-bottom:10px;font-size:clamp(25px,3vw,38px)}.sopDetail .prose .proseSectionTitle{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;margin-top:clamp(54px,7vw,92px);padding:clamp(18px,2.5vw,30px);font-size:clamp(29px,3.5vw,46px)}.sopDetail .prose h3{font-size:clamp(20px,2vw,27px)}.sopDetail .prose hr{border:0;border-top:1px solid var(--line);margin:clamp(40px,5vw,72px) 0}.sopDetail .taskList{margin:18px 0 28px;display:block}.sopDetail .taskItem{margin:0;padding:4px 0}.sopDetail .transcript{margin-top:32px}.step{transition:transform .18s,border-color .18s,box-shadow .18s,background-color .18s}@media (hover:hover){.card:not(.transcript):hover,.step:hover{border-color:color-mix(in srgb,var(--text) 30%,var(--line));box-shadow:var(--shadow);transform:translateY(-3px)}.step:hover{background:color-mix(in srgb,var(--surface) 88%,var(--surface-2))}}@media (width<=900px){.authPage{grid-template-columns:1fr}.authArt{display:none}.shell{display:block}.sidebar{z-index:5;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:12px;height:auto;padding:14px 18px;position:sticky}.sidebar .brandLogo{width:72px;height:54px}.nav{margin:0 auto;display:flex}.nav a{font-size:13px}.nav a.active{box-shadow:inset 0 -3px 0 var(--accent)}.sidebarActions{margin:0}.content{padding:clamp(28px,6vw,48px) 18px}.formGrid{grid-template-columns:1fr}.wide{grid-column:auto}.manageHeading{flex-direction:column;align-items:stretch}.adminRow{grid-template-columns:1fr}.adminRowActions{flex-wrap:wrap;justify-content:space-between}h1{font-size:clamp(40px,9vw,56px)}.adminTop{align-items:flex-start}.adminTopActions{max-width:70%}}@media (width<=600px){.sidebar{flex-wrap:wrap;position:static}.brandLink{order:1}.sidebarActions{order:2;margin-left:auto}.nav{order:3;width:100%;margin:0;overflow-x:auto}.nav a{text-align:center;white-space:nowrap;flex:1}.grid,.sopGrid,.steps,.promptGrid{grid-template-columns:1fr}.toolbar{align-items:stretch}.search{width:100%}.secondaryButton{flex:none}.sopCard,.promptTile{min-height:190px}.promptToolbar .categoryFilter,.categoryFilter{flex:100%}.promptDialog{border-radius:18px 18px 0 0;width:100vw;max-width:none;height:min(92vh,900px);max-height:none;margin:auto 0 0}.promptDialogPanel{height:100%;max-height:100%}.dialogActions{flex-direction:column;align-items:stretch}.dialogActions .button{width:100%}.adminTop{flex-direction:column;align-items:flex-start}.adminTopActions{justify-content:flex-start;max-width:none}.formActions{flex-direction:column;align-items:stretch}.formActions>*{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.sopCard:hover,.card:hover,.step:hover,.sopDetail .taskItem:hover{transform:none}}
