/* Risk Management Maturity assessment: respondent and admin pages */
.as-page{max-width:900px}
.site-header .as-saved{font-family:var(--sans);font-size:14px;color:var(--muted);min-height:20px}
.site-header .as-saved.err{color:#8A2B12;font-weight:600}
.as-intro ul{padding-left:1.1em}
.as-intro li{margin-bottom:10px}
.as-conf{background:var(--panel);padding:18px 20px;border-left:3px solid var(--ink)}
.as-start{margin-top:32px}
.as-card{max-width:820px}
.as-progress{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:4px;margin-top:10px}
.as-progress span{position:relative;height:6px;border-radius:3px;background:#D5D9DC;overflow:hidden}
.as-progress span i{position:absolute;inset:0 auto 0 0;background:#7F98AE}
.as-progress span.now{outline:2px solid var(--ink);outline-offset:1px}
.as-catdesc{font-family:var(--sans);font-size:15px;color:var(--muted);margin:0;padding:12px 16px;background:var(--panel)}
.as-ask{font-family:var(--sans);font-size:16px;color:var(--muted);margin:-12px 0 0}
.tq-opt.nr .mark::after{content:"–";width:auto;height:auto;background:none;border-radius:0}
.tq-opt.nr{margin-top:0}
.as-comment{font-family:var(--sans);font-size:16px}
.as-comment summary{cursor:pointer;color:var(--ink);font-weight:600;min-height:44px;display:flex;align-items:center}
.as-comment textarea{width:100%;font:inherit;font-size:16px;padding:12px;border:1px solid var(--rule);background:#fff;color:var(--ink);border-radius:2px}
.as-comment textarea:focus{outline:2px solid var(--accent);outline-offset:1px}
.as-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.as-contents-btn{margin-left:auto;margin-right:8px}
.as-parts{list-style:none;padding:0;margin:0 0 32px;border-top:1px solid var(--rule);font-family:var(--sans);font-size:16px}
.as-parts li{border-bottom:1px solid var(--rule);padding:14px 0}
.as-parts .row1{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.as-parts .row1 b{color:var(--ink)}
.as-parts .done{color:#2E6B3A;font-weight:600;white-space:nowrap}
.as-parts .todo{color:#8A2B12;font-weight:600;white-space:nowrap}
.as-parts .miss{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px 14px}
.as-parts a,.as-parts button.link{background:none;border:0;padding:0;font:inherit;color:var(--ink);text-decoration:underline;cursor:pointer;text-align:left}
.as-submit-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px}
@media (max-width:640px){
  .tq-q{font-size:26px}
  .tq-nav{flex-wrap:wrap}
  .as-contents-btn{order:3;margin:0;width:100%;text-align:center}
}

/* Admin */
.ad-page{max-width:1200px}
.ad-box{background:var(--paper);border:1px solid var(--rule);padding:20px 22px;margin:0 0 24px;font-family:var(--sans);font-size:16px}
.ad-box h2{font-family:var(--serif);font-size:26px;font-weight:500;margin:0 0 12px;color:var(--ink)}
.ad-box h3{font-size:16px;margin:18px 0 8px;color:var(--ink)}
.ad-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 20px;align-items:end}
.ad-box label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--ink)}
.ad-box input,.ad-box select,.ad-box textarea{font:inherit;font-weight:400;font-size:16px;padding:10px 12px;border:1px solid var(--rule);background:#fff;color:var(--ink);border-radius:2px;min-height:44px}
.ad-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.ad-actions .sq-button{min-height:44px;padding:0 18px;font-size:15px}
.ad-stats{display:flex;flex-wrap:wrap;gap:12px 32px;margin:4px 0 8px}
.ad-stats div{display:flex;flex-direction:column}
.ad-stats b{font-family:var(--serif);font-size:38px;font-weight:500;line-height:1.1;color:var(--ink)}
.ad-stats span{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ad-table{width:100%;border-collapse:collapse;font-size:15px}
.ad-table th,.ad-table td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--rule);vertical-align:top}
.ad-table th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}
.ad-table td.n{text-align:right;font-variant-numeric:tabular-nums}
.ad-scroll{overflow-x:auto}
.ad-msg{padding:12px 16px;margin:12px 0 0;font-size:15px;background:#E3F1E6;color:#1E4A28}
.ad-msg.err{background:#F6E3DC;color:#8A2B12}
.ad-msg pre{white-space:pre-wrap;font-size:13px;margin:8px 0 0}
.ad-page button.link{background:none;border:0;padding:0;font:inherit;color:var(--ink);text-decoration:underline;cursor:pointer}
.ad-pill{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:10px;background:var(--panel);color:var(--ink)}
.ad-pill.ok{background:#E3F1E6;color:#1E4A28}
.ad-pill.warn{background:#FFF4D6;color:#6B4A00}
.ad-small{font-size:13px;color:var(--muted)}
.ad-preview{background:#fff;border:1px solid var(--rule);padding:16px;white-space:pre-wrap;font-size:14px;max-height:360px;overflow:auto}

/* Individual result */
.as-result-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:start;margin:8px 0 24px}
.as-spider{margin:0}
.as-spider svg{width:100%;height:auto;display:block}
.as-areas{list-style:none;padding:0;margin:0;font-family:var(--sans);font-size:16px;border-top:1px solid var(--rule)}
.as-areas li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--rule)}
.as-areas b{font-weight:600;color:var(--ink);white-space:nowrap}
.as-h2{font-size:26px;font-weight:500;color:var(--ink);margin:28px 0 8px}
.as-result-actions{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:760px){.as-result-grid{grid-template-columns:1fr}}
@media print{.site-header,footer,.as-result-actions{display:none}.as-page{padding-top:0}}

/* Use the assessment page */
.ua-page{max-width:900px}
.ua-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:8px 0 48px}
.ua-choice{display:flex;flex-direction:column;gap:6px;padding:22px 24px;background:var(--paper);border:1px solid var(--rule);text-decoration:none;color:var(--text);font-family:var(--sans);font-size:16px}
.ua-choice:hover{border-color:var(--ink)}
.ua-choice b{font-family:var(--serif);font-weight:500;font-size:26px;color:var(--ink);line-height:1.2}
.ua-k{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ua-box{margin:0 0 40px;max-width:none}
.ua-box select{font:inherit;font-size:16px;padding:10px 12px;border:1px solid #9AA6B2;min-height:44px;border-radius:0;background:#fff;color:#1B2430;width:100%}
.ua-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ua-nums input[type=number]{width:100%}
.ua-done{padding:18px 20px;background:#E3F1E6;color:#1E4A28;font-family:var(--sans)}
.ua-done h3{margin:0 0 6px;font-size:18px}
.ua-done p{margin:0}
.ua-note{margin-top:18px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (max-width:640px){.ua-choices{grid-template-columns:1fr}.ua-nums{grid-template-columns:1fr}.ua-box{padding:28px 20px}}