/* Socratic Business Diagnosis — final compact interface */
:root{
  --sfd4-bg:#0a0b0e;
  --sfd4-panel:rgba(24,26,31,.66);
  --sfd4-field:rgba(255,255,255,.045);
  --sfd4-field-hover:rgba(255,255,255,.072);
  --sfd4-text:#f3f4f6;
  --sfd4-muted:#8f949d;
  --sfd4-red:#e43b4f;
  --sfd4-green:#62c99d;
  --sfd4-radius:7px;
  --sfd4-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --sfd4-font-size:clamp(9px,calc(8.35px + .035vw),10px);
}

.sfd4,.sfd4 *{box-sizing:border-box;min-width:0}
.sfd4{width:100%;font-family:var(--sfd4-font);font-size:var(--sfd4-font-size);line-height:1.35;color:var(--sfd4-text);container-type:inline-size}
.sfd4 [hidden]{display:none!important}
.sfd4 button,.sfd4 input,.sfd4 select,.sfd4 textarea{font:inherit}
.sfd4 i[class*="fa-"]{line-height:1}

.sfd4-widget{
  width:100%;
  min-height:420px;
  max-height:min(660px,calc(100dvh - 20px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:10px;
  background:
    radial-gradient(circle at 92% 0%,rgba(228,59,79,.055),transparent 28%),
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008)),
    rgba(9,10,13,.90);
  backdrop-filter:blur(18px) saturate(112%);
  -webkit-backdrop-filter:blur(18px) saturate(112%);
  box-shadow:0 16px 48px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035);
}

