/* SPDX-License-Identifier: LicenseRef-Docenta-Proprietary */
/* Copyright (c) 2026 SKY, LLC. */
/* The portal's own few rules on top of /assets/page.css (the one
   docenta look, synced from crates/docenta-page): bare elements the
   pages' scripts create get the system's looks without a class. */
main label{display:grid;gap:7px;margin:0 0 16px;max-width:30rem;font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--label)}
main label input,main label select,main label textarea{font:16.5px var(--sans);letter-spacing:0;text-transform:none}
main label:has(input[type=radio]){display:flex;align-items:center;gap:10px;font:16px var(--sans);letter-spacing:0;text-transform:none;color:var(--text)}
main button{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;margin:4px 10px 4px 0;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);color:var(--text);font:600 15.5px var(--sans);cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
main button:hover{border-color:var(--accent);color:var(--accent)}
main button.primary,main button[type=submit]{background:var(--accent-2);border-color:var(--accent-2);color:#fff}
main button.primary:hover,main button[type=submit]:hover{background:var(--accent);border-color:var(--accent);color:var(--bg);transform:translateY(-1px)}
main table{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:0 0 20px}
main td:first-child{color:var(--label);white-space:nowrap;width:11rem;font:500 12.5px var(--mono);letter-spacing:.06em}
.cmp td:nth-child(3),.cmp th:nth-child(3){background:color-mix(in srgb,var(--tip) 9%,transparent)}
blockquote{border:1px solid var(--line);border-left:4px solid var(--note);background:var(--note-bg);border-radius:0 12px 12px 0;padding:14px 18px;margin:0 0 18px;color:var(--text);max-width:78ch}
.note{color:var(--text-2);font-size:14px;line-height:1.55}
.ok{color:var(--tip)}.err{color:var(--warn)}
#status{margin-top:18px}
.key{color:var(--accent)}
details.how{border:1px solid var(--line);border-radius:12px;background:var(--surface);margin:0 0 10px;padding:0 18px}
details.how>summary{cursor:pointer;padding:14px 0;font-weight:600;color:var(--text);list-style-position:inside}
details.how[open]>summary{border-bottom:1px solid var(--line);margin-bottom:14px}
details.how>*:last-child{margin-bottom:16px}
/* A collection holds its assistants: the inner blocks sit on the page's
   ground so a card inside a card still reads as two levels. */
details.collection>summary{font-size:1.02rem}
details.collection details.how{background:var(--bg)}
main td form{margin:0}main td button{min-height:32px;padding:0 12px;margin:0;font-size:13.5px}
main label.lbl{display:flex;align-items:center;gap:10px;font:16px var(--sans);letter-spacing:0;text-transform:none;color:var(--text);max-width:none}
.cf-turnstile{margin:0 0 16px}