/* Shared workspace refinements: Revision 02 */
:root { font-family: "Segoe UI", Arial, sans-serif; --forest:#143e34; --forest-2:#226b54; --cream:#f3f5f2; --paper:#fff; --line:#dce5df; --muted:#586d63; }
[hidden] { display:none !important; }
body { background:var(--cream); }
button, input, select, textarea { font-family:inherit; }
.ui-icon { width:20px; height:20px; flex-shrink:0; vertical-align:middle; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:44px; padding:11px 17px; border:1px solid #cbd8d0; border-radius:10px; background:white; color:#244e3f; font-size:14px; font-weight:650; line-height:1.3; cursor:pointer; text-decoration:none; white-space:normal; }
.button:hover { border-color:#63937c; background:#f1f7f3; }
.button.primary { color:white; background:#226b54; border-color:#226b54; box-shadow:0 3px 7px #173f3511; }
.button.primary:hover { background:#17533f; }
.button.subtle { background:#f5f8f5; }
.button:disabled, button:disabled { opacity:.5; cursor:not-allowed; }
.icon-button { display:inline-grid; place-items:center; width:44px; height:44px; padding:10px; border:1px solid #d4dfd7; border-radius:10px; background:white; color:#335a49; cursor:pointer; flex-shrink:0; }
.app-shell { grid-template-columns:248px minmax(0,1fr); }
.sidebar { position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:30px 18px 20px; background:linear-gradient(160deg,#173f35,#0f3028); gap:0; }
.brand { display:flex; align-items:center; gap:12px; width:100%; padding:0 8px; margin:0 0 48px; border:0; background:none; color:white; text-align:left; cursor:pointer; }
.brand img { width:44px; height:44px; border-radius:14px; background:#347b5f; padding:3px; }
.brand strong { display:block; font-size:19px; letter-spacing:-.5px; }
.brand small { display:block; color:#c5d8cd; font-size:11px; margin-top:3px; }
.nav-caption { color:#b0c8bb; font-size:10px; font-weight:700; letter-spacing:1.5px; margin:0 14px 16px; }
.nav-list { display:grid;overflow:visible;gap:7px; }
.nav-link { display:flex; gap:13px; padding:14px; min-height:49px; color:#d8e5dc; font-size:13px; font-weight:600; border-radius:11px; line-height:1.4; white-space:normal; }
.nav-link .ui-icon { width:19px; height:19px; color:#bdd3c5; }
.nav-link[aria-current=page] { background:#3a6654; box-shadow:inset 3px 0 #bddb9c; color:#fff; }
.sidebar-note { margin:42px 10px 22px; padding:20px 14px; border:1px solid #8bab982e; border-radius:14px; background:#ffffff07; color:#c4d8cb; font-size:12px; line-height:1.7; }
.sidebar-note strong { display:block; color:#e0eae4; font-size:12px; }
.sidebar-note p { margin:7px 0 0; }
.sidebar-note-dot { display:block; width:7px; height:7px; margin:0 0 14px; background:#c8de96; border-radius:50%; }
.sidebar-account { display:grid; grid-template-columns:32px minmax(0,1fr) 32px; gap:9px; align-items:center; margin-top:auto; padding:20px 5px 0; border-top:1px solid #ffffff21; }
.sidebar-account strong { display:block; font-size:11px; color:#edf3ef; }
.sidebar-account small { display:block; font-size:10px; color:#b8cfc1; margin-top:4px; }
.staff-avatar { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:#436d58; color:white; font-size:11px; }
.sidebar-account .icon-button { width:32px; min-height:32px; height:32px; border:0; padding:0; font-size:22px; background:transparent; color:#d9e7de; }
.topbar { position:sticky; top:0; z-index:15; padding:17px clamp(24px,2.6vw,48px); min-height:72px; background:#fcfdfbf5; backdrop-filter:blur(10px); color:#5c7265; font-size:13px; }
.crumb-separator { margin:0 14px; color:#b4c4b8; }
.topbar strong { color:#335b48; font-weight:600; }
.demo-label { display:flex; align-items:center; gap:7px; color:#4d695b; font-size:12px; }
.demo-label > span:first-child { width:6px; height:6px; border-radius:50%; background:#6f945b; }
.topbar-date { color:#738376; }
.content { width:100%; max-width:none; margin:0; padding:clamp(24px,2.6vw,48px); }
.page-header { align-items:center; gap:24px; margin:0 0 30px; }
h1 { font-size:clamp(28px,2.4vw,40px); font-weight:680; letter-spacing:-1.2px; line-height:1.15; }
h2 { font-size:21px; letter-spacing:-.4px; }
h3 { font-size:16px; }
.page-header h1 { margin:0 0 10px; }
.eyebrow { font-size:10px; font-weight:750; letter-spacing:1.6px; color:#50755e; margin-bottom:10px; }
.lede { font-size:14px; line-height:1.7; max-width:76ch; margin:0; color:#5d7066; }
.page-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; flex-shrink:0; }
.directory-overview { padding:20px; margin:0 0 28px; border:1px solid #d8e3d7; border-radius:19px; background:linear-gradient(110deg,#e8efe5,#eff4eb 75%,#e5eedb); }
.overview-caption { display:flex; justify-content:space-between; gap:12px; margin:0 3px 16px; font-size:10px; font-weight:700; letter-spacing:1px; color:#54714f; }
.overview-caption span:last-child { font-size:11px; letter-spacing:0; font-weight:500; }
.attention-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:13px; margin:0; }
.attention-card { display:flex; flex-direction:column; align-items:stretch; gap:8px; padding:18px; min-width:0; border:1px solid #dce5d8; border-radius:13px; background:#fffefa; text-align:left; color:#244b39; cursor:pointer; box-shadow:0 3px 8px #294d3210; transition:transform .15s,border-color .15s; }
.attention-card:hover { transform:translateY(-2px); border-color:#8fb397; }
.attention-card[aria-pressed=true] { background:#1e5842; color:#fff; border-color:#1e5842; }
.metric-heading { display:flex; justify-content:space-between; align-items:center; gap:8px; font-size:12px; font-weight:600; line-height:1.45; }
.metric-icon { display:inline-grid; place-items:center; width:32px; height:32px; border-radius:9px; background:#eaf1e7; color:#416d46; flex-shrink:0; }
.metric-lapsed .metric-icon { background:#f7eaf0; color:#90516a; }
.metric-due .metric-icon,.metric-unpaid .metric-icon { background:#faf0d8; color:#8a6119; }
.attention-card[aria-pressed=true] .metric-icon { background:#ffffff1f; color:#e0edcf; }
.attention-card strong { display:block; margin:0; font-size:31px; font-weight:650; letter-spacing:-1px; color:inherit; line-height:1.25; }
.metric-caption { display:flex; align-items:center; justify-content:space-between; color:#53684c; font-size:10px; }
.metric-caption .ui-icon { width:13px; height:13px; }
.attention-card[aria-pressed=true] .metric-caption { color:#d2e1cb; }
.panel { padding:25px; margin:0 0 22px; border:1px solid #dce5df; border-radius:16px; background:white; box-shadow:0 3px 9px #244c3420; }
.panel-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; }
.panel-heading h2 { margin:0 0 7px; }
.panel-heading p { margin:0; color:#64766b; font-size:13px; line-height:1.6; }
.register-panel { padding:0; overflow:hidden; }
.register-panel > .panel-heading { padding:26px 26px 0; }
.register-total { padding:7px 10px; border-radius:7px; font-size:11px; font-weight:600; color:#5c7260; background:#f0f5ed; white-space:nowrap; }
.register-filters { display:grid; grid-template-columns:minmax(200px,1.6fr) repeat(4,minmax(115px,1fr)) auto; gap:14px; align-items:end; padding:0 26px 24px; }
.field { display:flex; flex-direction:column; gap:9px; min-width:0; }
.field label { font-size:12px; font-weight:650; color:#44624f; line-height:1.5; }
input,select,textarea { width:100%; min-width:0; min-height:44px; border:1px solid #738a78; border-radius:9px; padding:11px 12px; background:#fff; color:#284d39; font-size:13px; line-height:1.5; }
input::placeholder,textarea::placeholder { color:#718277; }
textarea { min-height:116px; resize:vertical; }
.search-field input { padding-left:14px; background:#f8faf7; }
.table-wrap { border:0; border-radius:0; overflow:auto; }
.directory-table { max-height:min(56vh,650px); min-height:280px; scrollbar-color:#b1c6b4 #f5f8f3; }
.directory-table table { min-width:960px; width:100%; border-collapse:collapse; }
.directory-table th { position:sticky; top:0; z-index:2; padding:15px 20px; border-top:1px solid #e4ebe5; border-bottom:1px solid #dce6df; background:#f2f6f0; text-transform:uppercase; letter-spacing:1px; color:#6a7d6d; font-size:10px; font-weight:700; white-space:nowrap; }
.directory-table td { padding:16px 20px; border-bottom:1px solid #edf1ed; font-size:13px; line-height:1.5; vertical-align:middle; }
.directory-table tbody tr[data-member-row] { cursor:pointer; transition:background .12s; }
.directory-table tbody tr:hover,.directory-table tbody tr:focus-within { background:#f5f9f1; }
.member-name { display:flex; align-items:center; gap:12px; min-width:180px; color:#234b36; text-decoration:none; }
.member-name strong { display:block; font-size:13px; font-weight:700; }
.member-name small { display:block; font-size:10px; color:#53684c; margin-top:4px; }
.member-avatar { display:inline-grid; place-items:center; width:38px; height:38px; border-radius:12px; background:#e6efda; color:#4e6a38; font-size:12px; font-weight:700; flex-shrink:0; }
.member-avatar.tone-1 { background:#e4eef2; color:#41637a; }.member-avatar.tone-2 { background:#f7ecd6; color:#8b682b; }.member-avatar.tone-3 { background:#eee6f1; color:#735485; }.member-avatar.tone-4 { background:#f4e6e8; color:#8d5861; }
.member-avatar.large { width:70px; height:70px; border-radius:22px; font-size:23px; }
.contact-link { display:inline-flex; align-items:center; gap:7px; color:#486f55; text-decoration:none; font-size:12px; overflow-wrap:anywhere; }
.contact-link .ui-icon { width:15px; height:15px; }
.contact-link:hover { text-decoration:underline; color:#1d6242; }
.interest-label { color:#53684c; font-size:12px; }
.badge { display:inline-flex; align-items:center; justify-content:center; padding:5px 10px; border-radius:6px; border:1px solid #dce6dd; background:#f0f4ee; color:#536b57; font-size:10px; line-height:1.35; font-weight:650; white-space:nowrap; }
.badge.approved,.badge.current,.badge.paid,.badge.included { color:#287048; background:#eaf5e9; border-color:#d1e8cf; }
.badge.due,.badge.pending,.badge.unpaid { color:#886018; background:#fff4d9; border-color:#efdfb7; }
.badge.lapsed,.badge.rejected { color:#8e4a61; background:#f9eaf0; border-color:#efd4df; }
.badge.not-started,.badge.not-created,.badge.excluded { color:#647363; background:#f0f2ee; border-color:#dfe5db; }
.row-open { display:grid; place-items:center; width:40px; min-height:40px; border:0; border-radius:10px; background:transparent; color:#6a8b6d; cursor:pointer; }.row-open:hover { background:#dfebd7; }
.table-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 26px; font-size:12px; color:#53684c; background:#fcfdfa; }
.pagination { display:flex; align-items:center; gap:14px; }.pagination .button { font-size:11px; min-height:36px; padding:8px 12px; }.pagination > span { font-size:11px; }
.directory-footnote { display:flex; justify-content:space-between; gap:20px; font-size:11px; line-height:1.7; color:#53684c; padding:0 4px; }
.workspace-dialog { width:min(680px,calc(100vw - 32px)); max-height:90dvh; padding:0; border:1px solid #d3dfd3; border-radius:21px; background:white; color:#294a35; box-shadow:0 30px 100px #10291b55; }
.workspace-dialog::backdrop { background:#15332577; backdrop-filter:blur(3px); }
.dialog-header { position:sticky; top:0; z-index:2; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:24px 28px; border-bottom:1px solid #e3ebe1; background:#f9fbf6; }.dialog-header h2 { margin:0; }.dialog-header .eyebrow { margin-bottom:7px; }
.dialog-body { padding:28px; }.dialog-body .panel { padding:0; border:0; box-shadow:none; margin:0; }.dialog-body > p,.dialog-body form > p { font-size:13px; color:#667a68; line-height:1.7; }
.stack { gap:20px; }.grid { gap:22px; }.form-row { gap:16px; }.column-pills { display:flex; flex-wrap:wrap; gap:7px; margin:20px 0; }.column-pills span { background:#f0f4ec; border:1px solid #dce5d6; border-radius:6px; padding:6px 9px; font-size:11px; }.export-scope { margin-top:20px; padding:15px; border-radius:10px; background:#edf4e8; font-weight:650; font-size:14px; }
.form-status { margin:0; min-height:20px; font-size:12px; line-height:1.6; }.form-status.info { color:#667d68; }.form-status.success { color:#2c7747; }.notice { border-radius:11px; padding:15px 18px; line-height:1.7; font-size:13px; }.notice.success { background:#eaf5e4; color:#30663e; border:1px solid #cee2c7; }
.back-link { display:inline-block; padding:0; margin-bottom:26px; border:0; background:none; color:#698567; font-size:12px; cursor:pointer; }.back-link:hover { text-decoration:underline; }
.record-person { display:flex; align-items:center; gap:20px; }.record-person h1 { margin:0 0 8px; }.record-person .eyebrow { margin-bottom:8px; }
.record-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-bottom:28px; }.record-summary article { display:grid; justify-items:start; gap:12px; padding:22px 24px; border:1px solid #dce5db; border-radius:15px; background:#fff; }.record-summary article > span:first-child { font-size:10px; font-weight:750; letter-spacing:1px; color:#53684c; }.record-summary .badge { font-size:13px; }.record-summary small { color:#53684c; font-size:11px; }
.record-tabs { display:flex; gap:6px; border-bottom:1px solid #dce5d8; margin-bottom:26px; }.record-tabs button { padding:14px 18px; border:0; border-bottom:3px solid transparent; background:none; color:#798a71; font-size:13px; font-weight:600; cursor:pointer; }.record-tabs button[aria-selected=true] { color:#275c37; border-bottom-color:#4f7a39; }.record-tabs .ui-icon { margin-right:7px; width:17px; height:17px; }
.record-layout { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr); gap:22px; }.profile-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 30px; margin:0 0 30px; }.profile-grid dt { color:#53684c; font-size:11px; font-weight:650; }.profile-grid dd { margin:8px 0 0; font-size:14px; color:#2e4e37; overflow-wrap:anywhere; }.profile-grid dd a { color:#38694a; }.preference-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:#b5bfa9; margin-right:7px; }.preference-dot.yes { background:#5e9150; }
.coverage-explainer { background:linear-gradient(130deg,#eef5e7,#e2edda); border-color:#d6e4ca; }.coverage-explainer > .metric-icon { float:right; width:40px; height:40px; }.coverage-explainer h2 { font-size:28px; }.coverage-explainer p:not(.eyebrow) { color:#5d7952; font-size:13px; line-height:1.8; max-width:65ch; }.reference-date { font-size:10px; font-weight:650; color:#53684c; margin-top:25px; border-top:1px solid #d4e1c8; padding-top:16px; }
.term-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:16px; }.term-card { padding:20px; border:1px solid #dce6d6; border-radius:12px; background:#fbfcf8; }.term-card.upcoming { background:#f0f6e9; border-color:#cedfbd; }.term-card .split > strong { font-size:23px; color:#4d6d3f; }.term-card p { margin:16px 0; color:#53684c; font-size:12px; }.term-card footer { display:flex; justify-content:space-between; gap:10px; align-items:center; padding-top:14px; border-top:1px solid #e1e9d8; }.term-card footer span { font-size:16px; font-weight:650; }.term-card small { font-size:9px; color:#53684c; }
.timeline { list-style:none; margin:0; padding:4px 0 0; }.timeline li { display:flex; gap:15px; padding-bottom:28px; }.timeline li > div { flex:1; min-width:0; }.timeline p { margin:8px 0; font-size:13px; line-height:1.6; color:#5c7754; }.timeline small { color:#53684c; font-size:10px; overflow-wrap:anywhere; }.timeline-dot { width:10px; height:10px; flex-shrink:0; border-radius:50%; background:#a8be95; border:3px solid #edf4e5; box-sizing:content-box; margin-top:3px; }.timeline-dot.paid { background:#568b3c; }.payment-reference { background:#f4f7ef; padding:10px 12px; border-radius:8px; }
.process-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; margin:0 0 25px; padding:0; gap:16px; }.process-steps li { display:flex; align-items:center; gap:12px; color:#53684c; padding:16px 20px; border-bottom:2px solid #dce6d5; font-size:13px; font-weight:600; }.process-steps li > span { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#e8eedf; color:#53684c; }.process-steps li.active { color:#31613c; border-bottom-color:#6a9451; }.process-steps li.active > span { color:white; background:#4e7b3e; }
.import-layout { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr); gap:24px; }.upload-zone { display:flex; align-items:center; flex-direction:column; gap:14px; padding:35px 24px; border:1px dashed #a8c196; border-radius:14px; background:#f5f9ef; text-align:center; }.upload-zone > .ui-icon { width:36px; height:36px; color:#6c9356; }.upload-zone h2 { margin:0; }.upload-zone p { margin:0; max-width:50ch; font-size:13px; color:#53684c; line-height:1.7; }.upload-zone .button { margin:3px 0; }.import-actions { display:flex; justify-content:space-between; gap:12px; margin-top:20px; }.import-input { min-height:160px; }.disclosure,.round-help,.submission-history { padding:17px 19px; margin:20px 0 0; border:1px solid #dce5d4; border-radius:12px; background:#fafcf6; }.disclosure summary,.round-help summary,.submission-history summary { cursor:pointer; color:#5f7d4e; font-size:12px; font-weight:650; padding:3px 0; }.disclosure[open] > summary { margin-bottom:17px; }.disclosure code { display:block; overflow-wrap:anywhere; font-size:11px; line-height:1.8; }.import-guide { background:#fffefa; }.import-guide h2 { max-width:26ch; line-height:1.4; }.guide-point { display:flex; align-items:start; gap:14px; margin-top:23px; }.guide-point > .ui-icon { width:19px; height:19px; color:#6b9151; margin-top:3px; }.guide-point p { margin:0; font-size:13px; line-height:1.7; }.guide-point strong { display:block; color:#3b6340; }.guide-point span { display:block; color:#53684c; margin-top:4px; }
.preview-summary { display:flex; align-items:center; gap:40px; padding:26px 30px; margin-bottom:26px; border:1px solid #d6e4c9; border-radius:17px; background:linear-gradient(110deg,#e4efda,#f0f6e9); }.preview-summary > div { display:flex; align-items:center; gap:13px; }.preview-summary strong { font-size:36px; font-weight:600; color:#52743c; }.preview-summary span { font-size:12px; color:#53684c; }.preview-policy { margin-left:auto; color:#53684c; font-size:12px; max-width:40ch; line-height:1.7; }.preview-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; }.preview-toolbar .field { width:min(280px,100%); }.block { display:block; }.segmented { display:inline-flex; gap:3px; padding:4px; background:#ecf1e6; border-radius:10px; }.segmented button { padding:9px 13px; border:0; border-radius:7px; background:transparent; color:#53684c; font-size:12px; font-weight:600; cursor:pointer; }.segmented button[aria-pressed=true] { background:white; color:#36613b; box-shadow:0 2px 5px #35502d13; }
.questions-canvas { padding:0; background:none; }.review-bar { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:19px 22px; margin-bottom:16px; border:1px solid #d8e5d0; border-radius:14px; background:#edf4e6; }.review-bar > div:first-child { display:flex; align-items:center; flex-wrap:wrap; gap:22px; }.review-round-tag { display:flex; align-items:center; gap:9px; color:#42663b; font-size:13px; font-weight:650; }.answer-progress { color:#53684c; font-size:12px; }.round-help { margin:0 0 24px; background:#fcfdf9; }.round-help p { font-size:13px; color:#728369; line-height:1.8; max-width:100ch; margin:16px 0; }.review-round-controls { display:flex; align-items:end; gap:15px; }.review-round-controls .field { width:min(400px,100%); }.questions-layout { display:grid; grid-template-columns:270px minmax(0,1fr); gap:22px; }.question-nav { max-height:720px; padding:20px 15px; border:1px solid #dce6d5; border-radius:15px; background:#fff; overflow:auto; }.question-nav > p { display:flex; justify-content:space-between; padding:0 8px 10px; }.question-nav button { display:flex; align-items:center; gap:11px; width:100%; min-height:52px; padding:13px 11px; margin:5px 0; border:0; border-radius:10px; background:transparent; color:#53684c; text-align:left; font-size:12px; line-height:1.6; cursor:pointer; }.question-nav button[aria-current=step] { background:#edf5e4; color:#3c6430; font-weight:650; }.question-number { display:grid; place-items:center; width:24px; height:24px; margin:0; padding:0; border:1px solid #d7e3cc; border-radius:50%; color:#53684c; background:white; flex-shrink:0; font-size:10px; }.question-number .ui-icon { width:13px; height:13px; }.question-number.answered { color:#5b8b3c; background:#e6f1db; }
.question-card { padding:30px; border-radius:16px; border-color:#dce5d5; min-width:0; }.question-meta { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; color:#53684c; font-size:11px; }.question-meta span:first-child { font-weight:700; text-transform:uppercase; letter-spacing:1px; color:#53684c; }.question-card > h2 { max-width:60ch; font-size:27px; line-height:1.35; margin-bottom:18px; }.question-explanation { color:#53684c; font-size:13px; line-height:1.8; max-width:100ch; }.context-grid { gap:16px; margin:27px 0; }.context-card { padding:20px; min-height:140px; border-radius:12px; line-height:1.75; color:#53684c; background:#f6f8f0; border-color:#e0e7d8; font-size:12px; }.context-card.why { background:#edf5f3; border-color:#d5e7df; color:#466959; }.context-card.change { background:#f2f7e7; border-color:#e0eacb; }.context-card h3 { display:flex; align-items:center; gap:8px; font-size:10px; line-height:1.5; text-transform:uppercase; color:#53684c; letter-spacing:.7px; margin-bottom:14px; }.context-card h3 .ui-icon { width:15px; height:15px; }.context-card p { margin:0; }.answer-section > .split { margin-bottom:18px; }.answer-section h3 { margin:0; }.answer-section > .split > span { font-size:10px; }.answer-chips { gap:9px; margin-bottom:17px; }.chip { padding:8px 13px; font-size:11px; min-height:36px; color:#53684c; border-color:#dce7d1; background:#fff; }.chip:hover { background:#eef6e5; }.answer-section textarea { min-height:145px; padding:17px; background:#fdfefb; font-size:13px; line-height:1.8; }.answer-section .form-status { margin-top:14px; }.question-footer { margin-top:28px; padding-top:22px; gap:12px; }.submission-status { margin:0 0 20px; border-radius:11px; }.submission-status:not(:empty) { padding:15px 20px; border:1px solid #d7e5ce; background:#f3f8ed; }.submission-history { margin:24px 0 0; }.submission-history[open] > summary { margin-bottom:20px; }.submission-item { display:flex; gap:16px; margin:16px 0; padding:19px; border-radius:12px; border:1px solid #e0e8d7; background:white; font-size:13px; }.submission-item > div { min-width:0; flex:1; }.submission-item p { color:#53684c; font-size:11px; margin:8px 0; }.submission-item details { margin-top:16px; }.submitted-answer { margin:16px 0 0; padding:16px; background:#f7f9f1; border-radius:9px; }.submitted-answer h3 { font-size:13px; }.submitted-answer p { color:#4d6c42; font-size:12px; line-height:1.8; }.submitted-answer small { color:#53684c; font-size:10px; }.comparison-question { padding:20px 0; border-top:1px solid #e4ebdd; }.comparison-question > h3 { margin-bottom:18px; }
.built-page { margin:0; border-radius:22px; overflow:hidden; width:100%; }.built-hero { padding:clamp(30px,4vw,65px); background:#112c20; }.built-hero h1 { max-width:35ch; font-size:clamp(30px,3vw,48px); line-height:1.15; }.built-hero .lede { color:#c7d8c1; max-width:85ch; line-height:1.9; }.built-hero .eyebrow { color:#b8d093; }.tech-badges { gap:10px; margin-top:28px; }.tech-badge { background:#304d32; color:#d8e8c8; font-size:11px; padding:10px 13px; border:1px solid #4e6b3a; }.architecture-section { padding:clamp(28px,3.4vw,55px); background:#1b3625; }.architecture-section > .eyebrow { color:#b0c68b; }.architecture-section > h2 { font-size:27px; }.architecture-flow { grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); gap:22px; }.architecture-box { padding:26px; margin-top:28px; background:#142a1c; border-color:#3b5533; }.architecture-card { padding:26px; background:#294b2b; border-color:#496539; color:#c6dcb7; }.architecture-card:nth-child(3) { background:#334631; border-color:#63704d; }.architecture-card:nth-child(5) { background:#234a32; border-color:#41674a; }.architecture-card h3 { font-size:18px; margin-bottom:18px; }.architecture-card p { font-size:13px; line-height:1.9; margin:0; }.flow-arrow { color:#a3bd7d; }.limits-grid { gap:20px; margin-top:24px; }.limit-card { padding:22px; background:#213322; border-color:#526343; color:#b7cda5; }.limit-card h3 { font-size:15px; }.limit-card p { font-size:12px; line-height:1.8; }
@media(min-width:1900px){.directory-table{max-height:60vh}.attention-card{padding:22px}.metric-heading{font-size:13px}.metric-caption{font-size:11px}.member-name strong{font-size:14px}.directory-table td{padding-top:18px;padding-bottom:18px}.context-card{font-size:13px;min-height:150px}.question-card{padding:34px}}
@media(max-width:1250px){.attention-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.register-filters{grid-template-columns:minmax(180px,1.4fr) repeat(2,minmax(110px,1fr))}.page-header{align-items:start}.record-header{flex-wrap:wrap}.questions-layout{grid-template-columns:230px minmax(0,1fr)}.context-grid{grid-template-columns:1fr}.context-card{min-height:0}.context-card h3{margin-bottom:9px}.context-grid{gap:12px}.preview-summary{gap:22px}.preview-policy{max-width:30ch}}
@media(max-width:1100px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding-inline:12px}.brand{gap:9px;padding-inline:4px}.brand strong{font-size:17px}.brand small{font-size:9px}.sidebar-note{margin-inline:3px}.sidebar-account{grid-template-columns:28px minmax(0,1fr) 28px;gap:6px}.sidebar-account strong{font-size:10px}.content{padding:25px}.topbar{padding:18px 25px}.record-layout,.import-layout{grid-template-columns:1fr}.questions-layout{grid-template-columns:1fr}.question-nav{display:flex;gap:8px;max-height:160px}.question-nav>p{display:none}.question-nav button{min-width:170px;max-width:240px;margin:0}.review-bar{align-items:start;flex-direction:column}.architecture-flow{gap:12px}.architecture-card{padding:18px}.directory-footnote{flex-direction:column;gap:6px}}
@media(max-width:850px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:18px 20px;display:block}.brand{margin:0 0 18px}.brand img{width:36px;height:36px}.nav-caption,.sidebar-note{display:none}.nav-list{display:flex;overflow-x:auto;gap:7px;padding-bottom:5px}.nav-list li{flex-shrink:0}.nav-link{padding:10px 12px;min-height:42px;white-space:nowrap;font-size:11px}.nav-link .ui-icon{width:15px;height:15px}.sidebar-account{display:flex;position:absolute;top:22px;right:20px;padding:0;border:0;margin:0}.sidebar-account>div,.staff-avatar{display:none}.sidebar-account .icon-button{width:36px;height:36px;background:#426a51}.topbar{position:static;min-height:58px;padding:15px 22px;font-size:11px}.content{padding:24px 20px}.page-header{flex-direction:column;align-items:stretch;gap:18px;margin-bottom:23px}.page-actions{gap:9px}.page-actions .button{font-size:12px}.overview-caption{flex-direction:column;gap:5px}.directory-overview{padding:15px}.attention-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.attention-card{padding:14px;gap:8px}.metric-heading{font-size:11px}.metric-icon{width:25px;height:25px}.metric-icon .ui-icon{width:15px;height:15px}.attention-card strong{font-size:28px}.metric-caption{font-size:9px}.register-panel>.panel-heading{padding:22px 20px 0}.register-filters{padding:0 20px 20px;gap:12px}.table-footer{padding:16px 20px;flex-wrap:wrap}.panel{padding:22px}.register-panel{padding:0}.preview-summary{flex-wrap:wrap;padding:20px}.preview-policy{margin-left:0;max-width:none}.preview-toolbar{align-items:stretch;flex-direction:column}.preview-toolbar .field{width:100%}.questions-layout{gap:16px}.question-card{padding:24px}.question-card>h2{font-size:24px}.answer-section>.split{gap:10px;align-items:start;flex-direction:column}.question-footer .button{font-size:11px;padding-inline:11px}.record-summary{gap:10px}.record-summary article{padding:16px;gap:10px}.record-summary article>span:first-child{font-size:9px;letter-spacing:.5px}.record-summary .badge{font-size:11px}.record-summary small{font-size:10px}.built-hero,.architecture-section{padding:28px}.architecture-flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg)}.limits-grid{grid-template-columns:1fr}.round-help{margin-bottom:20px}}
@media(max-width:560px){.topbar-date{display:none}.topbar .crumb-separator{margin-inline:9px}.attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-caption{display:none}.metric-heading{font-size:11px}.attention-card strong{font-size:28px}.register-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.search-field{grid-column:1/-1}.panel-heading{align-items:start;flex-direction:column;gap:12px}.register-total{font-size:10px}.pagination{gap:8px;width:100%;justify-content:space-between}.directory-table{max-height:450px;min-height:230px}.dialog-header{padding:20px}.dialog-body{padding:22px}.dialog-header h2{font-size:20px}.grid.two,.grid.three,.form-row{grid-template-columns:1fr}.record-person{gap:14px}.member-avatar.large{width:54px;height:54px;border-radius:16px;font-size:18px}.record-person h1{font-size:28px}.record-person .contact-link{font-size:11px}.record-person .eyebrow{font-size:8px;letter-spacing:1px}.record-summary article{padding:12px 10px}.record-summary small{line-height:1.5}.record-tabs button{padding:13px 9px;font-size:12px}.record-tabs .ui-icon{display:none}.profile-grid{gap:24px 15px}.profile-grid dd{font-size:12px}.profile-grid>div:first-child{grid-column:1/-1}.term-grid{grid-template-columns:1fr}.process-steps{gap:6px}.process-steps li{padding:12px 4px;gap:6px;font-size:10px;align-items:start}.process-steps li>span{width:20px;height:20px;font-size:9px;flex-shrink:0}.import-actions{flex-wrap:wrap}.import-actions .button{flex:1;white-space:nowrap;font-size:11px}.preview-summary strong{font-size:28px}.preview-summary span{font-size:11px}.segmented button{padding:8px 9px;font-size:10px}.review-round-controls{align-items:stretch;flex-direction:column}.review-bar{padding:16px}.review-bar>div:first-child{gap:10px}.question-meta{font-size:9px;gap:10px}.question-card{padding:20px}.question-card>h2{font-size:21px}.context-card{padding:16px}.question-footer{flex-wrap:wrap;justify-content:space-between}.question-footer .button{width:auto;flex:1;white-space:nowrap}.question-footer #save-answer{order:3;flex-basis:100%;margin-top:2px}.submission-item{padding:15px;gap:10px}.submission-item>.metric-icon{display:none}.comparison-question>.compare-grid{grid-template-columns:1fr}.built-hero,.architecture-section{padding:24px}.architecture-box{padding:15px}.architecture-card{padding:20px}.limits-grid{gap:13px}.term-card footer small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.attention-card,.directory-table tbody tr{transition:none}.attention-card:hover{transform:none}}

.sidebar-account{grid-template-columns:32px minmax(0,1fr) 58px}.sidebar-account #logout{width:58px;font-size:10px;font-weight:650;background:#ffffff0d;border-radius:7px}
@media(max-width:1100px) and (min-width:851px){.sidebar-account{grid-template-columns:28px minmax(0,1fr) 58px}}
@media(max-width:560px){.nav-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:6px;padding:0}.nav-list li{min-width:0}.nav-list li:last-child:nth-child(odd){grid-column:1/-1}.nav-link{width:100%;font-size:11px;white-space:normal}.sidebar-account #logout{background:#426a51}.brand{margin-bottom:16px}}

@media(min-width:851px){.context-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}