#mahd-diagnostic-app{
      --navy: #0b2239;
      --navy-2: #163b59;
      --teal: #15959a;
      --teal-dark: #0a7277;
      --sky: #eef7f8;
      --offwhite: #f7f9fb;
      --white: #ffffff;
      --ink: #172433;
      --muted: #5e6c79;
      --line: #d9e2e8;
      --green: #1f8a59;
      --amber: #b56b00;
      --red: #b44848;
      --purple: #6b5aa6;
      --shadow: 0 18px 50px rgba(11, 34, 57, 0.12);
      --radius: 18px;
      --radius-sm: 12px;
      --max: 1160px;
    }

    #mahd-diagnostic-app *{ box-sizing: border-box; }
    #mahd-diagnostic-app{ scroll-behavior: smooth; }
    #mahd-diagnostic-app{
      margin: 0;
      background:
        radial-gradient(circle at 95% 0%, rgba(21,149,154,.12), transparent 30%),
        linear-gradient(180deg, #f8fafc 0%, #f4f8fa 100%);
      color: var(--ink);
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1.5;
      min-height: 100vh;
    }
    #mahd-diagnostic-app button, #mahd-diagnostic-app input, #mahd-diagnostic-app select, #mahd-diagnostic-app textarea{ font: inherit; }
    #mahd-diagnostic-app button{ cursor: pointer; }
    #mahd-diagnostic-app button:focus-visible, #mahd-diagnostic-app input:focus-visible, #mahd-diagnostic-app select:focus-visible, #mahd-diagnostic-app textarea:focus-visible{
      outline: 3px solid rgba(21,149,154,.35);
      outline-offset: 2px;
    }

    #mahd-diagnostic-app .app-shell{ min-height: 100vh; display: flex; flex-direction: column; }
    #mahd-diagnostic-app .topbar{
      position: sticky; top: 0; z-index: 40;
      background: rgba(255,255,255,.92);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid rgba(217,226,232,.9);
    }
    #mahd-diagnostic-app .topbar-inner{
      max-width: var(--max); margin: 0 auto; padding: 12px 22px;
      display: flex; align-items: center; justify-content: space-between; gap: 18px;
    }
    #mahd-diagnostic-app .brand{ display: flex; align-items: center; gap: 12px; font-weight: 700; color: var(--navy); }
    #mahd-diagnostic-app .brand-logo{
      width: 58px; height: 44px; object-fit: contain; display: block;
      filter: drop-shadow(0 4px 8px rgba(11,34,57,.10));
    }
    #mahd-diagnostic-app .brand-copy small{ display: block; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--teal-dark); }
    #mahd-diagnostic-app .brand-copy span{ font-size: 15.5px; }
    #mahd-diagnostic-app .build-version{ display:inline-block; margin-left:5px; padding:2px 7px; border-radius:999px; background:var(--sky); color:var(--teal-dark); font-size:11px; letter-spacing:.02em; vertical-align:1px; }
    #mahd-diagnostic-app .top-actions{ display: flex; align-items: center; gap: 8px; }
    #mahd-diagnostic-app .ghost-btn{
      border: 1px solid var(--line); background: white; color: var(--navy);
      border-radius: 999px; padding: 8px 13px; font-size: 13px; font-weight: 700;
    }
    #mahd-diagnostic-app .ghost-btn:hover{ background: var(--offwhite); }

    #mahd-diagnostic-app main{ width: 100%; flex: 1; }
    #mahd-diagnostic-app .screen{ display: none; }
    #mahd-diagnostic-app .screen.active{ display: block; }
    #mahd-diagnostic-app .container{ max-width: var(--max); margin: 0 auto; padding: 30px 22px 42px; }

    #mahd-diagnostic-app .hero{
      padding: 28px 0 16px;
      display: grid; grid-template-columns: 1.15fr .85fr; gap: 26px; align-items: center;
    }
    #mahd-diagnostic-app .eyebrow{ color: var(--teal-dark); font-weight: 800; letter-spacing: .035em; text-transform: none; font-size: 13px; }
    #mahd-diagnostic-app h1, #mahd-diagnostic-app h2, #mahd-diagnostic-app h3, #mahd-diagnostic-app h4{ color: var(--navy); margin-top: 0; line-height: 1.15; }
    #mahd-diagnostic-app h1{ font-size: clamp(30px, 3.5vw, 46px); letter-spacing: -.03em; margin-bottom: 16px; }
    #mahd-diagnostic-app h2{ font-size: clamp(29px, 3.2vw, 44px); letter-spacing: -.025em; margin-bottom: 16px; }
    #mahd-diagnostic-app h3{ font-size: 22px; margin-bottom: 10px; }
    #mahd-diagnostic-app .hero-lead{ font-size: 18px; color: #3e5060; max-width: 760px; margin: 0 0 18px; }
    #mahd-diagnostic-app .clarification{
      display: flex; gap: 12px; align-items: flex-start;
      background: rgba(238,247,248,.9); border: 1px solid #cfe7e8;
      padding: 11px 14px; border-radius: 14px; color: #344b57; margin: 12px 0;
    }
    #mahd-diagnostic-app .clarification strong{ color: var(--navy); }
    #mahd-diagnostic-app .hero-actions{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 14px; }
    #mahd-diagnostic-app .btn{
      border: 0; border-radius: 999px; padding: 13px 20px;
      font-weight: 800; min-height: 48px; transition: .18s ease;
      display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    }
    #mahd-diagnostic-app .btn-primary{ color: white; background: linear-gradient(135deg, var(--teal), var(--teal-dark)); box-shadow: 0 10px 25px rgba(21,149,154,.22); }
    #mahd-diagnostic-app .btn-primary:hover{ transform: translateY(-1px); box-shadow: 0 14px 30px rgba(21,149,154,.3); }
    #mahd-diagnostic-app .btn-secondary{ color: var(--navy); background: white; border: 1px solid var(--line); }
    #mahd-diagnostic-app .btn-secondary:hover{ background: var(--offwhite); }
    #mahd-diagnostic-app .btn-dark{ color: white; background: var(--navy); }
    #mahd-diagnostic-app .btn-link{ background: transparent; color: var(--teal-dark); padding-inline: 8px; }
    #mahd-diagnostic-app .fine-print{ color: var(--muted); font-size: 14px; margin-top: 10px; }

    #mahd-diagnostic-app .hero-visual{
      position: relative; background: linear-gradient(150deg, var(--navy), #143f5f);
      color: white; border-radius: 30px; padding: 22px; min-height: 340px;
      overflow: hidden; box-shadow: var(--shadow);
    }
    #mahd-diagnostic-app .hero-visual:before, #mahd-diagnostic-app .hero-visual:after{
      content: ""; position: absolute; border-radius: 50%; border: 1px solid rgba(255,255,255,.16);
    }
    #mahd-diagnostic-app .hero-visual:before{ width: 360px; height: 360px; right: -120px; top: -90px; }
    #mahd-diagnostic-app .hero-visual:after{ width: 260px; height: 260px; left: -110px; bottom: -120px; }
    #mahd-diagnostic-app .visual-label{ font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: #9fe2e3; font-weight: 800; }
    #mahd-diagnostic-app .hex-preview{ width: 100%; max-width: 390px; margin: 20px auto 0; display: block; }
    #mahd-diagnostic-app .visual-foot{ position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 14px; }
    #mahd-diagnostic-app .visual-stat{ background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); border-radius: 13px; padding: 12px; }
    #mahd-diagnostic-app .visual-stat b{ display: block; font-size: 17px; }
    #mahd-diagnostic-app .visual-stat span{ font-size: 11px; color: #d6e4ec; }

    #mahd-diagnostic-app .three-up{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 18px 0; }
    #mahd-diagnostic-app .info-card{ background: white; border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; box-shadow: 0 10px 30px rgba(11,34,57,.05); }
    #mahd-diagnostic-app .info-card .num{ color: var(--teal); font-weight: 900; font-size: 13px; letter-spacing: .08em; }
    #mahd-diagnostic-app .info-card p{ color: var(--muted); margin-bottom: 0; }

    #mahd-diagnostic-app .panel{
      background: rgba(255,255,255,.96); border: 1px solid var(--line);
      border-radius: 24px; box-shadow: var(--shadow); padding: 24px;
    }
    #mahd-diagnostic-app .panel + .panel{ margin-top: 20px; }
    #mahd-diagnostic-app .section-head{ display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; margin-bottom: 18px; }
    #mahd-diagnostic-app .section-head p{ margin: 6px 0 0; color: var(--muted); max-width: 730px; }

    #mahd-diagnostic-app .form-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:30px; row-gap:20px; }
    #mahd-diagnostic-app .field{ display:flex; flex-direction:column; gap:8px; min-width:0; }
    #mahd-diagnostic-app .field.full{ grid-column: 1 / -1; }
    #mahd-diagnostic-app label{ color:var(--navy); font-weight:800; font-size:16px; }
    #mahd-diagnostic-app .context-label{ display:flex; align-items:flex-start; gap:8px; line-height:1.3; }
    #mahd-diagnostic-app .context-num{ flex:0 0 23px; width:23px; height:23px; border-radius:50%; display:grid; place-items:center; background:var(--sky); color:var(--teal-dark); font-size:12px; font-weight:900; margin-top:-1px; }
    #mahd-diagnostic-app .field-help{ color:var(--muted); font-size:14.5px; line-height:1.4; }
    #mahd-diagnostic-app select, #mahd-diagnostic-app textarea, #mahd-diagnostic-app input[type="text"]{
      width: 100%; border: 1px solid #cbd7df; background: white;
      border-radius: 12px; padding: 12px 13px; color: var(--ink);
      min-height: 48px;
    }
    #mahd-diagnostic-app textarea{ min-height: 100px; resize: vertical; }
    #mahd-diagnostic-app .validation{ color: var(--red); font-size: 13px; min-height: 18px; margin-top: 12px; }
    #mahd-diagnostic-app .nav-row{ display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 17px; }
    #mahd-diagnostic-app .nav-right{ display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }


    #mahd-diagnostic-app #assessmentScreen .question-nav{
      position:sticky; bottom:8px; z-index:28; margin:14px -8px -8px; padding:9px 8px 8px;
      background:rgba(255,255,255,.94); border-top:1px solid rgba(217,226,232,.92);
      border-radius:0 0 14px 14px; backdrop-filter:blur(8px);
    }

    #mahd-diagnostic-app .instruction-grid{ display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; margin-top: 24px; }
    #mahd-diagnostic-app .instruction-item{ padding: 19px; border: 1px solid var(--line); border-radius: 15px; background: var(--offwhite); }
    #mahd-diagnostic-app .instruction-item b{ display: block; color: var(--navy); margin-bottom: 6px; }
    #mahd-diagnostic-app .instruction-item p{ margin: 0; color: var(--muted); font-size: 14px; }

    #mahd-diagnostic-app .progress-wrap{ margin-bottom: 14px; }
    #mahd-diagnostic-app .progress-meta{ display: flex; justify-content: space-between; gap: 12px; color: var(--muted); font-size: 13px; font-weight: 700; margin-bottom: 8px; }
    #mahd-diagnostic-app .progress-track{ height: 8px; background: #e5ecef; border-radius: 999px; overflow: hidden; }
    #mahd-diagnostic-app .progress-fill{ height: 100%; width: 0; background: linear-gradient(90deg, var(--teal), #51bdc1); transition: width .25s ease; }

    #mahd-diagnostic-app .question-card{ position: relative; overflow: hidden; }
    #mahd-diagnostic-app .factor-badge{
      display: inline-flex; align-items: center; gap: 8px; border-radius: 999px;
      padding: 6px 11px; font-size: 12.5px; font-weight: 800; background: var(--sky); color: var(--teal-dark);
      margin-bottom: 10px;
    }
    #mahd-diagnostic-app .question-title{ font-size: clamp(24px,2.5vw,33px); max-width: 940px; margin-bottom: 9px; }
    #mahd-diagnostic-app .consider{ color: #4c5f6c; font-size: 15px; line-height: 1.4; max-width: 980px; padding-left: 14px; border-left: 3px solid var(--teal); }
    #mahd-diagnostic-app .scale-area{ margin-top: 15px; }
    #mahd-diagnostic-app .score-buttons{ display: grid; grid-template-columns: repeat(7,1fr); gap: 8px; }
    #mahd-diagnostic-app .score-btn{
      border: 1px solid #cbd7df; background: white; color: var(--navy);
      min-height: 44px; border-radius: 11px; font-size: 16px; font-weight: 900;
    }
    #mahd-diagnostic-app .score-btn:hover{ border-color: var(--teal); background: var(--sky); }
    #mahd-diagnostic-app .score-btn.selected{ color: white; background: var(--teal-dark); border-color: var(--teal-dark); box-shadow: 0 6px 18px rgba(10,114,119,.2); }
    #mahd-diagnostic-app .score-labels{ display: flex; justify-content: space-between; color: var(--muted); font-size: 11px; margin-top: 7px; padding: 0 3px; }
    #mahd-diagnostic-app .anchor-heading{ margin: 14px 0 8px; color: var(--navy); font-size: 13.5px; font-weight: 800; }
    #mahd-diagnostic-app .anchor-grid{ display: grid; grid-template-columns: repeat(4,1fr); gap: 11px; margin-top: 0; }
    #mahd-diagnostic-app .anchor{
      border: 1px solid var(--line); border-radius: 14px; padding: 15px;
      background: #fbfcfd; min-height: 90px; transition: .16s ease;
    }
    #mahd-diagnostic-app .anchor.active{ border-color: var(--teal); box-shadow: inset 0 0 0 1px var(--teal); background: var(--sky); }
    #mahd-diagnostic-app .anchor-num{ width: 28px; height: 28px; border-radius: 50%; display: grid; place-items:center; background: var(--navy); color:white; font-size: 12px; font-weight: 900; margin-bottom: 9px; }
    #mahd-diagnostic-app .anchor p{ margin: 0; color: #435563; font-size: 13.5px; line-height: 1.36; }
    #mahd-diagnostic-app .between-message{ min-height: 18px; color: var(--teal-dark); font-weight: 800; font-size: 12px; margin: 7px 0 0; }
    #mahd-diagnostic-app .visibility-btn{
      margin-top: 8px; width: 100%; border: 1px dashed #9babb5; color: #425660;
      background: #fafcfd; border-radius: 13px; padding: 9px 12px; text-align: left;
    }
    #mahd-diagnostic-app .visibility-btn.selected{ border-style: solid; border-color: var(--purple); background: #f4f1fb; color: #4e407d; }
    #mahd-diagnostic-app .visibility-btn small{ display: block; font-size: 12.5px; color: var(--muted); margin-top: 3px; }

    #mahd-diagnostic-app .review-grid{ display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
    #mahd-diagnostic-app .review-factor{ border: 1px solid var(--line); border-radius: 16px; padding: 17px; background: #fbfcfd; }
    #mahd-diagnostic-app .review-factor h3{ font-size: 18px; display: flex; justify-content: space-between; gap: 10px; }
    #mahd-diagnostic-app .review-answer{ display: grid; grid-template-columns: minmax(0,1fr) 190px; gap: 14px; padding: 12px 0; border-top: 1px solid #e5ebef; align-items: center; }
    #mahd-diagnostic-app .review-answer:first-of-type{ border-top: 0; }
    #mahd-diagnostic-app .review-answer span{ font-size:15.5px; color: #485b68; }
    #mahd-diagnostic-app .review-select{
      width: 100%; min-height: 44px; border: 1px solid #b9c9d3; border-radius: 11px;
      padding: 8px 10px; background: white; color: var(--navy); font-weight: 800;
    }
    #mahd-diagnostic-app .review-select:focus{ border-color: var(--teal); }
    #mahd-diagnostic-app .edit-note{ color: var(--muted); font-size: 13.5px; margin: -10px 0 18px; }

    #mahd-diagnostic-app .processing{ min-height: 480px; display: grid; place-items: center; text-align: center; }
    #mahd-diagnostic-app .loader-ring{
      width: 64px; height: 64px; border: 6px solid #dfeaec; border-top-color: var(--teal);
      border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 18px;
    }
    @keyframes spin{ to{ transform: rotate(360deg); } }

    #mahd-diagnostic-app .result-hero{
      background: linear-gradient(145deg, var(--navy), #174b69);
      color: white; border-radius: 28px; padding: 32px; box-shadow: var(--shadow); overflow: hidden;
      position: relative;
    }
    #mahd-diagnostic-app .result-hero:after{ content:""; position:absolute; width:340px; height:340px; border:1px solid rgba(255,255,255,.12); border-radius:50%; right:-130px; top:-150px; }
    #mahd-diagnostic-app .result-hero h1, #mahd-diagnostic-app .result-hero h2, #mahd-diagnostic-app .result-hero h3{ color: white; }
    #mahd-diagnostic-app .result-hero .eyebrow{ color: #9fe2e3; }
    #mahd-diagnostic-app .result-kicker{ color: #dceaf0; max-width: 880px; font-size: 16px; }
    #mahd-diagnostic-app .result-layout{ display: grid; grid-template-columns: 1fr 420px; gap: 28px; align-items: center; position:relative; z-index:2; }
    #mahd-diagnostic-app .result-headline{ font-size: clamp(32px,4vw,54px); margin: 12px 0 16px; }
    #mahd-diagnostic-app .result-badges{ display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
    #mahd-diagnostic-app .result-badge{ background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.16); border-radius:999px; padding:7px 11px; font-size:13px; }
    #mahd-diagnostic-app .radar-wrap{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:20px; padding:12px; }
    #mahd-diagnostic-app .radar-svg{ display:block; width:100%; height:auto; }
    #mahd-diagnostic-app .radar-label{ fill:#eaf3f6; font-size:12.5px; font-weight:700; }

    #mahd-diagnostic-app .results-grid{ display:grid; grid-template-columns: 1fr 1fr; gap:20px; margin-top:20px; }
    #mahd-diagnostic-app .results-grid .span-2{ grid-column: 1 / -1; }
    #mahd-diagnostic-app .result-card{ background:white; border:1px solid var(--line); border-radius:20px; padding:22px; box-shadow:0 10px 28px rgba(11,34,57,.05); }
    #mahd-diagnostic-app .result-card p{ color:#4f616e; font-size:16px; line-height:1.5; }
    #mahd-diagnostic-app .factor-list{ display:grid; gap:13px; }

    #mahd-diagnostic-app .factor-card-grid{
      display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:18px;
    }
    #mahd-diagnostic-app .factor-explainer{
      border:1px solid var(--line); border-radius:17px; padding:18px;
      background:linear-gradient(180deg,#fbfdfe,#fff); min-height:270px;
      display:flex; flex-direction:column; gap:10px;
    }
    #mahd-diagnostic-app .factor-explainer.friction{ border-top:4px solid var(--amber); }
    #mahd-diagnostic-app .factor-explainer.mixed{ border-top:4px solid var(--teal); }
    #mahd-diagnostic-app .factor-explainer.capability{ border-top:4px solid var(--green); }
    #mahd-diagnostic-app .factor-explainer.limited{ border-top:4px solid var(--purple); }
    #mahd-diagnostic-app .factor-card-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
    #mahd-diagnostic-app .factor-card-top h3{ font-size:20px; margin:0; }
    #mahd-diagnostic-app .factor-rating{
      flex:0 0 auto; min-width:48px; height:48px; border-radius:14px;
      display:grid; place-items:center; background:var(--navy); color:white;
      font-size:18px; font-weight:900;
    }
    #mahd-diagnostic-app .factor-mini-label{ font-size:13px; text-transform:none; letter-spacing:.02em; color:var(--teal-dark); font-weight:900; }
    #mahd-diagnostic-app .factor-copy{ margin:0; color:#4b5e6b; font-size:15.5px; line-height:1.48; }
    #mahd-diagnostic-app .factor-impact{
      margin-top:auto; border-radius:12px; padding:12px 13px; font-size:15px; line-height:1.45;
      background:var(--offwhite); color:#415460;
    }
    #mahd-diagnostic-app .factor-impact b{ color:var(--navy); display:block; margin-bottom:3px; }
    #mahd-diagnostic-app .factor-dims{ display:flex; flex-wrap:wrap; gap:6px; margin-top:2px; }
    #mahd-diagnostic-app .factor-dim-chip{ border:1px solid #dfe7eb; border-radius:999px; padding:4px 7px; font-size:12.5px; color:#5b6973; background:white; }
    #mahd-diagnostic-app .coverage-inline{
      margin-top:16px; border-radius:13px; padding:12px 14px; background:#f7fafb;
      border:1px solid var(--line); color:#52636e; font-size:14px;
    }
    #mahd-diagnostic-app .process-context{
      margin-top:14px; padding:13px 14px; border-radius:13px;
      border:1px solid #cfe5e6; background:#f5fbfb; color:#3f5962; font-size:14px;
    }
    #mahd-diagnostic-app .process-context b{ color:var(--navy); display:block; margin-bottom:4px; }

    #mahd-diagnostic-app .factor-row{ display:grid; grid-template-columns: 1.2fr 2fr 48px; gap:12px; align-items:center; }
    #mahd-diagnostic-app .factor-row strong{ color:var(--navy); font-size:14px; }
    #mahd-diagnostic-app .bar{ height:10px; background:#e8eef1; border-radius:999px; overflow:hidden; }
    #mahd-diagnostic-app .bar > span{ display:block; height:100%; background:linear-gradient(90deg,var(--teal),#54bcc0); border-radius:inherit; }
    #mahd-diagnostic-app .factor-score{ font-weight:900; color:var(--navy); text-align:right; }

    #mahd-diagnostic-app .callout-list{ display:grid; gap:12px; }
    #mahd-diagnostic-app .callout{ border-left:4px solid var(--teal); background:var(--offwhite); padding:14px 15px; border-radius:0 13px 13px 0; }
    #mahd-diagnostic-app .callout.constraint{ border-left-color:var(--amber); }
    #mahd-diagnostic-app .callout b{ color:var(--navy); display:block; }
    #mahd-diagnostic-app .callout p{ margin:4px 0 0; font-size:15px; line-height:1.48; }

    #mahd-diagnostic-app .pattern-card{ border:1px solid #cfe5e6; background:linear-gradient(180deg,#f5fbfb,#fff); border-radius:17px; padding:20px; }
    #mahd-diagnostic-app .pattern-card.secondary{ border-color:#e0dbef; background:linear-gradient(180deg,#f8f6fc,#fff); }
    #mahd-diagnostic-app .pattern-tag{ font-size:12.5px; text-transform:none; letter-spacing:.02em; color:var(--teal-dark); font-weight:900; }
    #mahd-diagnostic-app .pattern-card.secondary .pattern-tag{ color:var(--purple); }
    #mahd-diagnostic-app .pattern-card h3{ margin:7px 0 8px; }
    #mahd-diagnostic-app .pattern-card p{ margin:0; font-size:16px; line-height:1.5; }
    #mahd-diagnostic-app .insight-card{
      margin-top:14px; border:1px solid #ead9a9; background:linear-gradient(180deg,#fff9e8,#fff);
      border-radius:17px; padding:20px;
    }
    #mahd-diagnostic-app .insight-card .pattern-tag{ color:#8a5e00; }
    #mahd-diagnostic-app .insight-card h3{ margin:7px 0 8px; font-size:22px; }
    #mahd-diagnostic-app .insight-card p{ margin:0; color:#4f616e; font-size:16px; line-height:1.5; }

    #mahd-diagnostic-app .question-list, #mahd-diagnostic-app .resource-list{ margin:0; padding-left:20px; color:#425461; }
    #mahd-diagnostic-app .question-list li, #mahd-diagnostic-app .resource-list li{ margin:8px 0; }
    #mahd-diagnostic-app .resource-item{
      display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:13px; align-items:start;
      padding:16px 0; border-top:1px solid #e8edf0;
    }
    #mahd-diagnostic-app .resource-item:first-child{ border-top:0; }
    #mahd-diagnostic-app .resource-icon{ flex:0 0 38px; width:38px; height:38px; border-radius:10px; background:var(--sky); display:grid; place-items:center; color:var(--teal-dark); font-weight:900; }
    #mahd-diagnostic-app .resource-item b{ color:var(--navy); display:block; font-size:16px; line-height:1.48; }
    #mahd-diagnostic-app .resource-item span{ color:var(--muted); font-size:15px; display:block; margin-top:3px; line-height:1.45; }
    #mahd-diagnostic-app .resource-slot{ color:var(--teal-dark); font-size:12px; text-transform:none; letter-spacing:.02em; font-weight:900; margin-bottom:3px; }
    #mahd-diagnostic-app .resource-meta{ font-size:12.5px; color:#71808b; margin-top:6px; }
    #mahd-diagnostic-app .resource-fit-note{ margin-top:7px; font-size:14.5px; color:#40535f; }
    #mahd-diagnostic-app .resource-fit-note strong{ color:var(--navy); }
    #mahd-diagnostic-app .resource-link{
      align-self:center; white-space:nowrap; text-decoration:none; border:1px solid #cbd7df;
      border-radius:999px; padding:8px 11px; color:var(--navy); font-size:13px; font-weight:800;
      background:white;
    }
    #mahd-diagnostic-app .resource-link:hover{ border-color:var(--teal); background:var(--sky); }
    #mahd-diagnostic-app .resource-note{
      margin-top:13px; padding:11px 13px; border-radius:12px; background:#f7fafb;
      border:1px solid var(--line); color:var(--muted); font-size:13px;
    }
    @media (max-width: 620px){
      #mahd-diagnostic-app .resource-item{ grid-template-columns:38px minmax(0,1fr); }
      #mahd-diagnostic-app .resource-link{ grid-column:2; justify-self:start; }
    }

    #mahd-diagnostic-app .action-panel{ margin-top:20px; padding:28px; border-radius:22px; background:linear-gradient(135deg,#eef8f8,#f8fafc); border:1px solid #cee5e6; }
    #mahd-diagnostic-app .action-panel h2{ margin-bottom:8px; }
    #mahd-diagnostic-app .action-buttons{ display:flex; flex-wrap:wrap; gap:12px; margin-top:18px; }

    #mahd-diagnostic-app .optional-panel{ margin-top:20px; border:1px dashed #aaa1c7; background:#faf9fd; border-radius:18px; padding:22px; }
    #mahd-diagnostic-app .optional-panel[hidden]{ display:none; }

    #mahd-diagnostic-app .prototype-note{ margin-top:28px; color:var(--muted); font-size:13px; text-align:center; }
    #mahd-diagnostic-app footer{ border-top:1px solid var(--line); background:white; }
    #mahd-diagnostic-app footer .container{ padding-top:24px; padding-bottom:24px; display:flex; justify-content:space-between; gap:20px; color:var(--muted); font-size:13px; }

    #mahd-diagnostic-app .toast{
      position:fixed; left:50%; bottom:24px; transform:translate(-50%, 20px);
      background:var(--navy); color:white; padding:11px 16px; border-radius:999px;
      opacity:0; pointer-events:none; transition:.2s; z-index:80; font-size:13px; box-shadow:var(--shadow);
    }
    #mahd-diagnostic-app .toast.show{ opacity:1; transform:translate(-50%,0); }


    @media (min-width: 901px) and (max-height: 850px){
      #mahd-diagnostic-app #assessmentScreen .container{ padding-top: 20px; padding-bottom: 24px; }
      #mahd-diagnostic-app #assessmentScreen .panel.question-card{ padding: 18px 22px; }
      #mahd-diagnostic-app #assessmentScreen .progress-wrap{ margin-bottom: 9px; }
      #mahd-diagnostic-app #assessmentScreen .progress-meta{ margin-bottom: 5px; }
      #mahd-diagnostic-app #assessmentScreen .question-title{ font-size: clamp(22px,2.1vw,28px); }
      #mahd-diagnostic-app #assessmentScreen .consider{ font-size:15px; line-height:1.4; }
      #mahd-diagnostic-app #assessmentScreen .anchor{ min-height:92px; padding:11px 12px; }
      #mahd-diagnostic-app #assessmentScreen .anchor-num{ width: 24px; height: 24px; margin-bottom: 6px; }
      #mahd-diagnostic-app #assessmentScreen .anchor p{ font-size:14px; line-height:1.38; }
      #mahd-diagnostic-app #assessmentScreen .score-btn{ min-height: 40px; }
      #mahd-diagnostic-app #assessmentScreen .visibility-btn{ padding: 7px 10px; }
      #mahd-diagnostic-app #assessmentScreen .nav-row{ margin-top: 10px; }
      #mahd-diagnostic-app #assessmentScreen .btn{ min-height: 40px; padding: 9px 16px; }
    }

    @media (max-width: 900px){
      #mahd-diagnostic-app .hero, #mahd-diagnostic-app .result-layout{ grid-template-columns:1fr; }
      #mahd-diagnostic-app .hero{ padding-top:48px; }
      #mahd-diagnostic-app .hero-visual{ min-height:360px; }
      #mahd-diagnostic-app .three-up, #mahd-diagnostic-app .instruction-grid{ grid-template-columns:1fr; }
      #mahd-diagnostic-app .results-grid{ grid-template-columns:1fr; }
      #mahd-diagnostic-app .results-grid .span-2{ grid-column:auto; }
      #mahd-diagnostic-app .factor-card-grid{ grid-template-columns:1fr 1fr; }
      #mahd-diagnostic-app .anchor-grid{ grid-template-columns:1fr 1fr; }
      #mahd-diagnostic-app .form-grid, #mahd-diagnostic-app .review-grid{ grid-template-columns:1fr; }
      #mahd-diagnostic-app .field.full{ grid-column:auto; }
    }
    @media (max-width: 620px){
      #mahd-diagnostic-app .container{ padding:34px 15px 50px; }
      #mahd-diagnostic-app .topbar-inner{ padding:10px 14px; }
      #mahd-diagnostic-app .brand-copy span{ display:none; }
      #mahd-diagnostic-app .ghost-btn{ font-size:12px; padding:7px 10px; }
      #mahd-diagnostic-app .panel{ padding:20px; border-radius:18px; }
      #mahd-diagnostic-app .hero{ gap:26px; }
      #mahd-diagnostic-app .hero-lead{ font-size:17px; }
      #mahd-diagnostic-app .score-buttons{ gap:5px; }
      #mahd-diagnostic-app .score-btn{ min-height:46px; border-radius:10px; }
      #mahd-diagnostic-app .anchor-grid{ grid-template-columns:1fr; }
      #mahd-diagnostic-app .review-answer{ grid-template-columns:1fr; }
      #mahd-diagnostic-app .review-select{ width:100%; }
      #mahd-diagnostic-app .nav-row{ align-items:stretch; flex-direction:column; }
      #mahd-diagnostic-app .nav-right, #mahd-diagnostic-app .nav-right .btn, #mahd-diagnostic-app .nav-row > .btn{ width:100%; }
      #mahd-diagnostic-app .factor-card-grid{ grid-template-columns:1fr; }
      #mahd-diagnostic-app .factor-explainer{ min-height:auto; }
      #mahd-diagnostic-app .factor-row{ grid-template-columns:1fr 48px; }
      #mahd-diagnostic-app .factor-row .bar{ grid-column:1 / -1; grid-row:2; }
      #mahd-diagnostic-app .result-hero{ padding:24px 18px; }
      #mahd-diagnostic-app footer .container{ flex-direction:column; }
    }

    @media print{
      @page{ margin:0.48in; }
      html, body{ background:#fff !important; margin:0 !important; padding:0 !important; }
      #mahd-diagnostic-app, #mahd-diagnostic-app .app-shell, #mahd-diagnostic-app main,
      #mahd-diagnostic-app #resultScreen, #mahd-diagnostic-app #resultScreen .container{
        min-height:0 !important; height:auto !important; overflow:visible !important;
        background:#fff !important; margin:0 !important;
      }
      #mahd-diagnostic-app .topbar, #mahd-diagnostic-app footer, #mahd-diagnostic-app .action-panel,
      #mahd-diagnostic-app .prototype-note, #mahd-diagnostic-app .toast, #mahd-diagnostic-app .demo-menu,
      #mahd-diagnostic-app .no-print, #mahd-diagnostic-app .sync-banner{ display:none !important; }
      #mahd-diagnostic-app .screen{ display:none !important; }
      #mahd-diagnostic-app #resultScreen.active{ display:block !important; page-break-before:avoid !important; break-before:avoid-page !important; }
      #mahd-diagnostic-app #resultScreen .container{ max-width:none !important; padding:0 !important; }
      #mahd-diagnostic-app .result-hero{
        box-shadow:none !important; border-radius:16px !important; padding:20px !important;
        break-inside:avoid-page !important; page-break-inside:avoid !important; margin:0 0 12px !important;
        -webkit-print-color-adjust:exact; print-color-adjust:exact;
      }
      #mahd-diagnostic-app .result-layout{ grid-template-columns:1fr 285px !important; gap:16px !important; align-items:center !important; }
      #mahd-diagnostic-app .result-headline{ font-size:27px !important; margin:8px 0 10px !important; }
      #mahd-diagnostic-app .result-kicker{ font-size:13px !important; line-height:1.35 !important; }
      #mahd-diagnostic-app .result-badges{ margin-top:10px !important; gap:5px !important; }
      #mahd-diagnostic-app .result-badge{ font-size:9.5px !important; padding:4px 6px !important; }
      #mahd-diagnostic-app .private-ref{ font-size:9.5px !important; }
      #mahd-diagnostic-app .radar-wrap{ padding:5px !important; }
      #mahd-diagnostic-app .radar-svg{ max-height:245px !important; }
      #mahd-diagnostic-app #factorSummaryCard{ break-before:page !important; page-break-before:always !important; }
      #mahd-diagnostic-app .results-grid{ gap:12px !important; margin-top:12px !important; }
      #mahd-diagnostic-app .result-card{ box-shadow:none !important; padding:16px !important; break-inside:avoid-page; page-break-inside:avoid; }
      #mahd-diagnostic-app .factor-card-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:9px !important; }
      #mahd-diagnostic-app .factor-explainer{ min-height:0 !important; padding:12px !important; break-inside:avoid-page; page-break-inside:avoid; }
      #mahd-diagnostic-app .factor-card-top h3{ font-size:15px !important; }
      #mahd-diagnostic-app .factor-rating{ min-width:38px !important; height:38px !important; font-size:15px !important; }
      #mahd-diagnostic-app .factor-copy, #mahd-diagnostic-app .factor-impact, #mahd-diagnostic-app .result-card p,
      #mahd-diagnostic-app .callout p, #mahd-diagnostic-app .pattern-card p, #mahd-diagnostic-app .question-list,
      #mahd-diagnostic-app .resource-item span, #mahd-diagnostic-app .resource-fit-note{ font-size:11px !important; line-height:1.3 !important; }
      #mahd-diagnostic-app .resource-link{ display:none !important; }
      #mahd-diagnostic-app .resource-item{ grid-template-columns:30px minmax(0,1fr) !important; padding:8px 0 !important; }
      #mahd-diagnostic-app .resource-icon{ width:28px !important; height:28px !important; }
      #mahd-diagnostic-app a{ color:inherit !important; text-decoration:none !important; }
    }
