/* Tunggal Praxis AI Opportunity & Risk Diagnostic */
.ai-diagnostic-section [hidden]{display:none!important}
.ai-diagnostic-section{scroll-margin-top:100px}
.ai-diagnostic-intro{max-width:790px}
.ai-diagnostic-privacy{margin:22px 0 0;padding:15px 18px;border-left:3px solid var(--gold);background:rgba(255,253,248,.72);border-radius:0 12px 12px 0;color:var(--muted);font-size:13px;line-height:1.6}
.ai-diagnostic-shell{max-width:780px;margin:26px auto 0;padding:clamp(20px,3vw,32px);border:1px solid var(--line);border-radius:23px;background:rgba(255,253,248,.96);box-shadow:0 16px 42px rgba(7,19,31,.08)}
.ai-diagnostic-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.ai-diagnostic-step-label{margin:0;color:var(--muted);font-size:12px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}
.ai-diagnostic-track{height:6px;flex:1;max-width:230px;overflow:hidden;border-radius:999px;background:#e7e6df}
.ai-diagnostic-progress{height:100%;width:20%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--gold));transition:width .28s ease}
.ai-diagnostic-fieldset{min-width:0;margin:0;padding:0;border:0}
.ai-diagnostic-fieldset legend{display:block;width:100%;margin:0 0 8px;color:var(--midnight);font:600 clamp(22px,3vw,30px)/1.2 var(--serif);letter-spacing:-.02em}
.ai-diagnostic-help{margin:0 0 17px;color:var(--muted);font-size:14px}
.ai-diagnostic-group{margin:19px 0 0}
.ai-diagnostic-group h3{margin:0 0 9px;color:var(--navy);font-size:13px;line-height:1.45}
.ai-diagnostic-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ai-diagnostic-choice{position:relative;display:flex;align-items:flex-start;gap:11px;min-height:56px;padding:12px 14px;border:1px solid rgba(24,38,48,.15);border-radius:13px;background:linear-gradient(150deg,#fff,#faf7ef);cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s}
.ai-diagnostic-choice:hover{transform:translateY(-1px);border-color:rgba(45,111,107,.55);box-shadow:0 7px 20px rgba(7,19,31,.06)}
.ai-diagnostic-choice:focus-within{outline:3px solid rgba(45,111,107,.2);outline-offset:2px;border-color:var(--teal)}
.ai-diagnostic-choice:has(input:checked){border-color:var(--teal);background:linear-gradient(145deg,#edf5f0,#fffdf8);box-shadow:inset 0 0 0 1px rgba(45,111,107,.2),0 5px 14px rgba(45,111,107,.07)}
.ai-diagnostic-choice input{width:17px;height:17px;flex:0 0 17px;margin:3px 0 0;accent-color:var(--teal)}
.ai-diagnostic-choice span{display:block;color:var(--ink);font-size:14px;font-weight:700;line-height:1.45}
.ai-diagnostic-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:21px;padding-top:16px;border-top:1px solid var(--line)}
.ai-diagnostic-actions .btn,.ai-diagnostic-result-actions .btn{border:0;cursor:pointer;font:inherit;font-size:13px;font-weight:760}
.ai-diagnostic-actions .btn:disabled{opacity:.65;cursor:wait;transform:none}
.ai-diagnostic-status{margin:8px 0 0;color:var(--muted);font-size:13px}.ai-diagnostic-status:empty{display:none}
.ai-diagnostic-error{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#fff0e9;color:#8b351d;font-size:13px}
.ai-diagnostic-result{animation:aiDiagnosticIn .35s ease both}
@keyframes aiDiagnosticIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.ai-diagnostic-result-heading{margin:2px 0 18px;color:var(--midnight);font:600 clamp(24px,3vw,33px)/1.18 var(--serif)}
.ai-diagnostic-usecase{padding:20px 22px;border-radius:18px;background:linear-gradient(125deg,#10283a,#17404a);color:#fff}
.ai-diagnostic-usecase small,.ai-diagnostic-summary small{display:block;margin-bottom:8px;color:var(--gold2);font-size:10px;font-weight:820;letter-spacing:.14em;text-transform:uppercase}
.ai-diagnostic-usecase p{margin:0;font:600 20px/1.35 var(--serif)}
.ai-diagnostic-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0}
.ai-diagnostic-metric{min-height:110px;padding:17px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.76)}
.ai-diagnostic-metric span{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.ai-diagnostic-metric strong{display:block;margin-top:8px;color:var(--navy);font:600 17px/1.3 var(--serif)}
.ai-diagnostic-summary{margin-top:15px;padding:21px 22px;border-radius:17px;background:linear-gradient(135deg,#eaf1ed,#f7f0e4)}
.ai-diagnostic-summary small{color:#815f2d}
.ai-diagnostic-summary p{margin:0;color:#31434c;font-size:15px;line-height:1.7}
.ai-diagnostic-guardrail{margin:15px 0 0;padding:14px 17px;border:1px solid rgba(170,125,54,.28);border-radius:13px;background:rgba(255,253,248,.76);color:#4f4a3f;font-size:13px;line-height:1.6}
.ai-diagnostic-disclaimer{margin:15px 0 0;color:var(--muted);font-size:11px;line-height:1.6}
.ai-diagnostic-result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
@media(max-width:680px){.ai-diagnostic-shell{padding:19px 15px;border-radius:19px}.ai-diagnostic-options,.ai-diagnostic-metrics{grid-template-columns:1fr}.ai-diagnostic-metric{min-height:0}.ai-diagnostic-actions{align-items:stretch}.ai-diagnostic-actions .btn{padding-left:15px;padding-right:15px}}
@media(prefers-reduced-motion:reduce){.ai-diagnostic-progress,.ai-diagnostic-choice,.ai-diagnostic-result{transition:none;animation:none}}


/* Forest canopy treatment: a distinctive, legible focal point */
.ai-diagnostic-shell{position:relative;isolation:isolate;overflow:hidden;border-color:rgba(196,173,117,.66);background-color:#123c2d;background-image:linear-gradient(130deg,rgba(9,35,25,.62),rgba(16,61,42,.58)),url("/decision-coach-forest.webp");background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:0 20px 48px rgba(16,57,41,.2)}
.ai-diagnostic-shell::before{content:"";position:absolute;z-index:0;top:-32px;right:-34px;width:310px;height:260px;pointer-events:none;opacity:.2;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 260' fill='none' stroke='%23dce7c4' stroke-width='2'%3E%3Cpath d='M315 6C231 34 163 96 126 226M283 49c-39-12-66-2-79 25 34 10 60 2 79-25ZM234 91c-39-12-66-2-79 25 34 10 60 2 79-25ZM183 133c-39-12-66-2-79 25 34 10 60 2 79-25ZM284 52c12 31 7 56-17 74-14-27-8-52 17-74ZM233 94c12 31 7 56-17 74-14-27-8-52 17-74ZM182 136c12 31 7 56-17 74-14-27-8-52 17-74Z'/%3E%3C/svg%3E") center/contain no-repeat}
.ai-diagnostic-shell>*{position:relative;z-index:1}
.ai-diagnostic-step-label{color:#d5dfd1}
.ai-diagnostic-track{background:rgba(255,255,255,.22)}
.ai-diagnostic-progress{background:linear-gradient(90deg,#a5c27c,#e2c581)}
.ai-diagnostic-fieldset legend,.ai-diagnostic-result-heading{color:#fff9eb}
.ai-diagnostic-help{color:rgba(244,247,237,.78)}
.ai-diagnostic-group h3{color:#e5e9d9}
.ai-diagnostic-choice{border-color:rgba(255,255,255,.56);background:linear-gradient(145deg,#fffdf7,#f4f0e4);box-shadow:0 4px 14px rgba(8,33,22,.1)}
.ai-diagnostic-choice:hover{border-color:#d5bd7e;box-shadow:0 8px 18px rgba(8,33,22,.19)}
.ai-diagnostic-choice:focus-within{outline-color:rgba(238,211,145,.45);border-color:#e7ce8d}
.ai-diagnostic-choice:has(input:checked){border-color:#c6a750;background:linear-gradient(145deg,#fff4d7,#fffdf7);box-shadow:inset 0 0 0 1px rgba(174,139,53,.3),0 6px 16px rgba(8,33,22,.16)}
.ai-diagnostic-choice input{accent-color:#286347}
.ai-diagnostic-actions{border-color:rgba(255,255,255,.22)}
.ai-diagnostic-actions .btn.primary,.ai-diagnostic-result-actions .btn.primary{background:linear-gradient(135deg,#e8cc83,#d9b860);color:#18392b;box-shadow:0 7px 18px rgba(5,24,16,.2)}
.ai-diagnostic-actions .btn.primary:hover,.ai-diagnostic-result-actions .btn.primary:hover{background:linear-gradient(135deg,#f1d995,#e1c370);transform:translateY(-1px)}
.ai-diagnostic-actions .btn.secondary,.ai-diagnostic-result-actions .btn.secondary{border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.08);color:#f8f5e9}
.ai-diagnostic-actions .btn.secondary:hover,.ai-diagnostic-result-actions .btn.secondary:hover{background:rgba(255,255,255,.16)}
.ai-diagnostic-status{color:#d7e1d5}
.ai-diagnostic-error{border:1px solid rgba(255,208,179,.4)}
.ai-diagnostic-usecase{background:linear-gradient(125deg,#f4e7c4,#fff8e7);color:#173b2d;box-shadow:inset 4px 0 #c2a358}
.ai-diagnostic-usecase small{color:#87682e}
.ai-diagnostic-metric{border-color:rgba(255,255,255,.34);background:rgba(255,253,247,.96)}
.ai-diagnostic-summary{background:linear-gradient(135deg,#edf3e8,#f6edda)}
.ai-diagnostic-guardrail{border-color:rgba(225,198,133,.5);background:rgba(255,250,236,.96)}
.ai-diagnostic-disclaimer{color:rgba(244,247,237,.72)}
@media(max-width:680px){.ai-diagnostic-shell::before{top:-20px;right:-70px;width:240px;height:200px;opacity:.14}}


/* Keep the secondary Back action readable on its light surface */
#ai-diagnostic-back.btn.secondary{border:1px solid rgba(224,197,126,.9);background:linear-gradient(135deg,#fffdf6,#f0e7cf);color:#153b2d;box-shadow:0 5px 14px rgba(5,24,16,.2)}
#ai-diagnostic-back.btn.secondary:hover{border-color:#ecd48f;background:linear-gradient(135deg,#fff8e4,#ead9aa);color:#153b2d;transform:translateY(-1px)}
#ai-diagnostic-back.btn.secondary:focus-visible{outline:3px solid rgba(238,211,145,.65);outline-offset:3px}


/* Keep Step 5 secondary actions legible on their light button surfaces */
#ai-diagnostic-copy.btn.secondary,#ai-diagnostic-reset.btn.secondary{border:1px solid rgba(224,197,126,.9);background:linear-gradient(135deg,#fffdf6,#f0e7cf);color:#153b2d;box-shadow:0 5px 14px rgba(5,24,16,.2)}
#ai-diagnostic-copy.btn.secondary:hover,#ai-diagnostic-reset.btn.secondary:hover{border-color:#ecd48f;background:linear-gradient(135deg,#fff8e4,#ead9aa);color:#153b2d;transform:translateY(-1px)}
#ai-diagnostic-copy.btn.secondary:focus-visible,#ai-diagnostic-reset.btn.secondary:focus-visible{outline:3px solid rgba(238,211,145,.65);outline-offset:3px}