/* obsidiansuite.net/server - Obsidian Mail Server. Loaded after site.css and client.css (tiles, modules, downloads);
   adds only what this page needs. Screenshots come from a made-up demo instance (Mail Server repo scripts/site_screenshots.py). */

/* a screenshot across the whole column, under a split or a grid */
.wide-shot { margin-top: 56px; }
.wide-shot img { display: block; width: 100%; height: auto; }
.shot > img { display: block; width: 100%; height: auto; }
.wide-shot + .note { margin-top: 18px; }
.note a { color: var(--accent); }
.split + .wide-shot, .split + .grid3 { margin-top: 64px; }
.wide-shot + .grid3 { margin-top: 24px; }

/* "Soon" on a grid cell, as on the tiles */
.cell { position: relative; }
.cell .soon { position: absolute; top: 20px; right: 20px; }

/* the four downloads: two by two */
.dl.four { max-width: 1040px; }
.btns-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.btns-row .btn { margin-top: 0; }
.dl .mode code { font-size: .84em; }
.meta li { overflow-wrap: anywhere; }
.req a { color: var(--accent); white-space: nowrap; }

/* the appliance's two columns sit on the alt background */
#appliance .modes { margin-top: 0; }