/* Responsibility is an evidence desk, not another uniform light card. */
body.ai-atelier #activity-stage[data-activity="responsibility"] {
  color-scheme: dark;
  color: #d8e4f3;
  background: #0d1b2b;
  border: 1px solid #3b506b;
  border-radius: 12px;
  padding: 22px 25px;
  box-shadow: 0 18px 50px #0003;
  overflow: visible;
}
.responsibility-desk { min-width: 0; color: #d5e0ee; }
.responsibility-desk .rd-desk-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 15px; }
.responsibility-desk .rd-desk-title { display: flex; align-items: baseline; gap: 14px; }
.responsibility-desk .rd-index { font: 10px "Segoe UI",sans-serif; letter-spacing: .16em; color: #93b4d1; }
.responsibility-desk .rd-desk-title strong { color: #e3ebf6; font-size: 17px; font-weight: 500; letter-spacing: .09em; }
.responsibility-desk .rd-fiction { font-size: 11px; color: #dec69d; border: 1px solid #9c845750; padding: 3px 9px; border-radius: 3px; white-space: nowrap; }
.responsibility-desk .ov-responsibility-tabs { padding-bottom: 12px; margin-bottom: 14px !important; border-bottom: 1px solid #34465d; }
body.ai-atelier #activity-stage .responsibility-desk .ov-responsibility-tabs button { color: #aebfd5; background: transparent; border-color: #48617f; box-shadow: none; }
body.ai-atelier #activity-stage .responsibility-desk .ov-responsibility-tabs button[aria-pressed="true"] { color: #d3ecff; background: #25405b; border-color: #91b9dc; box-shadow: inset 2px 0 #a1d8fa; }
.responsibility-desk > .ex-question { color: #e0e9f5 !important; font-size: 23px; line-height: 1.6; margin: 15px 0 20px; }
.responsibility-desk > .ex-note { background: #1a2d42 !important; color: #b9cee6 !important; border-left-color: #809fc3 !important; }
.responsibility-desk .ov-evidence-instruction { color: #adc3dc; font-size: 13px; margin: 0 0 18px; }

/* Four handoff points sit on a shared track; ownership choices remain original. */
.responsibility-desk .rd-handoff-track { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 25px; position: relative; margin: 15px 0 7px; }
.responsibility-desk .rd-handoff-stop { border: 0; padding: 5px 0 0; text-align: center; position: relative; min-width: 0; }
.responsibility-desk .rd-handoff-stop:not(:last-child)::after { content: "→"; position: absolute; left: calc(50% + 38px); right: -50%; top: 38px; color: #7194b8; font-size: 25px; letter-spacing: 3px; text-align: center; pointer-events: none; }
.responsibility-desk .rd-role-node { position: relative; height: 76px; width: 76px; border: 1px solid #7599bd; border-radius: 50%; margin: 0 auto 14px; display: grid; place-items: center; background: #152a40; box-shadow: 0 0 0 7px #28415e29; }
.responsibility-desk .rd-role-node .ov-symbol { color: #b8d7ef; width: 34px; height: 34px; margin: 0; }
.responsibility-desk .rd-step-index { position: absolute; top: -7px; left: -7px; font-size: 10px; font-variant-numeric: tabular-nums; color: #afc9e1; background: #0d1b2b; padding: 1px 5px; }
.responsibility-desk .rd-handoff-stop:last-child .rd-role-node { border-radius: 12px; border-color: #c3a779; }
.responsibility-desk .rd-handoff-stop > strong { color: #e1e9f5; font-size: 18px; }
.responsibility-desk .rd-handoff-stop > small { color: #a1b6ce; font-size: 11px; min-height: 26px; }
.responsibility-desk .rd-current-owner { display: flex; gap: 10px; align-items: baseline; justify-content: center; margin: 8px 0; }
.responsibility-desk .rd-current-owner small { color: #90a8c3; font-size: 10px; }
.responsibility-desk .rd-current-owner strong { color: #c2def3; font-size: 19px; font-weight: 500; }
.responsibility-desk .ov-role-buttons { flex-wrap: wrap; }
body.ai-atelier #activity-stage .responsibility-desk .ov-role-buttons button { color: #b4c9e3; background: #122236; border-color: #48627f; box-shadow: none; }
body.ai-atelier #activity-stage .responsibility-desk .ov-role-buttons button[aria-pressed="true"] { color: #122b43; background: #b6d7ed; border-color: #c6e4f7; box-shadow: none; }
.responsibility-desk .rd-track-caption { color: #9eb4cd; font-size: 12px; text-align: center; margin: 18px 0 20px; }
body.ai-atelier #activity-stage .responsibility-desk .ov-role-actions button { color: #d5e3f5; background: #1d344c; border-color: #6382a3; }
body.ai-atelier #activity-stage .responsibility-desk .ov-role-actions .ex-primary { color: #142c43; background: #acd9f2; border-color: #c7e9fa; }

/* Sources and a full notification page are joined by measured, truthful paths. */
.responsibility-desk .rd-evidence-canvas { display: grid; grid-template-columns: minmax(165px,.65fr) minmax(0,1.55fr); gap: clamp(65px,8vw,118px); align-items: start; position: relative; min-width: 0; }
.responsibility-desk .rd-sources { display: grid; gap: 10px; padding-top: 20px; min-width: 0; }
body.ai-atelier #activity-stage .responsibility-desk .rd-sources h3 { color: #bfd3e9; font-size: 15px; font-weight: 500; margin: 0; }
.responsibility-desk .rd-source-note { color: #91abc9; font-size: 11px; line-height: 1.7; margin: -3px 0 8px; }
body.ai-atelier #activity-stage .responsibility-desk .rd-sources .ov-evidence-source { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 6px !important; text-align: left !important; padding: 13px 14px !important; background: #172b41; color: #d1e1f1; border: 1px solid #54708f; border-radius: 5px; min-height: 83px !important; box-shadow: none; position: relative; }
body.ai-atelier #activity-stage .responsibility-desk .rd-sources .ov-evidence-source small { color: #a3bdd8; font-size: 10px; opacity: 1; }
body.ai-atelier #activity-stage .responsibility-desk .rd-sources .ov-evidence-source strong { color: #d6e4f2; font-size: 14px; line-height: 1.7; font-weight: 500; }
body.ai-atelier #activity-stage .responsibility-desk .rd-sources .ov-evidence-source:hover { background: #213b55; border-color: #91b6da; }
body.ai-atelier #activity-stage .responsibility-desk .rd-sources .ov-evidence-source[aria-pressed="true"] { background: #294966; border-color: #b6d7f2; box-shadow: inset 3px 0 #b6d7f2; }
.responsibility-desk .rd-source-gap { border-top: 1px dashed #506681; display: flex; align-items: center; gap: 10px; padding-top: 10px; margin-top: 7px; }
.responsibility-desk .rd-gap-symbol { font-size: 25px; color: #b4a78f; letter-spacing: 2px; }
body.ai-atelier #activity-stage .responsibility-desk button.rd-missing-source { color: #d9c9af; border: 1px dashed #ad9471; background: #322f2a; font-size: 12px !important; margin: 0; min-height: 40px !important; padding: 8px 12px !important; flex: 1; box-shadow: none; }
body.ai-atelier #activity-stage .responsibility-desk button.rd-missing-source[aria-pressed="true"] { background: #544331; border-color: #d9be8d; box-shadow: inset 2px 0 #d9be8d; }
.responsibility-desk .rd-notice-paper { color-scheme: light; color: #25384c; background: #f7f5ef; border: 1px solid #d7d3c8; border-radius: 3px; padding: 23px 25px 15px; box-shadow: 0 12px 32px #0004, 4px 4px 0 #cdd3d51a; min-width: 0; }
.responsibility-desk .rd-paper-heading { border-bottom: 1px solid #c9c9c1; padding-bottom: 14px; margin-bottom: 10px; }
.responsibility-desk .rd-paper-heading small { color: #6a737b; font-size: 10px; letter-spacing: .12em; }
body.ai-atelier #activity-stage .responsibility-desk .rd-paper-heading h3 { color: #233b4e; font-size: 22px; letter-spacing: .06em; font-weight: 500; line-height: 1.6; margin: 5px 0 0; }
.responsibility-desk .rd-notice-lines { display: grid; gap: 3px; }
body.ai-atelier #activity-stage .responsibility-desk .rd-notice-lines .ov-evidence-claim { display: grid !important; grid-template-columns: 18px minmax(0,1fr); gap: 4px 9px !important; width: 100%; color: #294254; background: transparent; border: 1px solid transparent; border-left: 2px solid #bcc4c8; border-radius: 2px; padding: 11px 12px !important; min-height: 82px !important; text-align: left; box-shadow: none; }
body.ai-atelier #activity-stage .responsibility-desk .rd-notice-lines .ov-evidence-claim:hover { color: #233b53; background: #e8edf0; border-color: #a9bacb; }
body.ai-atelier #activity-stage .responsibility-desk .rd-notice-lines .ov-evidence-claim[aria-pressed="true"] { color: #263f5a; background: #e6edf5; border-color: #7393b8; border-left: 3px solid #476f9e; box-shadow: none; }
.responsibility-desk .rd-line-heading { grid-column: 2; display: flex; align-items: baseline; justify-content: space-between; gap: 10px; color: #647180; font-size: 10px; line-height: 1.5; }
.responsibility-desk .rd-disposition { white-space: nowrap; border-bottom: 1px solid #a9b7c5; }
.responsibility-desk .rd-notice-lines .ov-evidence-number { grid-column: 1; grid-row: 1 / span 3; color: #76818a; font-size: 11px; opacity: 1; }
.responsibility-desk .rd-notice-lines .ov-evidence-claim strong { grid-column: 2; grid-row: 2; color: inherit; font-size: 16px; line-height: 1.75; font-weight: 500; }
.responsibility-desk .rd-notice-lines .ov-evidence-badge { grid-column: 2; grid-row: 3; color: #627082; font-size: 10px; max-width: none; text-align: left; opacity: 1; }
body.ai-atelier #activity-stage .responsibility-desk .ov-evidence-claim[data-rd-link="missing"] { border-left-style: dashed; }
.responsibility-desk .ov-evidence-claim[data-rd-decision="delete"] strong { font-style: italic; }
.responsibility-desk .rd-action-label { margin-top: 15px; padding-top: 12px; border-top: 1px solid #c9c9c1; color: #627183; font-size: 11px; }
.responsibility-desk .ov-evidence-decisions { gap: 6px !important; margin: 9px 0 12px !important; }
body.ai-atelier #activity-stage .responsibility-desk .ov-evidence-decisions button { color: #344c69; background: #fffefb; border: 1px solid #a8b6c6; min-height: 39px !important; padding: 8px 11px !important; font-size: 12px !important; margin: 0; box-shadow: none; }
body.ai-atelier #activity-stage .responsibility-desk .ov-evidence-decisions button[aria-pressed="true"] { color: #26416c; background: #dde7f4; border-color: #6e8ab4; box-shadow: inset 0 -2px #6e8ab4; }
body.ai-atelier #activity-stage .responsibility-desk .ov-evidence-decisions .ex-primary { color: #fff; background: #365a87; border-color: #365a87; margin-left: auto; }
.responsibility-desk .rd-notice-paper .ov-evidence-guidance { color: #4d6177; background: #e7ebee; border-left: 2px solid #8298b4; font-size: 12px; line-height: 1.7; padding: 8px 11px; margin: 0; }
.responsibility-desk .rd-document-note { color: #727b83; font-size: 10px; line-height: 1.7; margin: 12px 0 0; }
.responsibility-desk .rd-evidence-links { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; z-index: 4; overflow: visible; pointer-events: none; }
.responsibility-desk .rd-link path { stroke: #7f9dbc; stroke-width: 1.2; opacity: .6; }
.responsibility-desk .rd-link circle { fill: #0d1b2b; stroke: #8eaac7; stroke-width: 1.2; }
.responsibility-desk .rd-link-current path { stroke: #b7dcf5; stroke-width: 2.3; opacity: 1; }
.responsibility-desk .rd-link-current circle { fill: #b7dcf5; stroke: #b7dcf5; }
.responsibility-desk .rd-link-absent path { stroke: #c1aa84; stroke-dasharray: 4 4; }
.responsibility-desk .rd-link-absent circle { fill: #0d1b2b; stroke: #c1aa84; }
.responsibility-desk .rd-line-legend { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px 20px; font-size: 10px; color: #9ab2cc; margin: 15px 0 0; }
.responsibility-desk .rd-line-legend > span { display: inline-flex; align-items: center; gap: 7px; }
.responsibility-desk .rd-legend-linked::before, .responsibility-desk .rd-legend-missing::before { content: ""; width: 23px; border-top: 1px solid #9fbdd9; pointer-events: none; }
.responsibility-desk .rd-legend-missing::before { border-top-style: dashed; border-color: #c1aa84; }
.responsibility-desk .rd-legend-caution { color: #95abc3; }

/* The retained review is presented as a paper evidence ledger. */
.responsibility-desk .rd-review-paper { color-scheme: light; color: #2c4155; background: #f7f5ef; border: 1px solid #c9cec9; padding: 22px 25px; border-radius: 3px; }
.responsibility-desk .rd-review-paper .ov-evidence-chain { border-color: #bcc9ce; margin: 0 0 18px; }
.responsibility-desk .rd-review-paper .ov-evidence-chain-row { border-color: #c5cfd3; padding: 14px 0; grid-template-columns: 1.2fr .65fr 1.15fr; }
.responsibility-desk .rd-review-paper .ov-evidence-chain-row strong { color: #2a4155; font-size: 15px; }
.responsibility-desk .rd-review-paper .ov-evidence-chain-row small { color: #66798b; font-size: 11px; }
.responsibility-desk .rd-review-paper .ov-evidence-chain-link { border-left-color: #7898ba; color: #355779; }
.responsibility-desk .rd-review-paper .ov-evidence-chain-next { color: #506b82; font-size: 13px; }
.responsibility-desk .rd-review-paper .ov-evidence-reason { color: #536b80; font-size: 13px; }
body.ai-atelier #activity-stage .responsibility-desk .rd-review-paper input { color: #263e59; background: #fff; border-color: #a5b6c9; }
.responsibility-desk .ov-evidence-footer .ov-evidence-limit { color: #a4bad3; }
body.ai-atelier #activity-stage .responsibility-desk .ov-evidence-footer button { color: #d2e3f5; background: #1b344e; border-color: #688aaf; }
body.ai-atelier #activity-stage .responsibility-desk :is(.rd-notice-paper,.rd-review-paper) :is(button,input):focus-visible { outline: 3px solid #956026; outline-offset: 3px; }

@media (max-width: 900px) {
  .responsibility-desk .rd-evidence-canvas { grid-template-columns: minmax(145px,.7fr) minmax(0,1.6fr); gap: 65px; }
  .responsibility-desk .rd-notice-paper { padding: 19px 18px 14px; }
  body.ai-atelier #activity-stage .responsibility-desk .rd-paper-heading h3 { font-size: 19px; }
  .responsibility-desk .rd-handoff-track { gap: 15px; }
  .responsibility-desk .rd-role-node { width: 62px; height: 62px; }
  .responsibility-desk .rd-handoff-stop:not(:last-child)::after { top: 29px; left: calc(50% + 31px); }
}
@media (max-width: 700px) {
  body.ai-atelier #activity-stage[data-activity="responsibility"] { padding: 17px 15px; }
  .responsibility-desk .rd-desk-heading { gap: 10px; align-items: flex-start; }
  .responsibility-desk .rd-desk-title { display: grid; gap: 3px; }
  .responsibility-desk .rd-index { font-size: 8px; }
  .responsibility-desk .rd-desk-title strong { font-size: 16px; }
  .responsibility-desk .rd-fiction { font-size: 9px; white-space: normal; }
  .responsibility-desk .rd-handoff-track { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 18px; }
  .responsibility-desk .rd-handoff-stop:nth-child(2)::after { display: none; }
  .responsibility-desk .rd-evidence-canvas { grid-template-columns: minmax(0,1fr); gap: 20px; }
  .responsibility-desk .rd-evidence-links { display: none; }
  .responsibility-desk .rd-sources { padding-top: 0; gap: 8px; }
  .responsibility-desk .rd-source-note { margin-bottom: 1px; }
  body.ai-atelier #activity-stage .responsibility-desk .rd-sources .ov-evidence-source { padding: 9px 12px !important; min-height: 60px !important; gap: 3px !important; }
  body.ai-atelier #activity-stage .responsibility-desk .rd-sources .ov-evidence-source strong { font-size: 13px; }
  .responsibility-desk .rd-source-gap { margin-top: 0; padding-top: 7px; }
  .responsibility-desk .rd-notice-paper { padding: 18px 14px 13px; }
  .responsibility-desk .rd-line-heading { font-size: 9px; }
  .responsibility-desk .rd-notice-lines .ov-evidence-claim strong { font-size: 15px; }
  body.ai-atelier #activity-stage .responsibility-desk .rd-notice-lines .ov-evidence-claim { grid-template-columns: 14px minmax(0,1fr); padding: 10px 8px !important; min-height: 82px !important; }
  .responsibility-desk .rd-notice-lines .ov-evidence-badge { max-width: none; grid-column: 2; text-align: left; }
  .responsibility-desk .ov-evidence-decisions button { flex: initial !important; }
  body.ai-atelier #activity-stage .responsibility-desk .ov-evidence-decisions .ex-primary { flex-basis: 100% !important; margin: 5px 0 0; }
  .responsibility-desk .rd-line-legend { justify-content: flex-start; gap: 7px 16px; }
  .responsibility-desk .rd-review-paper { padding: 18px 15px; }
  .responsibility-desk .rd-review-paper .ov-evidence-chain-row { grid-template-columns: 1fr .6fr; gap: 9px; }
  .responsibility-desk .rd-review-paper .ov-evidence-chain-next { grid-column: 1/-1; }
}
@media print {
  body.ai-atelier #activity-stage[data-activity="responsibility"], .responsibility-desk { background: #fff; color: #233b4d; box-shadow: none; }
  .responsibility-desk .rd-evidence-links { display: none; }
}

/* Read-only close-up of the learner's current evidence pair. */
.responsibility-desk .rd-focus-panel { margin: 0 0 20px; padding: 14px 17px 11px; border: 1px solid #63829b; border-left: 3px solid #a1cadf; border-radius: 7px; background: linear-gradient(115deg,#19364b,#142538); min-width: 0; }
.responsibility-desk .rd-focus-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 10px; }
.responsibility-desk .rd-focus-heading > div { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 12px; min-width: 0; }
.responsibility-desk .rd-focus-eyebrow { font: 10px "Segoe UI",sans-serif; letter-spacing: .1em; color: #b3cedf; }
.responsibility-desk .rd-focus-heading strong { color: #e4f1f7; font-size: 16px; font-weight: 500; line-height: 1.6; }
body.ai-atelier #activity-stage .responsibility-desk button.rd-focus-toggle { flex-shrink: 0; min-height: 36px; padding: 6px 11px; font-size: 12px; background: #203d52; border: 1px solid #9abed3; color: #e0f2fa; box-shadow: none; }
body.ai-atelier #activity-stage .responsibility-desk button.rd-focus-toggle:hover { background: #2d5168; border-color: #c1e1ec; }
body.ai-atelier #activity-stage .responsibility-desk button.rd-focus-toggle:focus-visible { outline: 3px solid #e9c78e; outline-offset: 3px; }
.responsibility-desk .rd-focus-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; min-width: 0; }
.responsibility-desk .rd-focus-pair article { min-width: 0; border: 1px solid #537087; border-radius: 4px; padding: 10px 13px; background: #102235; }
.responsibility-desk .rd-focus-pair small { display: block; color: #adc6da; font-size: 11px; line-height: 1.7; }
.responsibility-desk .rd-focus-pair .rd-focus-quote { color: #edf5fa; font-size: 18px; line-height: 1.8; margin: 6px 0 0; overflow-wrap: anywhere; }
.responsibility-desk .rd-focus-pair mark { color: #f2e6c9; background: #6b583847; border-bottom: 1px solid #c5ad7c; padding: 0 1px; }
.responsibility-desk .rd-focus-pair .rd-focus-current { color: #b8ccdc; font-size: 11px; line-height: 1.8; margin: 8px 0 0; border-top: 1px dashed #49627a; padding-top: 6px; overflow-wrap: anywhere; }
.responsibility-desk .rd-focus-pair .rd-focus-empty { color: #c4d2dd; font-size: 15px; line-height: 1.8; margin: 7px 0 0; }
.responsibility-desk .rd-focus-question { color: #c1d6e5; font-size: 12px; line-height: 1.8; margin: 8px 0 0; }
.responsibility-desk .rd-focus-expanded .rd-focus-pair { gap: 18px; }
.responsibility-desk .rd-focus-expanded .rd-focus-pair article { padding: 15px 18px; }
.responsibility-desk .rd-focus-expanded .rd-focus-pair .rd-focus-quote { font-size: clamp(22px,2.1vw,30px); line-height: 1.8; }
.fl-large .responsibility-desk .rd-focus-pair .rd-focus-quote { font-size: 23px; }
@media(min-width:1600px) { .responsibility-desk .rd-focus-heading strong { font-size: 20px; } .responsibility-desk .rd-focus-pair .rd-focus-quote { font-size: 23px; } .responsibility-desk .rd-focus-question { font-size: 15px; } .responsibility-desk .rd-focus-pair small { font-size: 14px; } }
@media(max-width:700px) { .responsibility-desk .rd-focus-panel { padding: 12px 11px 10px; } .responsibility-desk .rd-focus-heading { align-items: flex-start; gap: 9px; } .responsibility-desk .rd-focus-heading > div { display: grid; gap: 3px; } .responsibility-desk .rd-focus-eyebrow { font-size: 8px; } .responsibility-desk .rd-focus-heading strong { font-size: 15px; } body.ai-atelier #activity-stage .responsibility-desk button.rd-focus-toggle { min-height: 38px; font-size: 11px; padding: 7px 9px; } .responsibility-desk .rd-focus-pair { grid-template-columns: minmax(0,1fr); gap: 8px; } .responsibility-desk .rd-focus-pair article { padding: 9px 11px; } .responsibility-desk .rd-focus-pair .rd-focus-quote { font-size: 17px; } .responsibility-desk .rd-focus-expanded .rd-focus-pair { gap: 9px; } .responsibility-desk .rd-focus-expanded .rd-focus-pair .rd-focus-quote { font-size: 22px; } .responsibility-desk .rd-focus-expanded .rd-focus-pair article { padding: 12px; } }
@media print { .responsibility-desk .rd-focus-toggle { display: none; } .responsibility-desk .rd-focus-panel,.responsibility-desk .rd-focus-pair article { background: #fff; border-color: #7b8d96; } .responsibility-desk .rd-focus-heading strong,.responsibility-desk .rd-focus-pair .rd-focus-quote,.responsibility-desk .rd-focus-question { color: #233b4d; } }
