.mail-entry { display:inline-flex;align-items:center;gap:7px;white-space:nowrap;background:#142841;color:#dceaff;border:1px solid #6883a2;padding:8px 12px;font:inherit;cursor:pointer; }
.mail-entry b { font-size:11px;color:#a7c5e8; }
.mail-modal { --mail-ink:#dce8f5;--mail-muted:#9fb5cf;--mail-line:#3b536d;color:var(--mail-ink);background:#101e31;max-width:940px; }
.mail-header { position:relative;padding-right:55px; }
.mail-modal>.modal-close { z-index:5; }
.mail-header h2 { margin-top:17px;max-width:650px; }
.mail-route { display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--mail-muted); }
.mail-route i { font-style:normal;color:#6b96b5; }
.mail-stamp { display:inline-block;padding:5px 12px;border:1px solid #79a3b8;color:#b4d9dd;font-size:12px;transform:rotate(-3deg);margin:0 0 22px; }
.mail-chapters { display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--mail-line);border:1px solid var(--mail-line);margin:6px 0 26px; }
.mail-chapters button { padding:14px 8px;text-align:left;background:#14253b;color:var(--mail-muted);font:inherit;font-size:13px;border:0;cursor:pointer; }
.mail-chapters small { display:block;font:10px ui-monospace,monospace;margin-bottom:7px;letter-spacing:.07em; }
.mail-chapters [aria-pressed=true] { background:#d2e4ed;color:#162d43;box-shadow:inset 0 -3px #8bbfc6; }
.mail-section-heading span,.mail-letter small { font:11px ui-monospace,monospace;letter-spacing:.12em;color:#91b7ca; }
.mail-section-heading h3 { font-family:Georgia,"Noto Serif SC","Songti SC",serif;font-size:25px;margin:9px 0; }
.mail-section-heading p,.mail-delivery p,.mail-optional p,.mail-letter p { color:var(--mail-muted);font-size:13px;line-height:1.8; }
.mail-manifest ul { padding:0;list-style:none;margin:20px 0; }
.mail-item { display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid var(--mail-line); }
.mail-item>span { color:#8494aa;font-size:18px; }
.mail-item.is-ready>span { color:#8fd0c1; }
.mail-item div { flex:1;min-width:0; }
.mail-item strong { display:block;font-size:15px;font-weight:500; }
.mail-item small { display:block;color:var(--mail-muted);font-size:11px;line-height:1.6;margin-top:5px; }
.mail-item button { flex-shrink:0;background:transparent;border:1px solid #4c6881;color:#c6def0;padding:7px 11px;font:inherit;font-size:12px;cursor:pointer; }
.mail-evidence { margin-top:9px;font-size:12px;color:var(--mail-muted); }
.mail-evidence summary { cursor:pointer;line-height:1.8; }
.mail-evidence p { line-height:1.7;font-size:11px; }
.mail-record { padding:7px 10px;margin-top:8px;background:#0d192a;border-left:2px solid #4f7189; }
.mail-record dl { margin:4px 0; }.mail-record dl div { display:flex;flex-wrap:wrap;gap:5px 12px;line-height:1.8; }
.mail-record dt { color:#9eb2c6; }.mail-record dd { margin:0;color:#d0e1ec;overflow-wrap:anywhere; }
.mail-delivery { display:flex;align-items:center;gap:20px;border-top:1px solid var(--mail-line);padding-top:15px; }
.mail-delivery p { flex:1; }
.mail-delivery button { width:auto;min-width:160px; }
.mail-delivery button:disabled { opacity:.45;cursor:default; }
.mail-optional { border-top:1px dashed var(--mail-line);margin-top:25px;padding-top:18px; }
.mail-optional summary { cursor:pointer;color:#a7bed3;font-size:13px; }
.mail-receipt { margin:18px 0;padding:24px;background:#d8e4e5;color:#203b4c;border-left:5px solid #79a7b1; }
.mail-receipt small { font:11px ui-monospace,monospace;letter-spacing:.13em; }
.mail-receipt blockquote { margin:17px 0;line-height:1.9;font-family:Georgia,"Noto Serif SC","Songti SC",serif;font-size:18px; }
.mail-receipt p { text-align:right;font-size:13px; }
.mail-receipt span { display:block;border-top:1px solid #9fb4bb;padding-top:13px;font-size:12px;line-height:1.8; }
.mail-letter { margin-top:26px;border-top:1px solid var(--mail-line);padding-top:20px; }
.mail-modal button:focus-visible,.mail-entry:focus-visible,.mail-optional summary:focus-visible { outline:2px solid #abd2e8;outline-offset:3px; }
@media(max-width:650px) {
  .mail-entry { padding:7px 8px;font-size:12px; }.mail-entry b { display:none; }
  .mail-header { padding-right:20px; }.mail-header h2 { font-size:27px; }
  .mail-chapters { display:flex;overflow:auto; }.mail-chapters button { flex:0 0 125px; }
  .mail-delivery { display:block; }.mail-delivery button { width:100%; }
  .mail-item { gap:8px; }.mail-item strong { font-size:14px; }.mail-receipt { padding:19px; }
}