/* HQ Writing Feedback 3.3 integration strip: compact and deliberately not a generic pill. */
.hq-live-mode{margin:12px 0 4px;border:1px solid #9bb8dc;border-left:4px solid #2b62ce;border-radius:12px;padding:12px 13px;background:linear-gradient(105deg,#ebf4ff,#f5fbff);color:#172f5f}
.hq-live-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.hq-live-header strong{font-size:15px}
.hq-live-state{font-size:11px;letter-spacing:.04em;text-transform:uppercase;font-weight:700;color:#4e6486}
.hq-live-note{font-size:12px;line-height:1.45;margin:5px 0 8px;color:#34527c}
.hq-live-mode button.primary{padding:11px 18px;border-radius:9px;min-height:44px;font-size:13px}
.hq-live-mode button:disabled{opacity:.65;cursor:wait}
.hq-live-status{font-size:12px;line-height:1.4;margin-top:7px;min-height:17px;color:#195a3d}
.hq-live-status.warning{color:#9f2929}
.hq-turnstile{min-height:60px;margin:7px 0}
.hq-draft-compare{border:1px solid #a4bce8;background:#f3f7ff;border-radius:12px;padding:15px;margin-top:13px}
.hq-draft-compare h3{font-size:17px;margin:0 0 4px;color:#172d66}
.hq-compare-note{font-size:12px;margin:0 0 10px;color:#415b82}
.hq-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hq-compare-copy{background:#fff;border:1px solid #d9e4f8;padding:12px;border-radius:8px;overflow-wrap:anywhere}
.hq-compare-copy strong{font-size:13px;color:#183765}
.hq-compare-copy p{font-size:13px;white-space:pre-wrap;line-height:1.45}
@media(max-width:620px){.hq-live-mode{padding:10px}.hq-compare-grid{grid-template-columns:1fr}.hq-draft-compare{padding:10px}}
.hq-live-mode[hidden]{display:none!important}
.hq-optional-demo{opacity:.75}

/* Release readiness: stale feedback must not look current after revision. */
.hq-feedback-outdated:not([hidden]){display:block;border:1px solid #a9650b;background:#fff4de;color:#633b08;border-radius:10px;padding:12px 14px;margin:0 0 14px;font-weight:650;}
.feedback:focus-visible{outline:3px solid #2563eb;outline-offset:4px;}
@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important;}}

/* v3.3.16 staging: simplified student submission hierarchy. */
.hq-live-mode{background:#f8fbff;border:1px solid #d7e3f5;border-left:3px solid #3761d6;margin:10px 0 0;padding:14px;border-radius:11px;}
.hq-live-header{margin-bottom:9px;gap:8px;}
.hq-live-header strong{font-size:16px;color:#16336e;}
.hq-live-state{font-size:10px;color:#69809d;letter-spacing:0;text-transform:none;}
.hq-primary-actions{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;}
.hq-verify-area{flex:0 1 300px;min-width:0;}
.hq-submit-area{flex:1 1 230px;min-width:0;}
.hq-action-label{display:block;color:#456081;font-weight:720;font-size:12px;margin:0 0 8px;}
.hq-turnstile{min-height:65px;margin:0;max-width:100%;}
.hq-submit-area #hqLiveSubmit{display:block;width:100%;min-height:65px;border-radius:12px;font-size:16px;padding:13px 16px;background:linear-gradient(110deg,#5938d8,#2556e8);box-shadow:0 9px 18px rgba(42,65,191,.18);}
.hq-submit-area #hqLiveSubmit:focus-visible{outline:3px solid #0b7c77;outline-offset:4px;}
.hq-live-note{font-size:11px;color:#5b7291;margin:12px 0 0;}
.hq-live-status{min-height:0;font-size:12px;margin-top:6px;}
.draft-zone .privacy{background:none;border:0;border-top:1px solid #e1e7f0;border-radius:0;padding:9px 0 0;gap:7px;}
.draft-zone .privacy strong{font-size:11.5px;color:#3c6b65;}
.draft-zone .privacy p{font-size:11px;color:#6b7a86;}
.hq-staging-extras{margin-top:11px;border-top:1px solid #e6ebf4;color:#5b6882;padding-top:10px;}
.hq-staging-extras>summary{cursor:pointer;list-style:none;font-size:12px;font-weight:650;color:#50617f;display:flex;justify-content:space-between;gap:8px;align-items:center;padding:5px 1px;}
.hq-staging-extras>summary::-webkit-details-marker{display:none;}
.hq-staging-extras .hq-optional-content{padding:8px 1px 4px;}
.hq-staging-extras .sample-actions{margin:3px 0 10px;padding:0;border:0;}
.hq-staging-extras .buttons{margin:5px 0 0;gap:8px;}
.hq-staging-extras .buttons button{min-height:40px;font-size:12px;}
.hq-staging-extras #sampleFeedback{background:#fff;color:#5a54a8;border:1px solid #bcc5e7;box-shadow:none;}
@media(max-width:690px){.hq-primary-actions{flex-direction:column;align-items:stretch;gap:11px;}.hq-verify-area,.hq-submit-area{flex:auto;width:100%;}.hq-submit-area #hqLiveSubmit{min-height:54px}.hq-live-mode{padding:12px}.hq-live-state{display:none}.hq-action-label{margin-bottom:5px}}

/* Managed Turnstile: do not force a 300px-wide visual box when no challenge is needed. */
.hq-turnstile{min-height:0;}
.hq-verify-area.hq-is-verified{flex-basis:150px;}
.hq-verify-area.hq-is-verified .hq-action-label{color:#0a7966;}
@media(max-width:690px){.hq-verify-area.hq-is-verified{flex-basis:auto;}}

/* v3.3.17: show the actual revision before optional full-length drafts. */
.hq-diff-change{margin:10px 0;border:1px solid #d9e5f8;border-radius:10px;padding:11px;background:#fff}
.hq-diff-change h4{font-size:13px;color:#253e6e;margin:0 0 9px}
.hq-diff-change .hq-compare-copy{box-shadow:none;background:#f8fafc}
.hq-compare-before{border-left:4px solid #dc8654}
.hq-compare-after{border-left:4px solid #238a77;background:#f2fcf7!important}
.hq-diff-change .hq-compare-copy p{margin:7px 0 0}
.hq-full-comparison{margin-top:12px;border-top:1px solid #cbdaf5;padding-top:10px}
.hq-full-comparison summary{cursor:pointer;font-size:13px;color:#254794;font-weight:650;padding:7px 0}
.hq-full-comparison .hq-compare-copy p{max-height:340px;overflow-y:auto;white-space:pre-wrap}
.hq-finish-button{font-size:12px!important;min-height:40px!important;margin-left:8px;background:#fff!important;border-color:#bdc8dd!important;color:#415675!important;box-shadow:none!important}
@media(max-width:620px){.hq-finish-button{display:block;margin:7px 0 0}.hq-diff-change{padding:9px}}


/* v3.3.18 — Editorial cleanup: one unmistakable submit action, no numbered workflow. */
.hq-live-mode{
  margin:12px 0 0;
  padding:16px 18px 14px;
  background:#f5f8fe;
  border:1px solid #ccdbf4;
  border-left:3px solid #3664d7;
  border-radius:11px;
}
.hq-live-header{margin:0 0 12px;}
.hq-live-header strong{font-size:15px;letter-spacing:-.01em;}
.hq-live-state:empty{display:none;}
.hq-primary-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,275px);gap:16px;align-items:center;}
.hq-verify-area,.hq-verify-area.hq-is-verified{width:auto;min-width:0;flex:none;}
.hq-action-label{font-size:12px;margin:0;line-height:1.45;font-weight:700;letter-spacing:0;color:#556780;display:flex;align-items:center;gap:8px;}
.hq-action-label::before{content:'';display:block;flex:none;width:9px;height:9px;border-radius:50%;background:#b0bed3;box-shadow:0 0 0 3px #e3eaf5;}
.hq-verify-area.hq-is-verified .hq-action-label{color:#0d7664;}
.hq-verify-area.hq-is-verified .hq-action-label::before{background:#159d77;box-shadow:0 0 0 3px #d6f2e7;}
.hq-submit-area{width:auto;min-width:0;flex:none;}
.hq-submit-area #hqLiveSubmit{min-height:51px;width:100%;padding:12px 16px;font-size:14px;line-height:1.25;border-radius:10px;box-shadow:0 5px 14px rgba(52,74,174,.15);background:linear-gradient(108deg,#5136ce,#2c55df);white-space:normal;}
.hq-live-note{margin:12px 0 0;font-size:11px;line-height:1.45;color:#64738f;}
.hq-live-status:empty{display:none;}
.hq-live-status:not(:empty){margin-top:7px;}
/* Keep the Turnstile challenge fully accessible when Cloudflare needs to display it. */
.hq-turnstile{max-width:100%;min-height:0;margin:0;}
/* Preserve natural section headings but remove decorative workflow numbering. */
.zone-title{gap:0;font-weight:750;letter-spacing:0;}
.zone-number,.visual-step span{display:none!important;}
.visual-step{min-height:0;}
@media(max-width:690px){
  .hq-live-mode{padding:13px 14px;}
  .hq-primary-actions{grid-template-columns:minmax(0,1fr);gap:12px;align-items:stretch;}
  .hq-verify-area,.hq-submit-area,.hq-verify-area.hq-is-verified{width:100%;}
  .hq-submit-area #hqLiveSubmit{min-height:50px;font-size:14px;}
  .hq-live-note{margin-top:10px;}
}
@media(min-width:691px) and (max-width:810px){
  .hq-primary-actions{grid-template-columns:minmax(0,1fr) 230px;gap:12px;}
}

/* Keep feedback actions together instead of spacing them across the entire panel. */
.hq-feedback-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-left:auto;flex-wrap:wrap;}
.hq-feedback-tools button{min-height:39px!important;font-size:12px!important;padding:10px 13px!important;}
.hq-feedback-tools .hq-finish-button{margin:0!important;color:#415675!important;}
@media(max-width:620px){
 .hq-feedback-tools{margin-left:0;align-self:flex-start;gap:8px;}
 .hq-feedback-tools button{margin:0!important;align-self:auto!important;}
}