.workshop-main { width: min(1400px,88%); margin: auto; }
.work-tabs { display: grid; grid-template-columns: 1fr 1fr 1fr 1.45fr; gap: 5px; border-top: 1px solid var(--page-line); border-bottom: 1px solid var(--page-line); padding: 8px 0; scroll-margin-top: 20px; }
.work-tabs button { min-height: 66px; border: 1px solid transparent; border-radius: 3px; color: #9caec8; background: none; font-size: 13px; line-height: 1.5; padding: 11px 15px; }
.work-tabs button > span { font-size: 11px; }
.work-tabs button:hover { background: #0b1320; }
.work-tabs button[aria-selected=true] { background: #132038; border-color: #5b77a6; color: #e1eaff; }
.work-panel { min-height: 620px; padding-top: 44px; outline: none; }
.example-heading { max-width: 820px; margin-bottom: 35px; }
.example-heading h2 { font: 400 clamp(32px,4vw,57px)/1.13 Georgia,'Times New Roman',serif; margin: 15px 0 19px; letter-spacing: -.035em; }
.example-heading > p:last-child { color: #a5b2c5; font-size: 14px; line-height: 1.9; max-width: 720px; }
.example-heading code { color: #bdd0f2; font-size: .9em; }
.kept-arrival { display: flex; justify-content: space-between; align-items: center; gap: 30px; padding: 25px 28px; background: #0c1421; border: 1px solid #3a5074; border-radius: 5px; margin-bottom: 25px; }
.kept-arrival p { margin: 9px 0 0; max-width: 760px; color: #d0ddf2; font: 24px/1.4 Georgia,'Times New Roman',serif; }
.kept-arrival button { flex-shrink: 0; }
.kept-board { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.kept-column { min-width: 0; border-top: 1px solid #506488; padding-top: 17px; }
.kept-column > header { display: flex; align-items: center; justify-content: space-between; padding: 0 4px; }
.kept-column h3 { margin: 0; color: #c4d4ee; font: 12px/1.5 'Courier New',monospace; }
.kept-column header span { color: #738db8; font: 11px 'Courier New',monospace; }
.kept-column ul { margin: 18px 0 0; padding: 0; list-style: none; }
.kept-idea { padding: 20px; border: 1px solid #28364d; background: #080d15; margin-bottom: 12px; border-radius: 4px; }
.kept-idea p { margin: 0 0 22px; font-size: 14px; line-height: 1.7; color: #c2cbda; }
.kept-idea label { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 10px; color: #7f91ae; }
.kept-idea select { max-width: 70%; min-height: 38px; padding: 7px; font-size: 11px; color: #bbcdee; background: #101a2b; border: 1px solid #3c4d69; border-radius: 3px; cursor: pointer; }
.kept-empty { color: #7e8ea6; font-size: 12px; line-height: 1.7; padding: 16px 4px; }
.kept-bottom { display: grid; grid-template-columns: minmax(0,1fr) 230px; gap: 60px; align-items: center; margin-top: 28px; }
.kept-reasons { margin: 0; border: 0; padding: 0; min-width: 0; }
.kept-reasons legend { margin: 0 0 17px; font: 25px/1.4 Georgia,'Times New Roman',serif; }
.kept-reasons label { display: flex; align-items: flex-start; gap: 13px; padding: 16px 12px; border-bottom: 1px solid #222e42; cursor: pointer; }
.kept-reasons label:hover { background: #0c1422; }
.kept-reasons input { accent-color: #8da8df; margin: 3px 0 0; width: 16px; height: 16px; flex-shrink: 0; }
.kept-reasons strong { display: block; font-size: 13px; font-weight: 400; color: #cad7ec; line-height: 1.5; }
.kept-reasons small { display: block; font-size: 11px; line-height: 1.8; margin-top: 6px; color: #8f9eb6; }
.incident-brief { border-left: 1px solid #5a75a2; padding: 8px 0 8px 25px; max-width: 950px; margin-bottom: 36px; }
.incident-brief > p:first-child { color: #abb9d0; font-size: 12px; line-height: 1.8; margin: 0 0 23px; }
.incident-brief blockquote { margin: 12px 0; font: 25px/1.5 Georgia,'Times New Roman',serif; color: #d2ddf0; }
.incident-sources { display: flex; flex-wrap: wrap; gap: 10px 23px; margin: 18px 0; }
.incident-sources a { display: inline-flex; align-items: center; min-height: 36px; font-size: 10px; color: #8da8d5; text-decoration: underline; text-underline-offset: 4px; line-height: 1.7; }
.incident-sources a:hover { color: #d5e4ff; }
.exercise-step-heading { font: 400 clamp(27px,3.3vw,43px)/1.24 Georgia,'Times New Roman',serif; margin: 25px 0; color: #e0e7f3; letter-spacing: -.025em; }
.review-choices { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 23px; }
.review-choices button { min-height: 44px; padding: 10px 18px; border-radius: 3px; color: #a8bbd9; background: #0b111c; border: 1px solid #33445f; font-size: 12px; }
.review-choices button:hover { border-color: #9bb3de; }
.review-choices button[aria-pressed=true] { background: #1a2c4b; color: #e5efff; border-color: #8ca8da; }
.review-draft { max-width: 1040px; padding: 31px; border: 1px solid #394b68; border-radius: 5px; background: #0a101b; }
.review-draft h3,.review-details h3 { font: 29px/1.3 Georgia,'Times New Roman',serif; margin: 12px 0 18px; font-weight: 400; }
.review-draft > p:not(.page-eyebrow) { font-size: 15px; line-height: 1.85; color: #c2cee0; }
.review-draft pre,.review-details pre { margin: 24px 0 9px; padding: 20px; background: #02060c; border: 1px solid #24334d; overflow: auto; font: 12px/1.9 'Cascadia Code',Consolas,monospace; color: #adc6ee; tab-size: 2; }
.review-code-label { display: block; color: #8597b5; font-size: 10px; line-height: 1.6; }
.review-details { max-width: 1040px; margin: 23px 0; border-top: 1px solid #30415e; }
.review-details summary { cursor: pointer; min-height: 50px; padding: 16px 4px; color: #aec4e9; font-size: 12px; line-height: 1.6; }
.review-details summary:hover { color: #e2edff; }
.review-details > div { padding: 0 4px 18px; }
.review-details p,.review-details li { font-size: 13px; line-height: 1.9; color: #b0bed3; }
.review-details li { padding-left: 5px; margin-bottom: 12px; }
.review-details ul { padding-left: 19px; }
.review-details .review-details { margin-left: 14px; }
.review-empty { min-height: 90px; max-width: 720px; color: #9dadc7; font-size: 14px; line-height: 1.8; }
.draft-reading-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 19px; margin: 24px 0; }
.draft-reading-grid article { padding: 24px; border: 1px solid #2c3c56; border-radius: 5px; background: #080e18; }
.draft-reading-grid article > p { font: 20px/1.75 Georgia,'Times New Roman',serif; color: #bcc9dd; }
.review-verdict > p:not(.page-eyebrow),.review-correction { font-size: 15px; line-height: 1.9; color: #b2c0d5; max-width: 900px; }
.review-ranking { list-style: none; padding: 0; max-width: 1050px; margin: 35px 0; }
.review-ranking li { display: flex; gap: 23px; padding: 23px 0; border-top: 1px solid #2b3a51; }
.review-ranking li > span { display: grid; place-items: center; align-self: start; flex: 0 0 45px; height: 45px; background: #14223b; border: 1px solid #4b6794; border-radius: 50%; font: 23px Georgia,serif; color: #adc5f1; }
.review-ranking strong { font-size: 14px; font-weight: 400; color: #d9e4f6; }
.review-ranking p { margin: 9px 0 0; color: #96a7c0; font-size: 13px; line-height: 1.8; }
.review-exercise > .page-seraphine { margin: 24px 0; max-width: 380px; }
.browser-terminal { border: 1px solid #364763; background: #03070b; border-radius: 5px; overflow: hidden; }
.terminal-title { padding: 15px 22px; border-bottom: 1px solid #2c3d58; color: #90a5c9; font: 11px/1.5 'Cascadia Code',Consolas,monospace; background: #0b111c; }
.terminal-output { min-height: 290px; max-height: 570px; overflow: auto; padding: 22px; scrollbar-gutter: stable; }
.terminal-line { margin: 0 0 17px; white-space: pre-wrap; overflow-wrap: anywhere; font: 12px/1.95 'Cascadia Code',Consolas,monospace; color: #c1cad8; }
.terminal-line-command { color: #98b6ee; margin-top: 22px; }
.terminal-line-muted { color: #8e9db5; }
.terminal-prompt { display: flex; align-items: center; gap: 11px; padding: 16px 22px; border-top: 1px solid #25334a; font: 12px/1.5 'Cascadia Code',Consolas,monospace; }
.terminal-prompt label { color: #8caee8; white-space: nowrap; }
.terminal-prompt input { flex: 1; min-width: 0; width: 100%; height: 40px; color: #e2eafa; background: transparent; border: 0; border-bottom: 1px solid #354b6b; border-radius: 0; caret-color: #a3c2fc; }
.terminal-prompt button { min-width: 49px; min-height: 40px; border: 1px solid #344b6c; background: #142035; color: #c3d7fa; font: inherit; }
.terminal-prompt button:hover { background: #263f63; }
.terminal-shortcuts { padding: 7px 22px 16px; display: flex; flex-wrap: wrap; gap: 6px; }
.terminal-shortcuts button { font: 11px/1.5 'Cascadia Code',Consolas,monospace; padding: 9px 12px; min-height: 38px; border: 1px solid #2a3a52; border-radius: 2px; color: #8ba5d2; background: #0a111c; }
.terminal-shortcuts button:hover { background: #16243c; border-color: #849bc4; }
.terminal-scope { padding: 0 22px 17px; margin: 0; color: #8592a9; font-size: 10px; line-height: 1.8; }
.terminal-note { margin: 35px 0 0 auto; }
@media(max-width:900px) {
  .kept-board { gap: 10px; }
  .kept-idea { padding: 15px; }
  .kept-idea label { align-items: start; flex-direction: column; }
  .kept-idea select { max-width: none; width: 100%; }
  .kept-bottom { grid-template-columns: 1fr; gap: 25px; }
  .kept-bottom > .page-seraphine { margin-left: auto; }
  .draft-reading-grid { grid-template-columns: 1fr; }
  .draft-reading-grid article > p { margin-bottom: 0; font-size: 21px; }
}
@media(max-width:700px) {
  .work-tabs { display: flex; overflow-x: auto; gap: 5px; }
  .work-tabs button { flex: 0 0 auto; min-width: 99px; min-height: 62px; padding: 10px 17px; font-size: 12px; }
  .work-tabs button:last-child { min-width: 175px; }
  .work-panel { padding-top: 31px; min-height: 500px; }
  .example-heading h2 { font-size: 35px; }
  .example-heading > p:last-child { font-size: 13px; }
  .kept-arrival { display: block; padding: 21px; }
  .kept-arrival p { font-size: 22px; }
  .kept-arrival button { margin-top: 20px; }
  .kept-board { grid-template-columns: 1fr; gap: 25px; }
  .kept-column ul { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .kept-idea { margin: 0; padding: 15px; }
  .kept-idea p { font-size: 12px; margin-bottom: 17px; }
  .kept-idea select { min-height: 44px; font-size: 10px; }
  .kept-reasons legend { font-size: 23px; }
  .kept-reasons label { padding-inline: 0; }
  .incident-brief { padding-left: 18px; }
  .incident-brief blockquote { font-size: 22px; }
  .review-choices { gap: 6px; }
  .review-choices button { padding: 9px 11px; font-size: 11px; }
  .review-draft { padding: 22px 17px; }
  .review-draft h3 { font-size: 27px; }
  .review-draft > p:not(.page-eyebrow) { font-size: 13px; }
  .review-draft pre,.review-details pre { font-size: 10px; padding: 15px; }
  .review-details .review-details { margin-left: 4px; }
  .terminal-output { min-height: 300px; max-height: 58svh; padding: 17px; }
  .terminal-line { font-size: 11px; }
  .terminal-prompt { flex-wrap: wrap; padding: 14px 17px; gap: 7px; }
  .terminal-prompt label { width: 100%; font-size: 11px; }
  .terminal-prompt input { font-size: 16px; }
  .terminal-shortcuts { padding-inline: 17px; }
  .terminal-shortcuts button { min-height: 44px; }
  .terminal-scope { padding-inline: 17px; }
}
@media(max-width:380px) { .kept-column ul { grid-template-columns: 1fr; } }