/* "Beaumont" document style: a branded letter-size PDF. The example dropped into the dictation desk, and the output written in it. */
.ex { --navy:#1b3a5c; --copper:#b5651d; --ink:#2b2f36; --mute:#6b7280; --rule:#d9dde3; --tint:#f3f5f8;
  box-sizing:border-box; width:816px; min-height:1056px; margin:0 auto; padding:52px 64px 44px; background:#fff; color:var(--ink);
  font:12.5px/1.5 Inter,system-ui,sans-serif; display:flex; flex-direction:column; box-shadow:0 24px 60px -34px rgba(20,26,34,.55) }
.ex .hd { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; padding-bottom:14px; border-bottom:2px solid var(--copper) }
.ex .id { display:flex; align-items:center; gap:12px }
.ex .mark { width:40px; height:40px; background:var(--navy); color:#fff; font:600 22px/40px Lora,Georgia,serif; text-align:center; border-radius:4px; flex:none }
.ex .id b { display:block; font:600 15px/1.2 Lora,Georgia,serif; color:var(--navy); letter-spacing:.02em }
.ex .id small { display:block; font-size:10.5px; color:var(--mute); letter-spacing:.12em; text-transform:uppercase; margin-top:3px }
.ex address { font-style:normal; font-size:10.5px; line-height:1.5; color:var(--mute); text-align:right }
.ex .kind { display:flex; justify-content:space-between; align-items:baseline; margin:22px 0 6px; font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--copper); font-weight:600 }
.ex .kind .ref { letter-spacing:0; text-transform:none; font:11px/1 "JetBrains Mono",monospace; color:var(--mute); font-weight:400 }
.ex h1 { font:500 25px/1.2 Lora,Georgia,serif; color:var(--navy); margin:0 0 16px }
.ex .meta { display:grid; grid-template-columns:120px 1fr 120px 1fr; gap:5px 14px; margin:0 0 6px; padding:12px 14px; background:var(--tint); border-radius:3px }
.ex .meta dt { color:var(--mute); font-size:11.5px } .ex .meta dd { margin:0; font-weight:500 }
.ex .meta .wide { grid-column:2 / span 3 }
.ex h2 { font:600 13px/1.3 Inter,sans-serif; color:var(--navy); margin:20px 0 7px; padding-bottom:4px; border-bottom:1px solid var(--rule); display:flex; align-items:baseline; gap:10px }
.ex h2 .src { margin-left:auto; font:500 10px/1 "JetBrains Mono",monospace; color:var(--mute); background:var(--tint); border-radius:999px; padding:4px 8px }
.ex p { margin:0 0 7px } .ex ol, .ex ul { margin:0 0 6px; padding-left:18px } .ex li { margin:0 0 3px }
.ex .t { border-collapse:collapse; width:100%; margin:2px 0 6px }
.ex .t th { text-align:left; font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--mute); font-weight:600; padding:5px 8px; border-bottom:1.5px solid var(--navy) }
.ex .t td { padding:6px 8px; border-bottom:1px solid var(--rule); vertical-align:top }
.ex .t tr:nth-child(even) td { background:#fafbfc }
.ex .t .n { text-align:right; font-family:"JetBrains Mono",monospace; font-size:11.5px; white-space:nowrap }
.ex .t .c { white-space:nowrap }
.ex .st { font-size:10.5px; font-weight:600; letter-spacing:.04em; text-transform:uppercase } .ex .st.a { color:#15803d } .ex .st.b { color:var(--copper) } .ex .st.d { color:#b91c1c }
.ex .gap { display:inline-block; font-size:10.5px; font-weight:600; color:#92400e; background:#fef3c7; border-radius:3px; padding:2px 7px; white-space:nowrap }
.ex .unsure { text-decoration:underline dotted var(--copper); text-underline-offset:3px }
.ex .sig { display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-top:28px } .ex .sig div { border-top:1px solid var(--ink); padding-top:5px; font-size:11px; color:var(--mute) } .ex .sig b { display:block; color:var(--ink); font-weight:500 }
.ex .ft { margin-top:auto; padding-top:10px; border-top:1px solid var(--rule); display:flex; justify-content:space-between; gap:20px; font-size:10px; color:var(--mute) }
.ex .ft b { color:var(--navy); font-weight:600 }