:root{
  --navy:#0F2A4A; --navy-dark:#0A1D33; --navy-line:#1D3B5F;
  --gold:#F0B429; --gold-dark:#B9860B;
  --blue:#2E6FDE; --blue-dark:#1E4FA8;
  --green:#1F9D6B; --green-bg:#E6F6EF;
  --amber:#C87F0A; --amber-bg:#FBF0DD;
  --purple:#6B5FC7; --purple-bg:#EFEDFC;
  --gray:#6B7280; --gray-bg:#F1F2F4;
  --ink:#16233A; --sub:#5B6B85; --line:#E2E6ED; --bg:#F5F7FA; --card:#FFFFFF;
}
*{box-sizing:border-box}
body{margin:0;font-family:'Inter',-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}
.header{background:var(--navy);color:#fff;padding:18px 32px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700}
.brand .mold{color:#fff}.brand .idea{color:var(--gold)}
.brand-sub{font-size:11px;color:#9FB3CE;letter-spacing:.03em;margin-top:2px}
.shell{display:flex;min-height:600px}
.sidebar{width:230px;background:var(--navy-dark);color:#cdd9ea;padding:20px 14px;flex-shrink:0}
.side-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:14px;margin-bottom:4px;color:#B9C7DD}
.side-item.active{background:var(--navy-line);color:#fff;font-weight:600}
.side-div{border-top:1px solid #21395A;margin:16px 0;padding-top:14px}
.side-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#7488A6;margin:4px 12px 8px}
.main{flex:1;padding:28px 32px;background:var(--bg)}
h1{font-size:22px;font-weight:600;margin:0 0 4px}
.lede{color:var(--sub);font-size:14px;margin:0 0 20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin-bottom:16px}
.card h3{font-size:15px;font-weight:600;margin:0 0 10px}
.chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px}
.chip-hyp{background:var(--purple-bg);color:var(--purple)}
.chip-research{background:#E6F0FB;color:var(--blue-dark)}
.chip-tested{background:var(--green-bg);color:var(--green)}
.chip-untested{background:var(--gray-bg);color:var(--gray)}

/* Guided Test & Learn */
.test-learn-main{max-width:1100px}
.eyebrow{font-weight:800;color:var(--blue);letter-spacing:.04em;margin-bottom:6px}
.test-progress{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:24px 0}
.test-progress-step{display:flex;align-items:center;gap:7px;padding:10px 8px;border-radius:9px;background:var(--gray-bg);color:var(--gray);font-size:13px;font-weight:700;text-decoration:none}
.test-progress-step.is-current{background:#E8F0FF;color:var(--blue);box-shadow:inset 0 0 0 2px var(--blue)}
.test-progress-step.is-done{background:var(--green-bg);color:var(--green)}
.test-progress-number{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:#fff;border:1px solid currentColor}
.test-focus-card{border:2px solid var(--navy);padding:26px}
.test-focus-card h2,.callout-warning h2{margin-top:0}
.test-focus-card textarea{display:block;width:100%;box-sizing:border-box;padding:13px;border:1px solid var(--line);border-radius:8px;margin:7px 0;font:inherit;line-height:1.5;resize:vertical}
.test-question-label{display:block;margin-top:20px;margin-bottom:8px}
.test-question-input{display:block!important;width:100%!important;min-height:150px!important;box-sizing:border-box!important;font-family:inherit!important;font-size:17px!important;line-height:1.55!important;padding:16px!important}
.field-help{color:var(--gray);font-size:14px;margin:4px 0 16px}
.question-reminder,.recorded-result,.learning-reminder{background:var(--gray-bg);border-left:4px solid var(--blue);padding:13px 15px;margin-bottom:18px;border-radius:4px}
.ai-lessons{background:#F4F8FF;border:2px solid #AFC7F0;border-radius:10px;padding:18px;margin:18px 0}
.ai-lessons-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.ai-lessons-heading h3{font-size:20px;margin:8px 0}
.ai-lessons-text{white-space:normal;font-size:16px;line-height:1.65;background:#fff;border-radius:8px;padding:15px;margin:10px 0}
.goal-context{background:#F4F8FF;border:2px solid #B8CCF2;border-radius:10px;padding:16px 18px;margin:20px 0}
.goal-context p{font-size:18px;line-height:1.5;margin:5px 0 0}
.question-examples{background:var(--gray-bg);border-radius:10px;padding:16px 18px;margin:18px 0}
.question-examples h3{margin:0 0 10px}.question-examples li{margin:8px 0;line-height:1.45}
.question-reminder{font-size:15px}
.recommendation-summary{font-size:18px;line-height:1.55}
.button-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.alternatives-panel{margin-top:18px}
.test-option-list{display:grid;gap:10px;margin-top:12px}
.test-option{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:4px 0 13px}
.test-option h3,.test-option p{margin:4px 0}
.text-link{display:inline-block;margin:16px 0 0;color:var(--blue);font-weight:700}
.test-kit-grid,.evidence-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.task-list li,.test-kit-grid li,.evidence-strip li{margin:8px 0}
.evidence-strip{background:#F4F8FF;border-radius:10px;padding:18px;margin:20px 0}
.next-action{background:var(--amber-bg);border-left:4px solid var(--amber);padding:14px 16px;margin:18px 0}
.built-in-tool{background:var(--green-bg);border:1px solid var(--green);border-radius:10px;padding:16px;margin:18px 0}
.prototype-ready{padding:20px;border-width:2px}.prototype-ready h3{font-size:22px;margin:5px 0 8px}
.callout-warning{background:var(--amber-bg);border:2px solid var(--amber)}
.form-error{background:#FFF5F5;border:1px solid #C53030;color:#8A2D20;padding:12px 14px;border-radius:8px;margin:14px 0;font-weight:700}
.decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.decision-card{display:flex;gap:10px;align-items:flex-start;border:2px solid var(--line);border-radius:10px;padding:15px;cursor:pointer}
.decision-card:has(input:checked){border-color:var(--blue);background:#F4F8FF}
.decision-card input{margin-top:4px}
.decision-card span{display:grid;gap:5px}.decision-card small{color:var(--gray);line-height:1.4}
.completion-banner,.decision-saved{background:var(--green-bg);border:2px solid var(--green);border-radius:10px;padding:15px;margin-bottom:18px}
.history-result{padding:10px 0;border-bottom:1px solid var(--line)}
.step-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0;padding-top:18px;border-top:1px solid var(--line)}
.step-back-button,.step-exit-button{min-width:120px;justify-content:center;background:#fff;border:1px solid #718096}
@media(max-width:800px){
  .test-progress{grid-template-columns:repeat(2,minmax(0,1fr))}
  .test-kit-grid,.evidence-strip,.decision-grid{grid-template-columns:1fr}
  .test-option{align-items:flex-start;flex-direction:column}
}

/* Lightweight online test prototype */
.prototype-body{margin:0;background:#EEF3F9;color:var(--navy);font-family:Arial,sans-serif}
.prototype-banner{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;padding:10px 18px;background:#FFF4D6;border-bottom:1px solid #E2AD2F;color:#684A00}
.prototype-shell{width:min(820px,calc(100% - 28px));margin:28px auto;background:#fff;border-radius:16px;box-shadow:0 12px 34px rgba(20,43,75,.12);padding:28px;box-sizing:border-box}
.prototype-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.prototype-header h1{margin:0}.prototype-owner-link{white-space:nowrap}
.prototype-progress{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:24px 0}
.prototype-progress span{font-size:12px;text-align:center;padding:9px 4px;border-radius:7px;background:var(--gray-bg);color:var(--gray)}
.prototype-progress span.active{background:var(--blue);color:#fff;font-weight:700}.prototype-progress span.done{background:var(--green-bg);color:var(--green)}
.prototype-step{display:none;min-height:360px}.prototype-step.active{display:block}.prototype-step h2{font-size:28px;margin:10px 0}.prototype-step>p{font-size:17px}
.prototype-step label{display:block;font-weight:700;margin:18px 0}.prototype-step textarea,.prototype-step input[type=text]{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:13px;border:1px solid var(--line);border-radius:8px;font:inherit;font-weight:400}
.prototype-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
.prototype-choices button{padding:18px;text-align:left;background:#fff;border:2px solid var(--line);border-radius:10px;font:inherit;font-weight:700;cursor:pointer}.prototype-choices button:hover,.prototype-choices button.selected{border-color:var(--blue);background:#F4F8FF;color:var(--blue)}
.prototype-upload{display:grid!important;place-items:center;min-height:140px;border:2px dashed #90A4BE;border-radius:12px;background:#F7FAFC;cursor:pointer}.prototype-upload input{margin-top:12px}
.prototype-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:16px}.prototype-photo-card{position:relative;margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#EEF3F9}.prototype-photo-card img{display:block;width:100%;height:140px;object-fit:cover}.prototype-photo-delete{position:absolute;right:7px;bottom:7px;border:0;border-radius:7px;padding:7px 10px;background:rgba(20,43,75,.92);color:#fff;font-weight:700;cursor:pointer}.prototype-photo-reminder{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px;padding:12px 14px;border:1px solid #AFC7F0;border-radius:10px;background:#F4F8FF}.prototype-photo-reminder p{margin:3px 0 0;font-size:13px;color:var(--sub)}.prototype-reminder-thumbs{display:flex;gap:7px;flex:0 0 auto;max-width:45%;overflow-x:auto}.prototype-reminder-thumbs img{width:58px;height:58px;border-radius:7px;object-fit:cover;border:2px solid #fff;box-shadow:0 1px 4px rgba(20,43,75,.18)}
.prototype-check{display:flex!important;gap:12px;align-items:flex-start;background:#F7FAFC;border:1px solid var(--line);border-radius:9px;padding:15px}.prototype-check input{margin-top:4px;transform:scale(1.25)}
.prototype-nav{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:12px}
.prototype-error{background:#FFF5F5;border:1px solid #C53030;color:#8A2D20;padding:12px;border-radius:8px;margin:12px 0;font-weight:700}
.prototype-generating{background:#F4F8FF;border-radius:10px;padding:24px;text-align:center;font-weight:700}
.prototype-review-actions{display:flex;gap:9px;flex-wrap:wrap}.prototype-outcome{padding:14px;margin-top:14px;border-radius:8px;background:#FFF4D6}.prototype-outcome.success{background:var(--green-bg);color:var(--green)}.prototype-outcome.rejected{background:#FFF5F5;color:#8A2D20}
.prototype-review-main{max-width:1200px}.prototype-frame-card{background:#fff;border:2px solid var(--navy);border-radius:12px;padding:16px;margin:20px 0}
.prototype-frame-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.prototype-frame-heading p{margin:4px 0}
.prototype-frame-card iframe{display:block;width:100%;height:720px;border:1px solid var(--line);border-radius:9px;background:#EEF3F9}
.ai-prototype-review{border:2px solid #AFC7F0;background:#F4F8FF}
.prototype-feedback-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.prototype-feedback-card label{display:block;margin:15px 0}.prototype-feedback-card label>span{display:block;color:var(--gray);font-size:13px;margin:5px 0}
.prototype-feedback-card textarea{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:13px;border:1px solid var(--line);border-radius:8px;font:inherit;line-height:1.5}
.prototype-screenshot-upload{border:2px dashed #90A4BE;border-radius:10px;padding:18px;background:#F7FAFC}.prototype-screenshot-upload input{display:block;margin-top:12px}
.prototype-review-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:14px}.prototype-review-images img{display:block;width:100%;height:160px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
@media(max-width:700px){.prototype-shell{padding:18px;margin:14px auto}.prototype-header{flex-direction:column}.prototype-progress{grid-template-columns:repeat(3,1fr)}.prototype-choices{grid-template-columns:1fr}.prototype-photo-reminder{align-items:flex-start;flex-direction:column}.prototype-reminder-thumbs{max-width:100%}}
@media(max-width:800px){.prototype-feedback-grid{grid-template-columns:1fr}.prototype-frame-card iframe{height:620px}.ai-lessons-heading{flex-direction:column}}
.chip-amber{background:var(--amber-bg);color:var(--amber)}
.btn{font-size:13px;font-weight:600;padding:9px 16px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}
.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--sub)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.small{font-size:12px;color:var(--sub)}
.pill-row{display:flex;gap:8px;flex-wrap:wrap}
.chip-illustrative{background:#FBF0DD;color:#8A5A00;border:1px dashed #C87F0A}
.state-tag{position:absolute;top:14px;right:14px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sub);background:var(--gray-bg);padding:4px 10px;border-radius:6px}

/* v3 additions: nav tabs, bigger text, expand/disclosure, disagreement panel, primary variants */
.small{font-size:13px;color:var(--sub)}
.tabbar{background:#122B4C;padding:0 32px;display:flex;gap:2px}
.tab{padding:14px 18px;font-size:14px;color:#9FB3CE;border-bottom:3px solid transparent;cursor:pointer}
.tab.active{color:#fff;font-weight:600;border-bottom:3px solid var(--gold)}
.side-item{font-size:14px}
.side-item .side-desc{font-size:12.5px;color:#9AACC6}
.side-label{font-size:12px}
h3{font-size:16px}
.card p, .card .small{font-size:14px}
.card .small{font-size:13px;color:#4A5772}
.disclose summary{cursor:pointer;font-weight:600;font-size:14px;list-style:none;display:flex;justify-content:space-between;align-items:center}
.disclose summary::-webkit-details-marker{display:none}
.disclose{border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:12px}
.card-primary{border:2px solid var(--purple);background:var(--purple-bg)}
.card-secondary{border:1px solid var(--line);background:#fff}
.ai-tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:6px}
.ai-chatgpt{background:#E6F6EF;color:#0F6E56}
.ai-claude{background:#FBF0DD;color:#8A5A00}
.qbox{border:1px solid var(--border-accent, var(--blue));border-radius:10px;padding:12px;background:#F3F7FE}
.qbox textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;font-size:14px;min-height:60px;font-family:inherit}
.disclose summary span:first-child{color:var(--ink)}

/* intake mode selector */
.mode-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px}
.mode-card{border:2px solid var(--line);border-radius:12px;padding:14px;cursor:pointer;background:#fff}
.mode-card.active{border-color:var(--blue);background:#F3F7FE}
.mode-card .mode-title{font-weight:600;font-size:14px;margin-bottom:4px;color:var(--ink)}
.mode-card.active .mode-title{color:var(--blue)}
.mode-card .mode-desc{font-size:13px;color:var(--sub)}
.ask-one{border:1px solid var(--blue);background:#F3F7FE;border-radius:10px;padding:14px;margin-bottom:12px}

/* v5 corrections: compact mode pills, disclose marker alignment, criterion box */
.mode-pills{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.mode-pill{border:2px solid var(--line);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--sub);cursor:pointer;background:#fff}
.mode-pill.active{border-color:var(--blue);color:var(--blue);background:#F3F7FE}
.disclose summary{display:flex;align-items:center;justify-content:space-between;gap:10px}
.disclose-title{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.disclose-marker{font-size:12px;color:var(--sub);flex-shrink:0;transition:transform .15s}
.disclose[open] .disclose-marker{transform:rotate(180deg)}
.criterion-box{border:1px solid var(--blue);background:#F3F7FE;border-radius:10px;padding:12px 14px;margin-bottom:12px}
.criterion-met{border-color:var(--green);background:var(--green-bg)}
.fictional-badge{background:#F5F0FA;color:#6B5FC7;border:1px dashed #6B5FC7;font-size:12px;padding:4px 10px;border-radius:6px;font-weight:600;display:inline-block}
.heading-explanation{font-size:.68em;font-weight:500;color:var(--sub)}

/* Project supporting files */
.upload-panel{margin-top:14px;padding:14px;border:1px dashed var(--blue);border-radius:10px;background:#F7FAFF}
.upload-file-details{display:grid;gap:12px;margin-top:12px}
.upload-detail-row{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:10px}
.upload-detail-row img,.file-placeholder{width:110px;height:88px;object-fit:cover;border-radius:7px;background:var(--gray-bg)}
.file-placeholder{display:grid;place-items:center;font-weight:800;color:var(--sub)}
.upload-detail-row label,.project-file-card label{display:block;margin-top:8px;font-weight:600}
.upload-detail-row textarea,.project-file-card textarea{display:block;width:100%;min-height:54px;margin-top:4px;border:1px solid var(--line);border-radius:7px;padding:8px;font-family:inherit}
.project-file-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.project-file-card{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff}
.project-file-card.is-scheduled{border-color:var(--amber);background:var(--amber-bg)}
.project-file-card>a>img,.project-file-pdf{display:block;width:100%;height:180px;object-fit:cover;background:var(--gray-bg)}
.project-file-pdf{display:grid;place-items:center;font-size:26px;font-weight:800;color:var(--sub)}
.project-file-body{padding:12px}
.project-file-body>strong{display:inline-block;max-width:72%;overflow-wrap:anywhere;margin-right:6px}
.project-file-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}


/* Security and accessibility finish: keyboard clarity and responsive layouts */
.skip-link{position:fixed;left:12px;top:12px;z-index:9999;transform:translateY(-180%);background:#fff;color:var(--navy);padding:10px 14px;border-radius:8px;font-weight:700;box-shadow:0 4px 16px rgba(0,0,0,.25)}
.skip-link:focus{transform:translateY(0)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
input,select,textarea,button{font:inherit}
textarea{resize:vertical}
.btn,.mode-pill,.mode-card,button,input,select,textarea{touch-action:manipulation}

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

@media (max-width:760px){
  .header{padding:16px 14px;align-items:flex-start;gap:14px}
  .brand{font-size:18px}
  .brand-sub{font-size:10px}
  .tabbar{padding:0 8px;overflow-x:auto;overscroll-behavior-x:contain}
  .tab{padding:13px 12px;white-space:nowrap}
  .shell,body>div[style*="display:flex"][style*="min-height"]{flex-direction:column}
  .sidebar{width:100%;padding:12px 10px}
  .side-div{margin:10px 0;padding-top:8px}
  .main{width:100%;padding:20px 14px}
  .card{padding:17px 15px}
  .grid2,.mode-row{grid-template-columns:1fr}
  .btn,button[type="submit"]{min-height:44px}
  input,select,textarea{max-width:100%;font-size:16px}
  .upload-detail-row{grid-template-columns:1fr}
  .upload-detail-row img,.file-placeholder{width:100%;height:150px}
}

@media (max-width:420px){
  .header{flex-direction:column}
  .main{padding:16px 10px}
  .card{border-radius:9px}
}

/* Advisor Panel Synthesis */
.panel-synthesis-card{background:var(--card);border:2px solid var(--navy);border-radius:12px;padding:20px 22px;margin-bottom:16px}
.panel-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}
.panel-synthesis{display:grid;gap:10px;margin:16px 0}
.panel-synthesis-row{border-radius:10px;padding:14px 16px}
.panel-agree{background:#E6F6EF;border-left:4px solid var(--green)}
.panel-disagree{background:var(--amber-bg);border-left:4px solid var(--amber)}
.panel-recommend{background:#EBF1FF;border-left:4px solid var(--blue)}
.panel-label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;color:var(--sub)}
.panel-agree .panel-label{color:var(--green)}
.panel-disagree .panel-label{color:var(--amber)}
.panel-recommend .panel-label{color:var(--blue)}
.panel-synthesis-row p{margin:0;font-size:15px;line-height:1.55}
.panel-perspective{border:1px solid var(--line);border-radius:8px;padding:12px 14px;background:#fff}
.panel-perspective-role{display:block;font-size:14px;margin-bottom:2px}
.panel-response-block{background:var(--navy);border-radius:10px;padding:16px 18px;margin-top:18px;color:#fff}
.panel-response-block h3{color:#fff}
.panel-response-block .small{color:#B9C7DD}
.panel-response-grid{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.panel-response-btn{font-size:13px;min-width:160px}
.panel-response-block textarea{border:1px solid #374F6B;border-radius:8px;background:#1A3A5C;color:#fff;width:100%;padding:10px;font-family:inherit;font-size:14px;line-height:1.5;box-sizing:border-box}
.panel-response-block label{color:#D3DCEA}
.panel-responded-block{background:var(--green-bg);border:2px solid var(--green);border-radius:10px;padding:14px 16px;margin-top:14px}
.panel-roles-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
.panel-role-chip{border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff;display:grid;gap:3px}
@media (max-width:760px){
  .panel-roles-preview{grid-template-columns:1fr}
  .panel-response-grid{flex-direction:column}
  .panel-response-btn{width:100%}
}

/* Prototype version editor */
.prototype-editor-group{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--sub);margin:20px 0 8px;padding-top:18px;border-top:1px solid var(--line)}
.prototype-editor-group:first-of-type{border-top:none;margin-top:0;padding-top:0}
.prototype-editor-fields{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.prototype-editor-label{display:grid;gap:4px}
.prototype-editor-label>span{font-size:13px;font-weight:600;color:var(--sub)}
.prototype-editor-label input,.prototype-editor-label textarea{font-size:14px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;width:100%;box-sizing:border-box;background:var(--bg);color:var(--text);line-height:1.4}
.prototype-version-meta{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.prototype-version-table{width:100%;border-collapse:collapse;font-size:13px}
.prototype-version-table th{text-align:left;font-weight:600;border-bottom:2px solid var(--line);padding:6px 10px 6px 0}
.prototype-version-table td{padding:7px 10px 7px 0;border-bottom:1px solid var(--line);vertical-align:top}
.form-notice{background:#E6F6EF;border:1px solid var(--green);border-radius:8px;padding:10px 14px;font-size:14px;color:var(--green)}
@media (max-width:760px){
  .prototype-editor-fields,.prototype-version-meta{grid-template-columns:1fr}
}

/* Develop stage */
.develop-main .eyebrow{color:var(--blue)}
.develop-proto-card{border:2px solid var(--blue)}
.develop-proto-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.develop-proto-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}
.develop-proto-note{background:#F4F8FF;border-radius:8px;padding:10px 14px;margin-top:12px}
.develop-ai-brief{border:2px solid var(--line)}
.develop-path-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:1.5rem}
.develop-path-card{border:2px solid var(--line)}
.develop-path-selected{border-color:var(--blue);background:#F4F8FF}
.chip-green{background:var(--green-bg);color:var(--green)}
.develop-plugin-block{background:#F4F8FF;border-radius:10px;padding:18px}
.develop-plugin-block label{display:flex;gap:10px;align-items:flex-start;margin:10px 0;font-weight:400;cursor:pointer}
.develop-plugin-block input[type="checkbox"]{margin-top:3px;flex-shrink:0}
.develop-progress-track{height:10px;background:#DDE4EE;border-radius:999px;margin-top:14px;overflow:hidden}
.develop-record-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.develop-record-form{border:1px solid var(--line);padding:16px;border-radius:10px;display:grid;gap:10px}
.develop-record-form label{display:grid;gap:4px}
.develop-record-form textarea{padding:8px;border:1px solid var(--line);border-radius:7px;width:100%;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.5}

/* Plugin code preview */
.plugin-code-preview{background:#1E1E2E;color:#CDD6F4;border-radius:10px;padding:16px;overflow-x:auto;font-size:12px;line-height:1.5;max-height:400px;overflow-y:auto}
.plugin-code-preview code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre}

@media(max-width:760px){
  .develop-proto-header{flex-direction:column}
  .develop-proto-actions{width:100%}
  .develop-record-grid{grid-template-columns:1fr}
  .develop-path-grid{grid-template-columns:1fr}
}

/* Consult the Panel */
.cp-mode-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.cp-mode-btn{padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;line-height:1.3}
.cp-mode-btn.active{background:var(--navy);border-color:var(--navy);color:#fff}
.cp-mode-btn:hover:not(.active){background:#F5F7FA}
.cp-synthesis{background:var(--navy);color:#fff;border-radius:10px;padding:20px 22px;margin-bottom:0}
.cp-synthesis h3{color:#B9C7DD;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin:0 0 5px}
.cp-synthesis p{margin:0 0 18px;font-size:15px;line-height:1.5}
.cp-synthesis p:last-child{margin-bottom:0}
.cp-synthesis .cp-next{background:rgba(255,255,255,.1);border-radius:8px;padding:12px 15px}
.cp-synthesis .cp-next h3{color:#91BFFF}
.cp-perspectives{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.cp-perspective{background:#F5F7FA;border:1px solid var(--line);border-radius:10px;padding:14px}
.cp-perspective-name{font-size:11px;font-weight:700;color:var(--blue);text-transform:uppercase;margin-bottom:5px}
.cp-perspective p{margin:0;font-size:13.5px;line-height:1.5}
.cp-run-block{background:#F5F7FA;border:1px solid var(--line);border-radius:10px;padding:20px;margin-bottom:16px}
@media(max-width:760px){.cp-perspectives{grid-template-columns:1fr}.cp-mode-btn{font-size:12px;padding:7px 11px}}

/* Panel Drawer */
.mmi-drawer-overlay{position:fixed;inset:0;background:rgba(10,29,51,.45);z-index:1000;opacity:0;pointer-events:none;transition:opacity .25s}
.mmi-drawer-overlay.open{opacity:1;pointer-events:auto}
.mmi-drawer{position:fixed;top:0;right:0;bottom:0;width:460px;max-width:100%;background:#fff;box-shadow:-4px 0 32px rgba(0,0,0,.18);z-index:1001;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1)}
.mmi-drawer.open{transform:translateX(0)}
.mmi-drawer-head{background:var(--navy);color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.mmi-drawer-head h2{margin:0;font-size:17px;font-weight:700}
.mmi-drawer-close{background:none;border:none;color:#9FB3CE;font-size:22px;line-height:1;cursor:pointer;padding:2px 4px}
.mmi-drawer-close:hover{color:#fff}
.mmi-drawer-body{flex:1;overflow-y:auto;padding:16px 20px}
.mmi-drawer-modes{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.mmi-drawer-mode-btn{padding:6px 12px;border-radius:7px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:12px;font-weight:600;cursor:pointer;transition:background .12s}
.mmi-drawer-mode-btn.active{background:var(--navy);border-color:var(--navy);color:#fff}
.mmi-drawer-mode-btn:hover:not(.active){background:#F5F7FA}
.mmi-drawer-context-badge{font-size:11px;color:var(--sub);background:#F0F2F5;border-radius:6px;padding:4px 9px;margin-bottom:12px;display:inline-block}
.mmi-drawer-input-wrap{margin-bottom:12px}
.mmi-drawer-input-wrap label{display:block;font-size:13px;font-weight:600;margin-bottom:5px}
.mmi-drawer-input-wrap textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit;font-size:14px;resize:vertical;line-height:1.45}
.mmi-drawer-run-btn{background:var(--navy);color:#fff;border:none;border-radius:8px;padding:10px 20px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.mmi-drawer-run-btn:disabled{opacity:.55;cursor:default}
.mmi-drawer-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:mmi-spin .7s linear infinite}
@keyframes mmi-spin{to{transform:rotate(360deg)}}
.mmi-drawer-result{margin-top:16px}
.mmi-drawer-synthesis{background:var(--navy);color:#fff;border-radius:10px;padding:16px 18px;margin-bottom:12px}
.mmi-drawer-synthesis h3{color:#B9C7DD;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin:0 0 4px}
.mmi-drawer-synthesis p{margin:0 0 14px;font-size:14px;line-height:1.5}
.mmi-drawer-synthesis p:last-child{margin-bottom:0}
.mmi-drawer-next{background:rgba(255,255,255,.1);border-radius:8px;padding:10px 13px;margin-top:4px}
.mmi-drawer-next h3{color:#91BFFF}
.mmi-drawer-perspectives{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:12px}
.mmi-drawer-perspective{background:#F5F7FA;border:1px solid var(--line);border-radius:9px;padding:12px}
.mmi-drawer-perspective-name{font-size:10px;font-weight:700;color:var(--blue);text-transform:uppercase;margin-bottom:4px}
.mmi-drawer-perspective p{margin:0;font-size:13px;line-height:1.45}
.mmi-drawer-save-form{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.mmi-drawer-save-form label{font-size:13px;font-weight:600;display:block;margin-bottom:5px}
.mmi-drawer-save-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit;font-size:13px;resize:vertical}
.mmi-drawer-save-btn{margin-top:6px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:7px 16px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.mmi-drawer-save-btn:hover{background:#F5F7FA}
.mmi-drawer-notice{background:var(--green-bg);border:1px solid var(--green);color:var(--green);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;margin-bottom:10px}
.mmi-drawer-error{background:var(--amber-bg);border:1px solid var(--amber);color:var(--amber);border-radius:8px;padding:8px 12px;font-size:13px;margin-bottom:10px}
@media(max-width:520px){.mmi-drawer{width:100%}}