@font-face { font-family: "MW Libre Caslon Text"; src: url("fonts/LibreCaslonText-Regular.latin.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "MW Libre Caslon Display"; src: url("fonts/LibreCaslonDisplay-Regular.latin.woff2") format("woff2"); font-display: swap; }
:root { color-scheme: dark; --letter: rgba(255, 252, 242, 0.95); --amber: #f3d3a2; }
* { box-sizing: border-box; }
body { margin: 0; background: #1c2733; color: rgba(251, 248, 242, 0.86); font: 400 1.05rem/1.7 "MW Libre Caslon Text", Georgia, serif; -webkit-font-smoothing: antialiased; }
main { max-width: 680px; margin: 0 auto; padding: 40px 16px 72px; }
a { color: inherit; text-underline-offset: 3px; text-decoration-color: rgba(243, 211, 162, 0.6); }
a:hover { color: var(--amber); }
a:focus-visible { outline: 2px solid var(--amber); outline-offset: 3px; border-radius: 3px; }
.home a { font: 400 0.95rem/1 "MW Libre Caslon Display", Georgia, serif; text-transform: uppercase; letter-spacing: 0.2em; text-decoration: none; color: var(--letter); }
h1 { margin: 40px 0 8px; font: 400 1.5rem/1.25 "MW Libre Caslon Display", Georgia, serif; text-transform: uppercase; letter-spacing: 0.18em; color: var(--letter); }
.draft { display: inline-block; margin: 0 0 24px; padding: 2px 12px; border: 1px solid rgba(243, 211, 162, 0.6); border-radius: 999px; color: var(--amber); font-size: 0.85rem; letter-spacing: 0.08em; }
h2 { margin: 32px 0 6px; font: 400 0.95rem/1.4 "MW Libre Caslon Display", Georgia, serif; text-transform: uppercase; letter-spacing: 0.16em; color: var(--letter); }
p { margin: 0 0 12px; }
.links .sep { margin: 0 0.6em; opacity: 0.6; }
.back { margin-top: 40px; }
/* Edit mode (?edit=1 on the preview) */
body.editing [data-k] { outline: 1px dotted rgba(255, 252, 242, 0.55); outline-offset: 3px; cursor: text; }
body.editing [data-k]:focus { outline: 1px dashed var(--amber); background: rgba(0, 0, 0, 0.18); }
.editbar { position: fixed; left: 50%; bottom: 14px; transform: translateX(-50%); z-index: 10; display: flex; align-items: center; gap: 10px; max-width: calc(100% - 32px); padding: 8px 10px 8px 16px; border-radius: 999px; background: rgba(14, 20, 26, 0.9); border: 1px solid rgba(255, 255, 255, 0.2); font-size: 0.85rem; }
.editbar-msg { flex: 1; min-width: 0; }
.editbar button { padding: 7px 14px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.3); background: transparent; color: #fbf8f2; font: inherit; cursor: pointer; }
.editbar-save { background: rgba(243, 211, 162, 0.22) !important; border-color: var(--amber) !important; }