.custody-release-panel { margin: 26px 30px 8px; padding: 24px; border: 1px solid #c7d6e5; border-left: 5px solid #c69a34; border-radius: 10px; background: linear-gradient(145deg,#fff,#f5f8fc); }
.custody-release-panel > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.custody-release-panel > header small { color: #a57516; font-size: 11px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.custody-release-panel > header h3 { margin: 6px 0; color: #102d50; font-size: 23px; }
.custody-release-panel > header p { max-width: 800px; margin: 0; color: #536b83; font-size: 13px; line-height: 1.55; }
.custody-release-panel > header > b { white-space: nowrap; padding: 8px 11px; border-radius: 18px; font-size: 10px; text-transform: uppercase; }
.custody-release-panel > header > b.complete { background: #dff4eb; color: #087150; }
.custody-release-panel > header > b.pending { background: #fff0cb; color: #7e5908; }
.custody-release-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 19px; }
.custody-release-grid article { padding: 17px; border: 1px solid #d2dde8; border-radius: 8px; background: #fff; }
.custody-release-grid span { display: block; color: #697e92; font-size: 10px; font-weight: 850; text-transform: uppercase; }
.custody-release-grid strong { display: block; margin: 7px 0; color: #12395f; font-size: 15px; }
.custody-release-grid p { margin: 0; color: #5b7086; font-size: 12px; line-height: 1.5; }
.custody-law-note { margin-top: 14px; padding: 16px 18px; border-radius: 8px; background: #092b53; color: #e5edf5; }
.custody-law-note strong { display: block; color: #efc65f; font-size: 13px; }
.custody-law-note p { margin: 6px 0 0; font-size: 12px; line-height: 1.6; }
.custody-evidence-note { margin: 13px 2px 0; color: #64788c; font-size: 11px; line-height: 1.55; }
.withdrawal-update-timeline.four-stage { grid-template-columns: repeat(4,1fr); }
@media (max-width: 800px) { .custody-release-panel { margin: 22px 20px 6px; } .custody-release-panel > header { flex-direction: column; } .custody-release-grid, .withdrawal-update-timeline.four-stage { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .custody-release-panel { margin: 18px 17px 5px; padding: 19px; } .custody-release-panel > header h3 { font-size: 20px; } }