.stage-panel { grid-template-columns: .9fr 1.1fr; min-height: 420px; }
.stage-art { display: block; padding: 0; color: #203644; }
.update-document { width: 100%; max-width: 330px; margin: auto; padding: 24px; background: #f7f5ec; border: 1px solid #d5d8cc; border-radius: 8px 8px 24px 8px; box-shadow: 10px 10px 0 #0d1d2755; }
.document-heading { display: flex; align-items: center; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid #d3d9d0; font: 10px/1.6 var(--mono); letter-spacing: .6px; color: #5d6b70; }
.document-heading svg { width: 32px; height: 32px; flex-shrink: 0; }
.document-status { display: inline-block; margin: 16px 0 10px; padding: 4px 9px; border-radius: 4px; color: #43565f; background: #e4e9e3; font: 11px/1.6 var(--mono); }
.update-document h4 { margin: 0 0 10px; font-size: 19px; line-height: 1.35; letter-spacing: -.4px; }
.document-body { font-size: 13px; line-height: 1.7; color: #58636d; min-height: 67px; }
.document-lines { display: grid; gap: 7px; margin: 16px 0 20px; }
.document-lines i { height: 3px; width: 100%; background: #b4c1bd; border-radius: 2px; }
.document-lines i:nth-child(2) { width: 87%; }
.document-lines i:nth-child(3) { width: 62%; }
.document-stamp { display: flex; gap: 9px; align-items: center; min-height: 32px; border-top: 1px solid #d3d9d0; padding-top: 12px; font: 11px/1.6 var(--mono); color: #52656a; }
.document-stamp > span:first-child { display: grid; place-items: center; flex: 0 0 24px; height: 24px; font: 18px var(--sans); }
[data-document-state=schedule] .document-lines { opacity: .35; }
[data-document-state=review] .document-status { background: #f5dfa4; color: #654815; }
[data-document-state=review] .document-stamp { color: #79581c; }
[data-document-state=act] .document-status { background: #203644; color: #f7e6b8; }
[data-document-state=act] .document-stamp > span:first-child { background: #f0b849; color: #203644; border-radius: 50%; }
.ownership { border-radius: 0; }
.feature-close { display: block; position: relative; background: var(--cream); color: var(--ink); box-shadow: none; clip-path: none; padding: 54px 0 72px; }
.feature-close::before { content: ''; position: absolute; top: -23px; left: 0; width: 100%; height: 24px; background: var(--cream); border-radius: 60% 35% 0 0 / 100% 65% 0 0; pointer-events: none; }
.feature-close::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 40px; background: url('assets/stack-bottom.svg') center / 100% 100% no-repeat; pointer-events: none; }
.feature-close > .feature-close-inner { max-width: 1440px; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.feature-close-inner > div { max-width: 680px; }
.feature-close-inner > .button { flex-shrink: 0; background: #203644; color: #f5d48b; }
.feature-close-inner > .button:hover { background: #2b4758; }
.feature-close .eyebrow { color: #7a5d23; font-size: 11px; }
.feature-close p:not(.eyebrow) { max-width: 620px; color: #58635f; }
@media(max-width:800px) { .stage-panel { gap: 26px; } }
@media(max-width:800px) { .feature-close > .feature-close-inner { flex-direction: column; align-items: flex-start; gap: 22px; } }
@media(max-width:540px) { .feature-close { padding-top: 34px; padding-bottom: 60px; } }
@media(max-width:540px) { .stage-panel { grid-template-columns: 1fr; gap: 30px; min-height: 0; padding: 24px 18px; }.update-document { max-width: 300px; padding: 20px; }.document-body { min-height: 0; }.feature-close > .button { max-width: 100%; } }