.storage .eyebrow { color: var(--signal); }
.storage .section-heading h2 { color: var(--signal); }
.storage .section-heading > p:last-child { color: #b9cdd0; }
.archive-stack { border: 1px solid #63868f80; background: var(--deep); }
.archive-label { display: flex; align-items: center; gap: 13px; padding: 19px 28px; border-bottom: 1px solid #63868f60; color: #a8c2c7; font: 10px/1.7 var(--mono); letter-spacing: .08em; }
.archive-label .brand-symbol { width: 36px; }
.archive-layer { display: grid; grid-template-columns: 36px minmax(0, 1fr) 142px; gap: 24px; align-items: center; padding: 31px 32px; border-bottom: 1px solid #63868f45; }
.archive-index { font: 12px var(--mono); color: #89a8b2; align-self: start; padding-top: 5px; }
.archive-layer h3 { font-size: 24px; letter-spacing: -.035em; font-weight: 500; }
.archive-layer p { max-width: 740px; font-size: 13px; line-height: 1.9; margin-top: 11px; color: #abc3c8; }
.archive-status { justify-self: end; border: 1px solid #91ac6060; padding: 6px 10px; font: 9px/1.5 var(--mono); letter-spacing: .05em; color: var(--signal); }
.planned-layer { background: #ffffff03; border-bottom-style: dashed; }
.planned-layer .archive-status { border-style: dashed; border-color: #9ab0b190; color: #b9cccc; }
.archive-output { display: flex; align-items: center; gap: 18px; padding: 20px 32px; color: var(--signal); font-size: 13px; }
.archive-output > span { font-size: 24px; line-height: 1; }
.storage-note { color: #99b6bd; font-size: 11px; line-height: 1.85; margin-top: 23px; max-width: 1080px; }
.issues { background: #e5e8dd; border-bottom: 1px solid var(--line); }
.issue-layout { display: grid; grid-template-columns: .8fr 1.3fr; gap: 64px; align-items: start; }
.issue-points { border-top: 1px solid #aebda8; }
.issue-points article { display: flex; gap: 25px; padding: 27px 0; border-bottom: 1px solid #b5c2b0; }
.issue-points h3 { font-size: 22px; letter-spacing: -.035em; }
.issue-points p { color: var(--muted); font-size: 13px; line-height: 1.9; margin-top: 13px; }
.issue-card { min-width: 0; background: var(--white); border: 1px solid #819a81; box-shadow: 10px 10px 0 #c4cebc; padding: 0 29px 25px; }
.issue-card figcaption { font: 8px/1.6 var(--mono); letter-spacing: .06em; background: var(--ink); color: #b8ccca; padding: 14px 20px; margin: 0 -29px; }
.agent-a { --agent-color: #285b60; --agent-bg: #e3eeea; --agent-border: #b6cdca; }
.agent-b { --agent-color: #64517e; --agent-bg: #eee8f3; --agent-border: #cfc2de; }
.issue-agents { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.issue-agent { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 13px 12px; border: 1px solid var(--agent-border); background: var(--agent-bg); color: var(--agent-color); position: relative; }
.issue-agent::after { content: ""; position: absolute; height: 15px; width: 1px; background: #9aaf97; left: 50%; top: 100%; }
.agent-avatar { display: grid; place-items: center; flex-shrink: 0; width: 29px; height: 29px; background: var(--agent-color); color: white; font: 13px var(--mono); }
.issue-agent strong { display: block; font-size: 11px; line-height: 1.6; font-weight: 600; }
.agent-service { display: block; font: 10px/1.6 var(--mono); margin-top: 3px; }
.issue-shared { display: flex; justify-content: center; align-items: center; gap: 9px; text-align: center; border: 1px solid #bac9b1; background: #edf1df; padding: 10px 12px; margin-top: 15px; color: #466447; font-size: 11px; line-height: 1.6; }
.issue-shared .brand-symbol { width: 28px; }
.issue-heading { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-block: 25px; border-bottom: 1px solid #d0d7c5; }
.issue-heading h3 { font-size: 24px; letter-spacing: -.045em; }
.issue-status { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; font-size: 9px; color: #48634f; background: #e4edcf; border: 1px solid #bccda4; padding: 5px 9px; }
.issue-label { font: 9px/1.6 var(--mono); letter-spacing: .08em; color: #67806b; margin-top: 22px; }
.issue-evidence { list-style: none; margin: 12px 0 24px; padding: 0; border: 1px solid #d0d7c5; }
.issue-evidence li { display: flex; align-items: center; gap: 11px; padding: 12px 13px; font-size: 11px; line-height: 1.6; background: #f0f2e7; }
.issue-evidence li + li { border-top: 1px solid #d0d7c5; }
.issue-evidence svg { width: 17px; height: 15px; color: var(--sea); flex-shrink: 0; }
.issue-evidence span { min-width: 0; overflow-wrap: anywhere; }
.issue-timeline { list-style: none; padding: 0; margin: 13px 0 0; }
.issue-timeline li { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 12px; padding: 0 0 25px; position: relative; }
.issue-timeline li:not(:last-child)::after { content: ""; position: absolute; left: 12px; top: 32px; bottom: 5px; width: 1px; background: #c1ceba; }
.timeline-dot { display: grid; place-items: center; width: 26px; height: 26px; background: var(--agent-bg, #e5eadc); color: var(--agent-color, #6b8a6b); border: 1px solid var(--agent-border, #c1ceba); font: 11px/1 var(--mono); margin-top: 1px; }
.timeline-author { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; min-height: 28px; }
.agent-work-state { font-size: 9px; line-height: 1.6; padding: 3px 7px; color: var(--agent-color); background: var(--agent-bg); border: 1px solid var(--agent-border); }
.issue-timeline .agent-b { border-left: 2px solid #9883af; padding: 12px 12px 21px; margin: 0 -12px 15px -14px; background: #f4f0f7; }
.issue-timeline .agent-b::after { left: 24px; top: 44px; bottom: 0; }
.issue-timeline strong { font-size: 10px; font-weight: 600; color: #466447; }
.issue-timeline p { font-size: 12px; line-height: 1.8; margin-top: 7px; color: var(--muted); }
.issue-timeline .issue-decision { background: #ecf2d4; padding: 14px; margin: 0 -13px; border: 1px solid #cfdbad; }
.issue-decision .timeline-dot { background: #c9df8a; color: #2e481e; font-size: 9px; }
.issues .fine-print { margin-top: 28px; }
@media (max-width: 1100px) {
  .issue-layout { gap: 45px; }
  .archive-layer { grid-template-columns: 30px minmax(0, 1fr) 125px; }
  .main-nav { gap: 22px; }
}
@media (max-width: 1000px) {
  .issue-layout { grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 760px) {
  .archive-label { padding: 17px 20px; font-size: 8px; }
  .archive-layer { grid-template-columns: 23px minmax(0, 1fr); gap: 12px; padding: 24px 20px; }
  .archive-index { font-size: 10px; }
  .archive-layer h3 { font-size: 22px; }
  .archive-layer p { font-size: 12px; line-height: 1.85; }
  .archive-status { grid-column: 2; justify-self: start; font-size: 8px; padding: 5px 8px; }
  .archive-output { font-size: 11px; padding: 20px; gap: 13px; }
  .storage-note { font-size: 10px; }
  .issue-layout { grid-template-columns: 1fr; gap: 32px; }
  .issue-points article { padding: 22px 0; gap: 23px; }
  .issue-points h3 { font-size: 21px; }
  .issue-points p { font-size: 12px; }
  .issue-card { margin-right: 7px; padding-inline: 22px; }
  .issue-card figcaption { margin-inline: -22px; font-size: 7px; }
  .issue-heading h3 { font-size: 22px; }
  .issue-heading { gap: 10px; flex-wrap: wrap; }
  .issue-status { font-size: 8px; padding-inline: 7px; }
  .issue-evidence li { font-size: 10px; }
  .issue-timeline p { font-size: 11px; }
  .issue-agents { gap: 8px; }
  .issue-agent { padding: 11px 9px; gap: 8px; flex-wrap: wrap; align-content: start; }
  .issue-agent strong { font-size: 10px; }
  .agent-service { font-size: 9px; }
  .issue-shared { font-size: 10px; }
  .timeline-author { align-items: start; flex-direction: column; gap: 5px; }
}
@media print {
  .storage { background: white; color: black; }
  .storage .section-heading h2, .storage .section-heading > p:last-child, .storage-note { color: #333; }
  .archive-stack { background: white; }
  .archive-layer h3, .archive-layer p, .archive-status, .archive-label, .archive-output { color: #333; }
  .issue-layout { display: block; }
  .issue-card { box-shadow: none; margin-top: 20px; break-inside: avoid; }
}