#mahd-diagnostic-app .sync-banner{ max-width: var(--max); margin: 12px auto 0; padding: 10px 14px; border-radius: 12px; border: 1px solid #e0b8b8; background: #fff6f6; color: #7f3434; font-size: 13px; }
#mahd-diagnostic-app .save-indicator{ font-size: 11px; color: var(--muted); margin-right: 4px; }
#mahd-diagnostic-app .private-ref{ margin-top: 10px; font-size: 11px; color: rgba(255,255,255,.75); }


/* assessment beta polish */
#mahd-diagnostic-app h1, #mahd-diagnostic-app h2, #mahd-diagnostic-app h3,
#mahd-diagnostic-app .question-title{ text-transform:none !important; letter-spacing:normal !important; }
#mahd-diagnostic-app .question-title{ line-height:1.18 !important; }
#mahd-diagnostic-app .mahd-honeypot{ position:absolute !important; left:-10000px !important; width:1px !important; height:1px !important; opacity:0 !important; pointer-events:none !important; }
#mahd-diagnostic-app #assessmentScreen .container{ padding-bottom:112px; }
#mahd-diagnostic-app #assessmentScreen .question-nav{
  position:fixed !important; left:50% !important; bottom:12px !important; transform:translateX(-50%) !important;
  width:min(calc(100vw - 32px),1080px) !important; margin:0 !important; padding:10px 14px !important;
  background:rgba(255,255,255,.97) !important; border:1px solid #dce5ea !important; border-radius:16px !important;
  box-shadow:0 12px 34px rgba(11,34,57,.16) !important; z-index:9999 !important;
  backdrop-filter:blur(8px);
}
#mahd-diagnostic-app .review-answer{ grid-template-columns:minmax(0,1fr) 150px; align-items:center; }
#mahd-diagnostic-app .review-score-control{ display:grid; grid-template-columns:62px minmax(0,1fr); gap:9px; align-items:center; }
#mahd-diagnostic-app .review-select{ min-width:62px; padding:8px 6px; text-align:center; font-size:17px; }
#mahd-diagnostic-app .review-score-desc{ font-size:13px; line-height:1.25; color:#536773; font-weight:700; }
#mahd-diagnostic-app .admin-result-toolbar{ max-width:var(--max); margin:12px auto 0; padding:10px 14px; border:1px solid #cfe1e7; border-radius:12px; background:#f7fbfc; display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
#mahd-diagnostic-app .admin-result-toolbar span{ color:#5b6d78; flex:1; min-width:220px; }
#mahd-diagnostic-app .mahd-modal[hidden]{ display:none !important; }
#mahd-diagnostic-app .mahd-modal{ position:fixed; inset:0; z-index:10050; display:grid; place-items:center; padding:20px; }
#mahd-diagnostic-app .mahd-modal-backdrop{ position:absolute; inset:0; background:rgba(6,20,33,.58); }
#mahd-diagnostic-app .mahd-modal-card{ position:relative; width:min(520px,100%); background:#fff; border-radius:20px; padding:26px; box-shadow:0 24px 70px rgba(0,0,0,.28); }
#mahd-diagnostic-app .mahd-modal-card h2{ margin:5px 0 10px; }
#mahd-diagnostic-app .mahd-modal-card label{ display:block; margin:16px 0 7px; color:var(--navy); font-weight:800; }
#mahd-diagnostic-app .mahd-modal-card input[type="email"]{ width:100%; min-height:48px; border:1px solid #b9c9d3; border-radius:11px; padding:10px 12px; }
#mahd-diagnostic-app .mahd-modal-close{ position:absolute; right:12px; top:10px; border:0; background:transparent; font-size:28px; color:#6a7b86; cursor:pointer; }
#mahd-diagnostic-app .email-delivery-note{ margin-top:10px; padding:10px 12px; background:#f7fafb; border:1px solid var(--line); border-radius:10px; color:#5b6d78; font-size:13px; line-height:1.4; }
#mahd-diagnostic-app .modal-actions{ display:flex; justify-content:flex-end; gap:9px; margin-top:18px; }
body.mahd-modal-open{ overflow:hidden; }
@media (max-width:620px){
  #mahd-diagnostic-app #assessmentScreen .question-nav{ width:calc(100vw - 16px) !important; bottom:8px !important; border-radius:14px !important; }
  #mahd-diagnostic-app #assessmentScreen .container{ padding-bottom:104px; }
  #mahd-diagnostic-app .review-answer{ grid-template-columns:1fr; }
  #mahd-diagnostic-app .review-score-control{ grid-template-columns:70px minmax(0,1fr); max-width:260px; }
}
@media print{
  #mahd-diagnostic-app .admin-result-toolbar, #mahd-diagnostic-app .mahd-modal{ display:none !important; }
}

#mahd-diagnostic-app .result-utilities{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin-top:14px; padding-top:13px; border-top:1px solid rgba(11,34,57,.10); color:#657682; font-size:13px; }
#mahd-diagnostic-app .result-utilities > span{ font-weight:800; color:#52636e; }
#mahd-diagnostic-app .utility-btn{ border:0; background:transparent; color:var(--teal-dark); padding:3px 0; font-weight:800; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
#mahd-diagnostic-app .utility-btn:hover{ color:var(--navy); }
@media print{ #mahd-diagnostic-app .result-utilities{ display:none !important; } }