/* Blog section: list page and free-format posts. Loaded only on /blog/ pages. Inherits the brand theme from rebrand.css / audit.css. */
.blog-list{max-width:900px;padding:45px 0 90px}
.blog-entry{border-top:1px solid #5b416e;padding:36px 0;display:grid;grid-template-columns:170px minmax(0,1fr);gap:14px 40px;align-items:start}
.blog-entry:last-child{border-bottom:1px solid #5b416e}
.blog-entry-meta{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#b18ada;padding-top:9px;line-height:1.8}
.blog-entry-meta span{display:block;color:#8f869d}
.blog-entry-read{font-style:normal;color:#8f869d}.blog-entry-read:before{content:" · ";color:#5b416e}
.blog-entry h2{font-size:31px;line-height:1.2;margin:0 0 16px}
.blog-entry h2 a{color:#f4f2f8;transition:color .2s}
.blog-entry h2 a:hover{color:#b58aff}
.blog-entry p{font-size:15px;line-height:1.7;margin-bottom:22px;max-width:640px}
.blog-entry .arrow-link{font-size:13px}
.blog-empty{padding:40px 0 90px;font-size:16px}
.post-meta{display:flex;flex-wrap:wrap;gap:10px 30px;margin-top:32px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#aa8dbd}
.post-meta b{font-weight:400;color:#6e6378;margin-right:10px}
.post-body h3{font-size:24px;line-height:1.3;margin:36px 0 16px;letter-spacing:-.03em}
.post-body ul,.post-body ol{color:#c2bacd;font-size:17px;line-height:1.75;margin:0 0 35px;padding-left:24px}
.post-body li{margin-bottom:10px}
.post-body li::marker{color:#9c79d6}
.post-body a{color:#d7b6ed;text-decoration:underline;text-underline-offset:4px}
.post-body a:hover{color:#bd9aff}
.post-body strong{font-weight:400;color:#f4f2f8}
.post-body blockquote{margin:0 0 35px;padding:8px 0 8px 28px;border-left:3px solid #9262d1;color:#d4c6e1;font-size:20px;line-height:1.6}
.post-body blockquote p{color:inherit;font-size:inherit;line-height:inherit;margin-bottom:12px}
.post-body blockquote cite{display:block;font-style:normal;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#aa8dbd}
.post-body figure{margin:0 0 40px}
.post-body figure img{display:block;width:100%;height:auto;border:1px solid #3c2b4c;background:#100a17}
.post-body figcaption{font-size:12px;line-height:1.6;color:#82798c;margin-top:12px}
.post-body pre{margin:0 0 35px;padding:22px 24px;background:#100a17;border:1px solid #3c2b4c;overflow-x:auto;font-size:13px;line-height:1.65;color:#e4ddeb}
.post-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;color:#d7b6ed;background:#1d1427;padding:2px 6px;border-radius:2px}
.post-body pre code{display:block;background:none;padding:0;color:inherit;font-size:inherit}
.post-body table{width:100%;border-collapse:collapse;margin:0 0 35px;font-size:14px}
.post-body th{text-align:left;padding:14px 16px;background:#261731;color:#d9c3e9;font-weight:400;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.post-body td{padding:14px 16px;border-bottom:1px solid #3b2a46;color:#b9a3c9;vertical-align:top}
.post-body hr{border:0;border-top:1px solid #36303e;margin:45px 0}
.post-footer{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;margin-top:20px;padding-top:30px;border-top:1px solid #36303e}
/* Hero image at the top of a post and thumbnail in the list card. */
.post-hero{margin:0 0 45px}
.post-hero img{display:block;width:100%;max-width:100%;height:auto;border-radius:3px;border:1px solid #3c2b4c;background:#100a17}
.blog-entry-thumb-link{grid-column:1/-1;display:block;margin-bottom:12px}
.blog-entry-thumb{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:3px;border:1px solid #3c2b4c;background:#100a17}
@media(max-width:600px){.post-hero{margin-bottom:30px}.blog-entry-thumb-link{margin-bottom:6px}.blog-list{padding:25px 0 60px}.blog-entry{grid-template-columns:1fr;gap:10px;padding:28px 0}.blog-entry-meta{padding-top:0}.blog-entry h2{font-size:26px}.post-meta{gap:8px 20px;margin-top:24px}.post-body h3{font-size:21px}.post-body ul,.post-body ol{font-size:15px;padding-left:20px}.post-body blockquote{font-size:17px;padding-left:20px}.post-body pre{padding:16px;font-size:12px}.post-body th,.post-body td{padding:10px 12px}}