.sfd4-nav{flex:0 0 34px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:rgba(0,0,0,.18)}
.sfd4-nav button{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 6px;border:0!important;background:transparent!important;color:#696e77;cursor:default}
.sfd4-nav button:not(:disabled){cursor:pointer}
.sfd4-nav button.is-active{color:#fff}
.sfd4-nav button.is-active i{color:var(--sfd4-red)}
.sfd4-nav button::after{content:"";position:absolute;left:40%;right:40%;bottom:0;height:1px;background:transparent}
.sfd4-nav button.is-active::after{background:var(--sfd4-red)}
.sfd4-nav i{font-size:.85em}
.sfd4-nav span{font-size:.88em;font-weight:600}

.sfd4-body{flex:1;min-height:0;overflow:auto;padding:10px 12px 12px;scrollbar-width:thin}
.sfd4-step{animation:sfd4Fade .14s ease}

.sfd4-intro-row{margin-bottom: 20px;
    margin-top: 20px;}
.sfd4-socrates{display:flex;align-items:center;gap:7px}
.sfd4-socrates>i{font-size:1.15em;color:var(--sfd4-red)}
.sfd4-socrates strong,.sfd4-socrates span{display:block}
.sfd4-socrates strong{font-size:1.05em;font-weight:680;letter-spacing:-.01em}
.sfd4-socrates span{margin-top:1px;color:var(--sfd4-muted);font-size:.78em}

.sfd4-desktop-grid{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:9px;align-items:stretch}
.sfd4-column{padding:9px;border:0;border-radius:var(--sfd4-radius);background:var(--sfd4-panel)}
.sfd4-column-problem{display:flex}
.sfd4-question{margin:0 0 18px;padding:0;border:0}
.sfd4-question:last-child{margin-bottom:0}
.sfd4-question-title{display:flex;align-items:baseline;gap:3px;width:100%;margin:15px 0 15px}
.sfd4-question-title b{font-size:.94em;font-weight:650}
.sfd4-question-title em{margin-left:3px;color:var(--sfd4-muted);font-size:.67em;font-style:normal}
.sfd4-question-number{display:inline;color:var(--sfd4-red);font-size:.94em;font-weight:750;background:none!important;border:0!important}

.sfd4-chat-input,.sfd4-chatbox{position:relative;overflow:hidden;border:0;border-radius:6px;background:var(--sfd4-field);box-shadow:inset 0 1px 0 rgba(255,255,255,.022)}
.sfd4 input,.sfd4 select,.sfd4 textarea{width:100%;outline:0;color:var(--sfd4-text)!important;box-shadow:none!important}
.sfd4 select,.sfd4 input{height:29px;padding:0 8px;border:0!important;border-radius:6px!important;background:rgba(255,255,255,.025)!important;color-scheme:dark}
.sfd4 select option{color:#fff!important;background:#16181d!important}
.sfd4 textarea{display:block;min-height:62px;padding:8px;border:0!important;border-radius:0!important;background:transparent!important;resize:none!important;overflow:auto;line-height:1.4}
.sfd4 textarea::-webkit-resizer{display:none!important;width:0!important;height:0!important}
.sfd4 input::placeholder,.sfd4 textarea::placeholder{color:#747982}
.sfd4-other-industry{margin-top:4px}

.sfd4-stage-row,.sfd4-problem-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.sfd4-stage-row input,.sfd4-problem-options input{position:absolute;opacity:0;pointer-events:none}
.sfd4-stage-row label,.sfd4-problem-options label{cursor:pointer}
.sfd4-stage-row label>span,.sfd4-problem-options label>span{min-height:28px;padding:4px 5px;display:flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:5px;color:#c8cbd1;background:rgba(255,255,255,.038);transition:background .13s,color .13s,transform .13s}
.sfd4-stage-row label:hover>span,.sfd4-problem-options label:hover>span{background:var(--sfd4-field-hover);transform:translateY(-1px)}
.sfd4-stage-row input:checked+span,.sfd4-problem-options input:checked+span{color:#fff;background:var(--sfd4-red)}
.sfd4-stage-row i,.sfd4-problem-options i{font-size:.82em;color:inherit}
.sfd4-stage-row b,.sfd4-problem-options b{font-size:.78em;font-weight:600;white-space:nowrap}

.sfd4-question-problem{width:100%;display:flex;flex-direction:column}
.sfd4-question-problem .sfd4-chatbox{flex:1;display:flex;flex-direction:column}
.sfd4-question-problem textarea{flex:1;min-height:90px}

/* Every suggestion area is always a single-row carousel */
.sfd4-suggestions{display:grid;grid-template-columns:16px minmax(0,1fr) 16px;align-items:center;gap:3px;padding:4px 5px 5px;border:0;background:rgba(0,0,0,.08)}
.sfd4-carousel-track{display:flex;gap:3px;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-inline:contain;white-space:nowrap}
.sfd4-carousel-track::-webkit-scrollbar{display:none}
.sfd4-carousel-track>button{flex:0 0 auto;max-width:165px;min-height:18px;padding:2px 6px;border:0!important;border-radius:4px!important;background:rgba(255,255,255,.045)!important;color:#b8bcc4!important;font-size:.69em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.sfd4-carousel-track>button:hover{color:#fff!important;background:rgba(255,255,255,.08)!important}
.sfd4-carousel-track>button.is-added{color:#fff!important;background:var(--sfd4-red)!important}
.sfd4-carousel-arrow{width:16px!important;height:16px!important;min-height:16px!important;padding:0!important;display:grid!important;place-items:center;border:0!important;border-radius:4px!important;background:rgba(255,255,255,.04)!important;color:#9297a0!important;cursor:pointer}
.sfd4-carousel-arrow i{font-size:.56em}
.sfd4-carousel-arrow:disabled{opacity:.2;cursor:default}
.sfd4-suggestions:not(.has-overflow) .sfd4-carousel-arrow{visibility:hidden}

.sfd4-actions{display:flex;justify-content:flex-end;align-items:center;gap:5px;padding-top:8px}
.sfd4-actions-split{justify-content:space-between}
.sfd4-btn{height:27px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0!important;border-radius:5px!important;font-size:.77em;font-weight:650;cursor:pointer;transition:transform .13s,filter .13s,background .13s}
.sfd4-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
.sfd4-btn-primary{color:#fff!important;background:var(--sfd4-red)!important}
.sfd4-btn-secondary{color:#d0d3d8!important;background:rgba(255,255,255,.05)!important}
.sfd4-btn i{font-size:.8em}

.sfd4-reading{margin-bottom:16px;margin-top:16px;padding:6px 8px;color:#c4c7ce;background:rgba(228,59,79,.06);border-left:2px solid var(--sfd4-red);border-radius:0 5px 5px 0;font-size:.82em;line-height:1.35}
.sfd4-step-two-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}
.sfd4-step-two-grid>.sfd4-question{padding:8px;border-radius:7px;background:var(--sfd4-panel)}
.sfd4-question-wide{grid-column:1/-1}
.sfd4-choice-chatbox textarea{min-height:45px}
.sfd4-question-wide textarea{min-height:38px}

.sfd4-loading{padding:48px 8px;text-align:center}
.sfd4-loading>i{display:block;margin-bottom:8px;color:var(--sfd4-red);font-size:1.7em}
.sfd4-loading strong,.sfd4-loading span{display:block}
.sfd4-loading strong{font-size:.95em}
.sfd4-loading span{margin-top:2px;color:var(--sfd4-muted);font-size:.74em}
.sfd4-error,.sfd4-lock{margin-top:7px;padding:7px 8px;border-radius:5px;font-size:.78em}
.sfd4-error{color:#ffc2c8;background:rgba(228,59,79,.1)}
.sfd4-lock{display:flex;align-items:center;gap:6px;color:#ffd6da;background:rgba(228,59,79,.09)}
.sfd4-lock a{margin-left:auto;color:#fff}

/* Answer is the third state inside the same container */
.sfd4-answer-step{height:100%;min-height:0}
.sfd4-answer-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.045)}
.sfd4-answer-head span,.sfd4-answer-head strong{display:block}
.sfd4-answer-head span{color:var(--sfd4-red);font-size:.66em;text-transform:uppercase;letter-spacing:.1em}
.sfd4-answer-head strong{margin-top:1px;font-size:.78em}
.sfd4-answer-scroll{min-height:0}
.sfd4-verdict{padding:9px;border-radius:7px;background:linear-gradient(135deg,rgba(228,59,79,.075),rgba(255,255,255,.018))}
.sfd4-verdict>span{color:var(--sfd4-red);font-size:.65em;font-weight:750;text-transform:uppercase;letter-spacing:.09em}
.sfd4-verdict h2{margin:3px 0 3px;font-size:clamp(1.05em,calc(.98em + .08cqi),1.22em);line-height:1.25;letter-spacing:-.015em}
.sfd4-verdict p{margin:0;color:#b7bbc3;font-size:.76em;line-height:1.42}
.sfd4-answer-summary{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:5px}
.sfd4-answer-summary>div{padding:7px 8px;border-radius:6px;background:rgba(255,255,255,.028)}
.sfd4-answer-summary small,.sfd4-answer-summary strong{display:block}
.sfd4-answer-summary small{color:var(--sfd4-muted);font-size:.6em;text-transform:uppercase;letter-spacing:.07em}
.sfd4-answer-summary strong{margin-top:2px;font-size:.78em}
.sfd4-report-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:5px;margin-top:5px}
.sfd4-report-block{padding:7px 8px;border-radius:6px;background:rgba(255,255,255,.026)}
.sfd4-report-block h3{display:flex;align-items:center;gap:4px;margin:0 0 4px;color:#bfc3ca;font-size:.66em;text-transform:uppercase;letter-spacing:.06em}
.sfd4-report-block h3 i{font-size:.9em;color:var(--sfd4-red)}
.sfd4-report-block ul,.sfd4-report-block ol{margin:0;padding-left:14px}
.sfd4-report-block li{margin:0 0 3px;color:#c2c5cc;font-size:.72em;line-height:1.35}
.sfd4-report-block-action{background:rgba(98,201,157,.055)}
.sfd4-report-block-action h3 i{color:var(--sfd4-green)}
.sfd4-report-block-stop{background:rgba(228,59,79,.055)}
.sfd4-email{margin-top:5px;padding:7px 8px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:6px;align-items:center;border-radius:6px;background:rgba(255,255,255,.026)}
.sfd4-email strong,.sfd4-email span{display:block}
.sfd4-email strong{font-size:.75em}
.sfd4-email span{margin-top:1px;color:var(--sfd4-muted);font-size:.65em}
.sfd4-email form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px}
.sfd4-email input{height:27px}
.sfd4-email small{grid-column:1/-1;color:var(--sfd4-muted);font-size:.66em}

@keyframes sfd4Fade{from{opacity:0;transform:translateY(2px)}}

@container (max-width:760px){
  .sfd4-desktop-grid{grid-template-columns:1fr}
  .sfd4-question-problem textarea{min-height:68px}
  .sfd4-step-two-grid{grid-template-columns:1fr}
  .sfd4-question-wide{grid-column:auto}
  .sfd4-report-grid{grid-template-columns:1fr 1fr}
  .sfd4-report-block-stop{grid-column:1/-1}
}

@container (max-width:500px){
  .sfd4-body{padding:8px}
  .sfd4-nav{flex-basis:32px}
  .sfd4-nav span{font-size:.8em}
  .sfd4-stage-row,.sfd4-problem-options{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sfd4-stage-row label>span,.sfd4-problem-options label>span{gap:3px;padding:4px 3px}
  .sfd4-stage-row b,.sfd4-problem-options b{font-size:.7em}
  .sfd4-answer-summary,.sfd4-report-grid,.sfd4-email{grid-template-columns:1fr}
  .sfd4-report-block-stop{grid-column:auto}
  .sfd4-email form{grid-template-columns:1fr auto}
}

@media(prefers-reduced-motion:reduce){.sfd4 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}