/* Office (Breviary / Mass) pages — a quiet, scrollable liturgical document. Loaded after style.css; overrides the single-screen verse layout so the full hour/Mass can scroll. Day/night background + text colour are applied to inline by officium.js (same logic as the verse pages). */ html, body.office-page { height: auto; overflow: visible; } body.office-page { display: block; } body.office-page main { flex: none; overflow: visible; display: block; } #office { width: 90%; max-width: 640px; margin: 0 auto; padding: 3.5rem 0 2rem; text-align: center; } /* Header: the day's title + description, styled like the perannum.io landing. */ .office-head { margin-bottom: 3rem; } .office-title { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 400; letter-spacing: 0.1em; line-height: 1.2; margin-bottom: 0.3em; } .office-rank { font-size: 0.9em; font-style: italic; opacity: 0.7; } .office-hour { font-size: 0.85em; font-variant: small-caps; letter-spacing: 0.08em; color: #c83232; margin-top: 1.2em; } /* Several Masses on one day with no prescribed hour (e.g. All Souls' three Requiems) are shown stacked, each divided from the last. */ .mass + .mass { margin-top: 4rem; padding-top: 4rem; border-top: 1px solid rgba(128, 128, 128, 0.3); } /* Sections: Latin primary, the same in the local language beneath. Sizes mirror the verse pages: Latin heading 0.85em / text 1em; local-language heading 0.65em / text 0.8em italic, muted. */ .osec { margin: 0 0 1.6rem; } .osec .lat { font-size: 1em; } .osec .lat .label { font-size: 0.85em; } .osec .vern { font-size: 0.8em; font-style: italic; opacity: 0.8; margin-top: 0.4rem; } .osec .vern .label { font-size: 0.8em; } /* Rubric vocabulary emitted by sanitize_office.py. */ .rubric { color: #c83232; } .label { font-variant: small-caps; letter-spacing: 0.05em; color: #c83232; } .vnum { font-size: 0.62em; vertical-align: 0.25em; opacity: 0.5; margin-right: 0.15em; } .instr { font-size: 0.78em; font-style: italic; opacity: 0.55; } #office .notice { font-style: italic; opacity: 0.7; margin-top: 4rem; }