/* HL lab. Shared lab palette and components; GDD/resource/nav styles come from site-shell.css. */
*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100vh}body{margin:0;background:#1E2E3E;color:#FDFCF9;font:16px/1.6 Inter,sans-serif;display:flex;flex-direction:column}
main button{font:inherit;cursor:pointer;border:0;border-radius:6px;padding:9px 16px;background:#65435C;color:#FFF}button:disabled{opacity:.6;cursor:wait}
main label{display:block;font-weight:650;margin:14px 0 6px}main textarea{display:block;width:100%;font:16px/1.6 Inter,sans-serif;color:#393440;background:#FFF;border:1px solid #C6B5D1;border-radius:5px;padding:10px;resize:vertical;min-height:72px;max-height:none;overflow:auto}
main details{margin:12px 0}main details summary{cursor:pointer;font-weight:650}main p{margin:10px 0 18px}
.resources{display:flex;flex-wrap:wrap;gap:8px}.resource-pill{padding:5px 10px;border:1px solid #C6B5D1;border-radius:6px;color:#65435C;background:#FAF7FA;font-size:13px;text-decoration:none}.resource-pill .hover-preview{display:none}
.hl-eyebrow{font-size:13px;font-weight:700;letter-spacing:.05em;color:#D4A853}.hl-lead{font-size:18px}.hl-practice-cycle{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:15px;margin:12px 0 22px}
.hl-idea-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field-resource-heading{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.field-resource-heading label{margin-right:auto}
.hl-ai-slot:empty{display:none}.dialogue{min-width:0;overflow:visible}.messages{height:320px;max-height:none;overflow:auto;resize:vertical;min-height:170px;padding:10px}.message{padding:14px 0;overflow-wrap:anywhere;color:#393440}.message.user{background:#F4EFF7;padding:12px;white-space:pre-wrap}.message strong,.message li,.message p{color:inherit!important}.message li{display:list-item;margin:8px 0}.message a{color:#315E86;text-decoration:underline}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.status{color:#793A26}.feedback-scope-details{font-size:13px}
.hl-resource-lightbox{width:min(1100px,94vw);max-height:92vh;overflow:auto;background:#FFF;color:#393440;border:1px solid #C6B5D1;border-radius:8px;padding:16px}.hl-resource-lightbox::backdrop{background:#0009}.hl-resource-lightbox img{display:block;width:100%;max-height:80vh;object-fit:contain}.hl-resource-lightbox button{display:block;margin:0 0 12px auto}.draft-note{font-size:13px}#versions textarea{min-height:180px}body [hidden]{display:none!important}body .site-footer{position:static!important;flex-shrink:0;margin:0!important;clear:both}
        .page-header {
            background: linear-gradient(135deg, #1E2E3E 0%, #253544 100%);
            color: #FDFCF9;
            padding: 0.8rem 1.5rem;
            text-align: center;
            flex-shrink:0;
        }
        .page-header .paper-title { font-family:'Playfair Display', serif; font-size:1.8rem; font-weight:700; }
        .page-header .lab-subtitle { font-size:0.85rem; color:#B6BCC4; }

        .panel-tabs {
            position: sticky;
            top: 0;
            z-index: 200;
            background: #1E2E3E;
            border-bottom: 3px solid #A00000;
            padding: 0.3rem 0.8rem;
            display: flex;
            justify-content: center;
            gap: 0.4rem;
            flex-wrap: wrap;
            box-shadow: 0 3px 12px rgba(0,0,0,0.3);
            flex-shrink:0;
        }
        .panel-tabs button {
            background: rgba(255,255,255,0.08);
            border: 2px solid rgba(255,255,255,0.12);
            color: #B6BCC4;
            padding: 0.3rem 1.2rem;
            border-radius: 8px;
            font-size: 0.8rem;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.25s ease;
            font-family: 'Inter', sans-serif;
            display: flex;
            align-items: center;
            gap: 0.4rem;
        }
        .panel-tabs button:hover { background:rgba(255,255,255,0.16); transform:translateY(-1px); border-color:#CC0000; color:#FFFFFF; }
        .panel-tabs button.active { background:#A00000; color:#FFFFFF; border-color:#A00000; box-shadow:0 2px 12px rgba(160,0,0,0.4); }
        .panel-tabs button .icon { font-size:1.1rem; }
        .panel-tabs button .label { font-size:0.7rem; }

        .main-container {
            flex: 1 0 auto;
            max-width: 1400px;
            width: 96%;
            margin: 0 auto;
            margin-top: 0.5rem;
            background: #1E2E3E;
            border-radius: 10px;
            overflow: visible;
            box-shadow: 0 2px 12px rgba(0,0,0,0.4);
            display: flex;
            flex-direction: column;
        }

        .landing-content {
            padding: 1.2rem 1.5rem;
            flex-shrink: 0;
            color: #FDFCF9;
            display: block;
        }

.p2-landing-route{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.85rem;
    margin:.9rem 0 .75rem;
}
.p2-route-card{
    appearance:none;
    width:100%;
    min-height:112px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:13px;
    padding:1rem 1.05rem;
    background:#F8FAFB;
    color:#1E2E3E;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) 26px;
    align-items:center;
    gap:.8rem;
    text-align:left;
    cursor:pointer;
    box-shadow:0 5px 14px rgba(0,0,0,.16);
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.p2-route-card:hover{
    transform:translateY(-3px);
    border-color:#D4A853;
    box-shadow:0 10px 24px rgba(0,0,0,.24);
}
.route-no{
    width:40px;
    height:40px;
    border-radius:50%;
    background:#1E2E3E;
    color:#D4A853;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:'Montserrat',sans-serif;
    font-weight:900;
    font-size:1rem;
}
.route-copy{
    display:flex;
    flex-direction:column;
    gap:.18rem;
}
.route-copy strong{
    font-family:'Montserrat',sans-serif;
    font-size:1.03rem;
    line-height:1.2;
    color:#1E2E3E;
}
.route-copy small{
    font-size:.82rem;
    line-height:1.42;
    color:#5F6B75;
}
.route-arrow{
    font-size:1.35rem;
    font-weight:900;
    color:#A00000;
}
        .ai-chat-section {
            border: 2px solid #b0b8c0;
            border-radius: 10px;
            background: #f8f9fa;
            padding: 8px 12px 10px 12px;
            box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
            flex-shrink: 0;
            margin-top: 8px;
            min-height: 140px;
            max-height: 360px;
            overflow: hidden;
            transition: border-color 0.2s, box-shadow 0.2s;
            display: flex;
            flex-direction: column;
            resize: vertical;
            color: #1A1A1A;
        }
        .ai-chat-section:focus-within { border-color: #A00000; box-shadow: 0 0 0 3px rgba(160,0,0,0.2); background: #ffffff; }
        .ai-chat-section .ai-header { font-weight:700; font-size:0.9rem; color:#1E2E3E; margin-bottom:2px; display:flex; align-items:center; gap:4px; }
        .ai-chat-section .ai-header .ai-icon { font-size:1.1rem; }
        .chat-popout-btn { background:none; border:1px solid #ccc; border-radius:4px; padding:0.1rem 0.4rem; font-size:0.7rem; cursor:pointer; color:#888; margin-left:auto; transition:all 0.2s; }
        .chat-popout-btn:hover { background:#1E2E3E; color:#fff; border-color:#1E2E3E; }
        .docked-placeholder { text-align:center; padding:1rem; color:#999; font-style:italic; display:none; }
        .docked-placeholder.show { display:block; }

        .ai-chat-section .chat-instructions { font-size:0.7rem; color:#666; padding:2px 0; border-bottom:1px solid #e8e4e0; margin-bottom:4px; }
        .ai-chat-section .messages {
            flex: 1 1 0;
            overflow-y: auto;
            font-size: 12px;
            background: #fff;
            border-radius: 4px;
            padding: 4px 8px;
            border: 1px solid #eee;
            margin-bottom: 4px;
            min-height: 50px;
        }
        .ai-chat-section .messages .msg { padding:4px 0; border-bottom:1px dashed #ddd; color: #1A1A1A; }
        .ai-chat-section .messages .msg:last-child { border-bottom:none; }
        .ai-chat-section .messages .msg.user { background:#f0f7ff; border-left:3px solid #a00000; padding-left:6px; }
        .ai-chat-section .messages .msg .sender { font-weight:600; font-size:9px; color:#888; }
        .ai-chat-section .chat-input-area { display:flex; gap:4px; flex-wrap:wrap; }
        .ai-chat-section .chat-input-area input { flex:1; padding:4px 8px; border:1px solid #ddd; border-radius:4px; font-size:12px; font-family:'Inter',sans-serif; min-width:80px; color:#1A1A1A; }
        .ai-chat-section .chat-input-area input:focus { outline:2px solid #a00000; border-color:transparent; }
        .ai-chat-section .chat-input-area button { padding:4px 12px; background:#a00000; color:#fff; border:none; border-radius:4px; font-size:12px; cursor:pointer; font-weight:600; font-family:'Inter',sans-serif; }
        .ai-chat-section .chat-input-area button:hover { background:#800000; }
        .ai-chat-section .chat-input-area button.btn-secondary { background:#1E2E3E; }
        .ai-chat-section .chat-input-area button.btn-secondary:hover { background:#2a3d4f; }

        .workspace-container {
            display: flex;
            min-height: 82vh;
            gap: 0.4rem;
            padding: 0.4rem;
            background: #1E2E3E;
            overflow-y: auto;
        }
        .workspace-container.collapsed {
            min-height: 0 !important;
            height: 0 !important;
            flex: 0 0 0 !important;
            overflow: hidden !important;
            opacity: 0;
            pointer-events: none;
            margin: 0 !important;
            padding: 0 !important;
        }

        .workspace-panel {
            flex: 1;
            min-width: 0;
            display: flex;
            flex-direction: column;
            background: #FFFFFF;
            border-radius: 6px;
            overflow: visible;
            box-shadow: 0 1px 3px rgba(0,0,0,0.15);
        }
        .workspace-panel.hidden { display:none !important; flex:0; width:0; padding:0; margin:0; border:none; overflow:hidden; opacity:0; }

        .panel-header { background:#F5F2EB; padding:0.4rem 0.8rem; font-weight:600; font-size:0.8rem; color:#1E2E3E; border-bottom:1px solid #E6E2D9; flex-shrink:0; display:flex; justify-content:space-between; align-items:center; }
        .panel-header .badge { background:#A00000; color:#FFF; font-size:0.55rem; font-weight:700; padding:0.05rem 0.5rem; border-radius:10px; }

        .panel-body {
            flex: 1 0 auto;
            display: flex;
            flex-direction: column;
            overflow: visible;
            padding: 0.6rem 0.8rem;
            background: #FFFFFF;
        }
body main.main-container{padding:0;max-width:none;height:auto;min-height:0;overflow:visible}
body main .workspace-container{height:auto!important;min-height:0!important;overflow:visible!important;align-items:flex-start!important}
body main .workspace-panel.work{margin:0;padding:0;border:0;flex:1;min-width:0}
body main .panel-body{padding:.6rem .8rem!important;background:#FFF;overflow:visible!important;height:auto!important}
body main .hl-panel-working{padding:0}
body main .workspace-container.multi-open .hl-panel-working{height:65vh;min-height:260px;overflow:auto!important;resize:vertical;flex:0 0 auto}
body main .hl-ai-slot .dialogue{padding:8px 12px 10px;margin-top:8px!important;border:2px solid #B0B8C0;border-radius:10px;background:#F8F9FA;color:#1A1A1A;min-height:140px;height:auto;max-height:none!important;overflow:visible!important;resize:none}
body main .hl-ai-slot .dialogue .messages{height:320px;min-height:170px;max-height:none!important;resize:vertical;overflow:auto;color:#1A1A1A}
body main .hl-ai-slot .chat-input-area{display:block}
body main .hl-ai-slot .chat-input-area textarea{width:100%;min-height:72px;color:#1A1A1A}
body main .hl-ai-slot .ai-header{font-size:18px}
body main .hl-ai-slot .chat-input-area button{font:600 14px Inter,sans-serif;padding:8px 12px}
body main .hl-ai-slot #clearChat{background:#1E2E3E}
body main .pane-resizer{flex:0 0 4px;align-self:stretch;background:#D9D2C3;cursor:col-resize;touch-action:none}
body main .pane-resizer:hover,body main .pane-resizer:focus{background:#A00000}
body main .pane-resizer.hidden,body main #landingContent[hidden]{display:none!important}
body main .p2-landing-route{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body main .landing-content{margin:0}
body main .hl-landing{margin:0}
body main .hl-landing h1{font-size:26px}
body main .lab-work-actions{padding:12px 16px}
@media(max-width:850px){body main .workspace-container{flex-direction:column}body main .pane-resizer{display:none!important}body main .workspace-panel.work{width:100%}body main .workspace-container.multi-open .hl-panel-working{height:auto;overflow:visible!important;resize:none}body main .p2-landing-route{grid-template-columns:1fr!important}}
html,body{min-height:100vh}body{display:flex;flex-direction:column}body main.main-container{flex:1 0 auto}body .site-footer{flex-shrink:0}
/* v68: three-stage HL planning, bounded width and distinct working cards. */
body main.main-container{width:calc(100% - 32px)!important;max-width:none!important;margin:16px auto 24px!important;box-shadow:none}
body main .panel-body{background:#273B4E!important;padding:12px!important;border-radius:8px;color:#FDFCF9}
body main .hl-panel-working{padding:0;color:#FDFCF9}
body main .hl-panel-working>.hl-field,body main .hl-panel-working>.hl-idea-pair,body main .hl-panel-working>details:not(.panel-gdd){background:#EAF0F5;color:#253544;padding:14px;border-radius:8px;margin:12px 0}
body main .hl-panel-working>.hl-field:nth-of-type(even){background:#F0EBF5}
body main .hl-process-strip{display:flex;flex-wrap:wrap;gap:10px;padding:14px;background:#192D40;color:#FFF;border-radius:8px;margin:12px 0;font-size:14px;align-items:center}
body main .argument-reference{background:#192D40;color:#FFF;border:1px solid #567088;font-size:14px;line-height:1.65;padding:14px;margin:12px 0;white-space:pre-wrap}
body main .hl-evidence-streams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body main .hl-idea-stream{background:#EAF0F5;color:#253544;border:1px solid #A8BDCF;border-radius:9px;padding:14px;min-width:0}
body main .hl-idea-stream.stream-2{background:#F0EBF5;border-color:#C6B5D1}
body main .hl-idea-stream>h3{margin:0 -14px 14px;padding:12px 14px;background:#315E86;color:#FFF;font-size:20px;border-radius:8px 8px 0 0}
body main .hl-idea-stream.stream-2>h3{background:#65435C}
body main .hl-evidence-card{padding:14px;margin-top:18px;background:#F7FAFD;border:1px solid #A8BDCF;border-top:5px solid #315E86;border-radius:8px}
body main .stream-2 .hl-evidence-card{background:#FBF8FD;border-color:#C6B5D1;border-top-color:#65435C}
body main .hl-evidence-card h4{font-size:15px;line-height:1.5;margin:0 0 12px;color:#315E86}
body main .stream-2 .hl-evidence-card h4{color:#65435C}
body main .write-grid{padding:14px;border-radius:8px;background:#EAF0F5;color:#253544}
body main .draft-planning-review{white-space:pre-wrap;background:#F0EBF5;color:#393440;border-radius:6px;padding:12px;font-size:14px;line-height:1.6}
body main .argument-status{font-size:14px;color:#E0C77A}
body main .p2-landing-route{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body main .workspace-container.multi-open .hl-evidence-streams{grid-template-columns:1fr}
body main .panel-tabs button{min-width:0!important;font-size:15px!important}
body main .panel-tabs button .label{font-size:15px!important}
@media(max-width:850px){body main .hl-evidence-streams,body main .p2-landing-route{grid-template-columns:1fr!important}}

body main .essay-plan-write-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px;align-items:start;padding:0;background:none}
body main .hl-teeal-scaffold{padding:14px;background:#F6F2F8;color:#393440;border:1px solid #C6B5D1;border-radius:6px;margin:0;min-width:0;height:850px;max-height:none;min-height:320px;overflow:auto;resize:vertical}
body main .hl-scaffold-section{margin:14px 0;padding:12px;background:#FFF;border:1px solid #DDD2E3;border-radius:6px}
body main .hl-scaffold-section h3{font-size:17px;color:#65435C;margin:0 0 10px}
body main .hl-scaffold-section ol,body main .hl-scaffold-section dl{font-size:14px;line-height:1.6;padding-left:20px}
body main .hl-scaffold-section dt{font-weight:700;color:#65435C;margin-top:10px}
body main .hl-scaffold-section dd{margin:4px 0 12px}
body main .hl-model-example p{font-size:14px;line-height:1.6}
body main .hl-draft-composer{margin:12px 0}
body main #ai-slot-writing{min-width:0}
body main #ai-slot-writing .dialogue{margin:0!important}
body main #ai-slot-writing #draft{min-height:580px;height:650px;max-height:none;resize:vertical}
body main .workspace-container.multi-open #stage-writing .hl-panel-working{height:auto!important;overflow:visible!important;resize:none}
@media(max-width:850px){body main .essay-plan-write-layout{grid-template-columns:1fr!important}body main .hl-teeal-scaffold{height:auto;resize:none}}

body main.main-container{flex:1 0 auto}body main .workspace-panel.work{border-radius:6px}body main .hl-ai-slot .dialogue{color:#393440}body main .hl-ai-slot .dialogue .messages{background:#FFF;color:#393440}.p2-route-card{text-decoration:none}
body main .workspace-container.multi-open .hl-idea-pair{grid-template-columns:1fr}
@media(max-width:850px){body main .hl-idea-pair{grid-template-columns:1fr}}

/* v70: IDEA ordering, method-specific evidence and an explicit governing argument. */
body main #messages[hidden]{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important}
body main .hl-idea-board{padding:14px;margin:12px 0;background:#EAF0F5;color:#253544;border-radius:8px}
body main .hl-idea-board>p{font-size:14px;margin:8px 0 14px}
body main .hl-idea-board h3{font-size:18px;margin:0}
body main .hl-idea-card{padding:14px;border:1px solid #A8BDCF;border-top:5px solid #315E86;border-radius:8px;background:#F7FAFD;min-width:0}
body main .hl-idea-card:nth-child(2){border-color:#C6B5D1;border-top-color:#65435C;background:#FBF8FD}
body main .hl-idea-card>header{display:flex;gap:10px;align-items:center}
body main .idea-drag-handle{cursor:grab;background:#315E86;font-size:22px;padding:2px 10px;touch-action:none}
body main #swapIdeas{margin-top:14px;font-size:14px}
body main .hl-argument-banner{margin:0 0 16px;border:2px solid #D4A853;border-radius:8px;overflow:hidden;background:#192D40}
body main .hl-argument-heading{padding:10px 14px;background:#D4A853;color:#1E2E3E;font:700 21px Montserrat,sans-serif}
body main .hl-argument-banner .argument-reference{margin:0;border:0;font-size:20px;line-height:1.65;padding:16px;color:#FFF}
body main .hl-field:has(>#thesis),body main .hl-field:has(>#loi){border-left:5px solid #D4A853}
body main .hl-field:has(>#thesis) label,body main .hl-field:has(>#loi) label{font-size:19px}
body main .hl-evidence-list{margin:16px 0}.hl-evidence-empty{font-size:14px;padding:10px;background:#FFF;border-radius:6px}
body main .hl-evidence-card{container-type:inline-size;container-name:ea-card}
body main .hl-ea-title{font-size:18px;color:#65435C;margin-bottom:10px}
body main .hl-card-field label{font-size:14px;margin-top:10px}
body main .hl-card-field textarea{font-size:15px;min-height:60px}
body main .hl-moment-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:14px 0}
body main .hl-ea-moment{background:#EAF0F5;border:1px solid #A8BDCF;border-radius:6px;padding:10px;min-width:0}
body main .hl-moment-title{display:flex;justify-content:space-between;align-items:center}
body main .hl-moment-title h4{font-size:16px;margin:0}
body main .hl-moment-remove{background:transparent;color:#65435C;padding:0 7px;font-size:20px}
body main .hl-add-moment{font-size:13px;padding:6px 10px}
body main .hl-add-evidence{background:#FFF;padding:12px;border:1px dashed #9873A5;border-radius:6px}
body main .hl-add-evidence>summary{color:#65435C;font-size:17px}
body main .hl-evidence-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
body main .hl-evidence-choices button{font-size:14px;padding:8px 10px}
body main .hl-model-example-copy{border-left:4px solid #D4A853;padding:12px;background:#F5F2EB;color:#393440;font-size:15px;line-height:1.7;margin-top:14px}
body main .hl-scaffold-section li{margin:6px 0}
body main .hl-scaffold-section ul{padding-left:20px;line-height:1.6;font-size:14px}
body main .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@container ea-card (min-width:750px){body main .hl-moment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Keep concurrent panels readable rather than compressing every column. */
@media(min-width:851px){
body main .workspace-container.multi-open{overflow-x:auto!important;align-items:flex-start!important;padding-bottom:12px}
body main .workspace-container.multi-open .workspace-panel.work{min-width:600px;flex:1 0 600px}
body main .workspace-container.multi-open #stage-writing{min-width:900px;flex-basis:900px}
}

/* v71: readable guides, backward planning and fully visible source scaffold. */
body main .workshop-guide .panel-gdd-card :is(p,li){font-size:18px!important;line-height:1.65!important}
body main .workshop-guide .panel-gdd-card h3{font-size:21px!important;line-height:1.45!important}
body main .workshop-guide .panel-gdd-card{padding:16px!important}
body main .panel-gdd-card .resource-pill .pill-label{font-size:14px!important}
body main .hl-teeal-scaffold{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;resize:none!important}
body main .hl-teeal-scaffold>h2{font-size:21px;color:#65435C;margin:0 0 14px}
body main .hl-elaboration-prompts{padding-left:20px;margin:8px 0 12px;font-size:15px;line-height:1.6}

body main :is(#keyIdea1,#keyIdea2,#thesis,#loi,#idea1,#idea2,#elab1,#elab2)::placeholder{color:#657084;opacity:1;font-size:15px;line-height:1.5}

body main .hl-card-field .plane-category-select{width:100%;padding:10px;border:1px solid #A8BDCF;border-radius:5px;font:16px Inter,sans-serif;color:#253544;background:#FFF}
body main .hl-card-field textarea::placeholder{color:#657084;opacity:1;font-size:14px;line-height:1.5}
body main .hl-send-evidence,body main .hl-send-idea{margin-top:12px;padding:9px 14px;font-size:15px}
body main #draft{pointer-events:auto!important;user-select:text!important;cursor:text!important}

/* v73: stable draft above the conversation in the right column. */
body main .hl-draft-pane{min-width:0;display:block}
body main .hl-draft-pane #draft{width:100%;height:650px;min-height:440px;max-height:none;resize:vertical;box-sizing:border-box;color:#393440!important;background:#FFFDFA!important}
body main .hl-draft-composer{margin:0}
body main .hl-ea-title{display:flex;align-items:center;gap:10px}
body main .hl-ea-title span{flex:1}
body main .hl-delete-ea{padding:4px 8px;font-size:12px;background:transparent;color:#65435C;border:1px solid #B6A3BB;border-radius:4px;cursor:pointer}

/* v74: readable draft count and no duplicate resize strip. */
body main #wordCount{color:#E5EDF4!important;font-size:14px;margin:8px 0}
body main #sendDraft{margin:0 0 14px}

/* v76: blue argument references and editable model-backed plans. */
body main .hl-argument-banner{border-color:#91C6F4;background:#192D40}
body main .hl-argument-heading{background:#315E86;color:#FFFFFF}
body main .hl-field:has(>#thesis),body main .hl-field:has(>#loi){border-left-color:#91C6F4}

/* v87: independently scroll complete panels, including their AI conversation. */
body main .workspace-container .workspace-panel.work:not(.hidden){height:76vh;min-height:320px;max-height:none;overflow:hidden!important;display:flex;flex-direction:column;resize:vertical;box-sizing:border-box}
body main .workspace-container .workspace-panel.work>.panel-body{height:auto!important;min-height:0;flex:1 1 auto;overflow:auto!important;overscroll-behavior-y:contain;scrollbar-gutter:stable}
body main .workspace-container .hl-panel-working,body main .workspace-container.multi-open .hl-panel-working,body main .workspace-container.multi-open #stage-writing .hl-panel-working{height:auto!important;min-height:0!important;overflow:visible!important;resize:none!important;flex:none!important}
body main .hl-ai-slot .actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
body main .hl-ai-slot .actions :is(#send,#clearChat){width:100%!important;min-width:0!important;min-height:48px!important;margin:0!important;padding:12px 16px!important;font:600 14px/1.4 Inter,sans-serif!important;box-sizing:border-box}

/* v104: equal landing chat actions on narrow screens. */
body main #ai-slot-landing .actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch!important}
body main #ai-slot-landing .actions :is(#send,#clearChat){align-self:stretch!important;height:auto!important;min-height:48px!important;margin:0!important;width:100%!important;min-width:0!important;padding:12px 16px!important;font:600 14px/1.4 Inter,sans-serif!important;box-sizing:border-box}

/* v175: evidence-first analysis, consistent guide viewers and local evidence import. */
body main .hl-card-guide-links,body main .hl-source-guides{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0 14px;padding:10px 12px;border:1px solid #b8ccdf;border-radius:8px;background:transparent}
body main .hl-guide-caption,body main .hl-source-guides>span{font-size:12px;font-weight:700;color:#405870}
body main .hl-card-guide-links a,body main .hl-source-guides a{display:inline-flex;align-items:center;padding:7px 11px;text-decoration:none;border:1px solid #9cb2c9;border-radius:6px;background:#f7fafc;color:#204865;font-size:13px;font-weight:700}
body main .hl-card-guide-links a:hover,body main .hl-card-guide-links a:focus-visible,body main .hl-source-guides a:hover,body main .hl-source-guides a:focus-visible{background:#e6eef6;border-color:#477ca5}
body main .hl-evidence-card .le-upload{margin:5px 0 9px}
body main .hl-evidence-card .hl-card-field textarea{resize:vertical;min-height:84px}

body main .hl-image-evidence{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:8px 0 14px}
body main .hl-image-upload{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;background:#eef3f8;color:#204865;border:1px solid #9cb2c9;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer}
body main .hl-image-upload input{max-width:200px;font-size:11px}
body main .hl-image-status{font-size:12px;color:#52687d}
body main .hl-image-preview img{max-width:100%;max-height:280px;object-fit:contain;border:1px solid #b8ccdf;border-radius:6px}
body main .hl-image-remove{display:block;margin-top:4px}