/* Removable preview layer: remove this stylesheet, #preview, .preview-footer,
   and the noindex meta element when preparing the official site. */
body { --preview-height: 30px; padding-top: var(--preview-height); }
#preview { pointer-events: none; }
.preview-bar { position: fixed; z-index: 100; inset: 0 0 auto; height: 30px; background: #4A3226; color: #FBF6EC; display: flex; align-items: center; justify-content: space-between; padding: 0 26px; font: 400 9px/1.2 'IBM Plex Mono', monospace; letter-spacing: .1em; }
.preview-bar span:first-child { color: #D9A441; font-weight: 600; }
.preview-bar span:nth-child(2) { font: italic 12px/1 'PT Serif', serif; letter-spacing: 0; }
.preview-watermarks { position: fixed; inset: 30px 0 0; z-index: 90; display: flex; flex-direction: column; justify-content: space-around; overflow: hidden; opacity: .045; }
.preview-watermarks span { display: block; align-self: center; flex-shrink: 0; transform: rotate(-24deg); white-space: nowrap; color: #2B2118; font: 600 clamp(28px, 5.8vw, 86px)/1 'IBM Plex Mono', monospace; letter-spacing: .04em; }
.preview-badge { position: fixed; z-index: 95; right: 18px; bottom: 18px; padding: 10px 16px; border: 1px solid #D9A441; background: #4A3226; color: #FBF6EC; box-shadow: 0 2px 8px #2B211833; font: 600 11px/1.4 'IBM Plex Mono', monospace; letter-spacing: .14em; text-align: center; }
.preview-badge span { display: block; font-size: 7px; font-weight: 400; letter-spacing: .08em; }
.preview-footer { margin-top: 40px; border-top: 1px solid #FBF6EC33; padding-top: 25px; width: 100%; display: flex; align-items: center; gap: 20px; }
.preview-footer > span { padding: 5px 9px; border: 1px solid #D9A441; color: #FBF6EC; font: 600 9px/1.2 'IBM Plex Mono', monospace; letter-spacing: .08em; }
.preview-footer p { margin: 0; font-size: 12px; }
@media (max-width: 600px) { .preview-bar { padding: 0 16px; font-size: 8px; letter-spacing: .02em; } .preview-bar span:nth-child(2) { display: none; } .preview-badge { right: 10px; bottom: 10px; padding: 7px 10px; font-size: 9px; } .preview-badge span { font-size: 6px; } .preview-footer { flex-direction: column; align-items: flex-start; gap: 10px; padding-bottom: 30px; } }