/* NaraOps 1.16.1 — public demo output + request styling */
.demo-output-heading{margin-top:8px}
.demo-management-brief{margin:4px 0 26px;padding:20px 22px;border:1px solid #cfdfd3;border-left:4px solid var(--nara-green-deep);border-radius:16px;background:linear-gradient(135deg,#f5faf6 0%,#f8fbfd 100%)}
.demo-management-brief .finding-tag{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--nara-green-deep);font-weight:800}
.demo-management-brief h3{margin:.35rem 0 .5rem;font-size:1.05rem;color:var(--nara-ink)}
.demo-management-brief p{margin:0;color:#40576a;line-height:1.6}
.demo-brief-note{margin-top:10px;font-size:.75rem;color:var(--nara-muted)}
.demo-decisions-section{margin-top:6px}
.demo-decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.demo-decision-card{border:1px solid var(--nara-line);border-radius:15px;padding:16px;background:#fbfdfe;display:flex;gap:12px;align-items:flex-start}
.demo-decision-number{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--nara-navy);color:#fff;font-size:.78rem;font-weight:800}
.demo-decision-card strong{display:block;font-size:.94rem;line-height:1.35;color:var(--nara-ink)}
.demo-decision-card p{margin:.38rem 0 0;color:var(--nara-muted);font-size:.83rem;line-height:1.48}
.demo-request-section{padding:64px 0;background:#fff;border-top:1px solid var(--nara-line)}
.demo-request-shell{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:44px;align-items:start}
.demo-request-copy .eyebrow{color:var(--nara-green-deep)}
.demo-request-copy h2{margin:.45rem 0 .8rem;color:var(--nara-ink);font-size:2rem;line-height:1.1}
.demo-request-copy p{color:var(--nara-muted);line-height:1.65;max-width:620px}
.demo-request-promise{margin-top:18px;display:grid;gap:10px}
.demo-request-promise div{display:flex;gap:10px;color:#40576a;font-size:.9rem;line-height:1.45}
.demo-request-promise span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:none;background:#eef6f0;color:var(--nara-green-deep);font-weight:900}
.demo-request-form{border:1px solid var(--nara-line);border-radius:20px;padding:22px;background:var(--nara-bg);box-shadow:0 12px 34px rgba(16,37,59,.05)}
.demo-request-form label{display:block;font-size:.78rem;font-weight:800;color:#40576a;margin:0 0 6px}
.demo-request-form input,.demo-request-form textarea{width:100%;box-sizing:border-box;border:1px solid #cbd9e3;border-radius:11px;background:#fff;color:var(--nara-ink);font:inherit;font-size:16px;padding:11px 12px;outline:none}
.demo-request-form textarea{min-height:92px;resize:vertical}
.demo-request-form input:focus,.demo-request-form textarea:focus{border-color:var(--nara-blue);box-shadow:0 0 0 3px rgba(73,111,149,.12)}
.demo-request-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.demo-request-field{margin-bottom:14px}
.demo-request-help{font-size:.74rem;color:var(--nara-muted);line-height:1.45;margin-top:5px}
.demo-request-form .btn{border:0;cursor:pointer}
.demo-request-form .btn:disabled{opacity:.65;cursor:wait}
.demo-request-status{min-height:22px;margin-top:10px;font-size:.82rem;color:var(--nara-muted)}
.demo-request-status.success{color:#397b50;font-weight:700}
.demo-request-status.error{color:#a33a3a;font-weight:700}
.demo-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
@media(max-width:980px){.demo-decision-grid{grid-template-columns:1fr}.demo-request-shell{grid-template-columns:1fr}}
@media(max-width:640px){.demo-request-section{padding:44px 0}.demo-request-grid{grid-template-columns:1fr}.demo-request-form{padding:18px}.demo-request-copy h2{font-size:1.65rem}}