/* Dessert Ledger portal — page typography and forms on the shared tokens. ledger-chrome.css (byte-identical
   on both hosts) carries the palette, the base type, the .btn family, the bar, the foot and .dl-notice;
   nothing here names a colour. */
main h1 { margin: 8px 0 12px; font-size: 32px; font-weight: 600; letter-spacing: -0.03em; line-height: 1.15; }
.eyebrow { margin: 0; font-size: 12px; font-weight: 500; color: var(--ink-3); }
main p { max-width: 72ch; color: var(--ink); }
.muted, .aside, .status { font-size: 13px; color: var(--ink-2); }
.muted { color: var(--ink-3); }
main a:not(.btn) { color: var(--accent); text-decoration: underline; text-underline-offset: 0.2em; }
main a:not(.btn):hover { color: var(--ink); }
dl { display: grid; grid-template-columns: auto 1fr; gap: 4px 24px; }
dt { font-weight: 600; }
dd { margin: 0; overflow-wrap: anywhere; }
pre { background: var(--paper); border: 1px solid var(--line); border-radius: 10px; padding: 16px; overflow: auto; font-family: var(--dl-mono); font-size: 12.5px; }
.actions { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin: 20px 0; }
form { margin: 20px 0; }
label { display: block; }
button { font: inherit; }
input[type=date] { font: inherit; min-height: 34px; border: 1px solid var(--line-2); border-radius: 8px; padding: 5px 10px; background: var(--paper); color: var(--ink); }
.primary-action { margin: 28px 0 16px; }
.status { margin-top: 40px; padding-top: 14px; border-top: 1px solid var(--line); }