/* Blog post page (/post/<slug>), template source/blog/post.html. Colours and type come from midships-v10.css. */
.post-head{max-width:760px}
.post-head h1{font-size:clamp(2rem,4vw,3.1rem);line-height:1.08;letter-spacing:-.03em;margin:0}
.post-meta{margin-top:20px;font-size:.92rem;color:var(--slate)}
.post-body{max-width:760px;font-size:1.06rem;line-height:1.65;color:var(--text)}
.post-body img{max-width:100%;height:auto}
.post-back{display:inline-block;margin-top:44px;font-weight:600;color:var(--orange-dark)}
.post-body [aria-label="Expand image"]{display:none}
/* Wix's post viewer reads its colours from these variables; tie them to the site theme (light and dark). */
.post-body{--ricos-text-color:var(--text);--ricos-custom-p-color:var(--text);--ricos-custom-quote-color:var(--text);--ricos-fallback-color:var(--text);--ricos-action-color:var(--orange-dark);--ricos-custom-code-block-color:var(--text);--ricos-custom-code-block-background-color:var(--warm)}
.post-body td,.post-body th{color:var(--text)}

.post-page .container>*{max-width:820px}.post-head .eyebrow{text-decoration:none}
.post-hero{margin:32px 0 8px}.post-hero img,.post-body img{display:block;width:100%;height:auto;border-radius:4px;border:1px solid var(--line)}
.post-body{margin-top:28px;font-size:1.125rem;line-height:1.7}.post-body p{margin:0 0 18px}.post-body h2,.post-body h3{margin:34px 0 12px}
.post-body figure{margin:22px 0}.post-body ul,.post-body ol{padding-left:24px}.post-body li{margin:6px 0}
.post-body blockquote{margin:22px 0;padding:6px 0 6px 18px;border-left:3px solid var(--orange)}
.post-gallery{display:grid;gap:16px;margin:24px 0}.post-gallery figure{margin:0}
.post-body video{width:100%;border-radius:4px;background:#000;margin:8px 0 22px}
.post-body a{color:var(--orange-dark)}
.post-body table{width:100%;border-collapse:collapse;margin:20px 0}.post-body td,.post-body th{border-bottom:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}
html[data-theme="dark"] .post-body a{color:#F59A5E}html[data-theme="dark"] .post-hero img,html[data-theme="dark"] .post-body img{border-color:#2B3442}
.post-body pre{background:#F3F4F1;border:1px solid var(--line);border-radius:4px;padding:14px 16px;overflow-x:auto;font:400 .9375rem/1.55 var(--mono);white-space:pre}.post-body code{font-family:var(--mono);font-size:.95em}html[data-theme="dark"] .post-body pre{background:#171D27;border-color:#2B3442;color:#DCE2EA}