/* A colourful editorial index and focused, readable individual posts. */
.post-card-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}
.post-card-meta .category{margin:0}
.post-card-meta>span:last-child{flex:none;color:#55385f;font-size:10px;line-height:1.5}
.blog-card .guide-copy h3{text-wrap:pretty}
.blog-section{padding-top:34px}
.blog-section .guide-toolbar{display:flex;align-items:end;justify-content:space-between;gap:35px;padding:25px 28px 8px;border:1px solid #aa82bd;border-radius:20px;background:#d7bdec}
.blog-section .search-field{flex:1;min-width:220px;margin-bottom:16px}
.blog-section .guide-filters{max-width:65%;margin-bottom:0}
.blog-section .guide-count{margin:28px 0 20px}
.is-reading-post .blog-section{padding-top:32px}
.article-content.blog-article{padding:35px 0 0;border-radius:0;background:transparent}
.post-back{display:inline-flex;align-items:center;gap:12px;margin-bottom:32px;padding:7px 0;font-size:13px;font-weight:650}
.post-back .icon{width:17px;height:17px;transform:rotate(180deg)}
.post-header{max-width:880px;margin:0 auto 36px;text-align:center}
.post-header>.category{margin-bottom:18px}
.post-header h1{margin:0 auto 23px;max-width:900px;color:#352044;font:400 clamp(37px,4.6vw,64px)/1.09 var(--display);letter-spacing:-.015em;text-wrap:balance}
.post-header h1:focus{outline:none}
.article-content .post-summary{max-width:710px;margin:0 auto 25px;color:#4b3156;font-size:18px;line-height:1.8}
.post-byline{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px 12px;color:#55385f;font-size:12px;line-height:1.5}
.post-author-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid #744783;border-radius:50%;background:#ffc3d3;color:#762748}
.post-author-icon .icon{width:17px;height:17px}
.post-comment-link{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:30px;background:#e9f3af;color:#352044;font-weight:650}
.post-comment-link .icon{width:14px;height:14px;transform:rotate(90deg)}
.post-cover{max-width:1000px;height:400px;overflow:hidden;margin:0 auto 45px;border:2px solid #65406e;border-radius:28px;box-shadow:6px 7px 0 #65406e;background:#d8b9ef}
.post-cover img{width:100%;height:100%;object-position:center 35%}
.post-reading-column{max-width:780px;margin-inline:auto;padding:36px 42px 39px;border:1px solid #c49bd0;border-radius:23px;background:#f2d2e8}
.article-content #articleParagraphs section+section{margin-top:32px}
.article-content #articleParagraphs h2{margin:0 0 15px;font:400 30px/1.17 var(--display);letter-spacing:0;text-wrap:pretty}
.article-content #articleParagraphs p{margin:0 0 17px;color:#43284e;font-size:16px;line-height:1.95}
.article-content #articleParagraphs p:last-child{margin-bottom:0}
.article-content .source-links{margin-top:35px;padding:25px 26px;border:1px solid #b99aca;border-radius:16px;background:#ddc7ee}
.article-content .source-links h2{margin:0 0 18px;font:400 24px/1.25 var(--display)}
.article-content .source-links a{overflow-wrap:anywhere}
.article-content .source-links p{margin:17px 0 0;font-size:12px;line-height:1.8}
.post-tool-callout{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:30px;padding-top:28px;border-top:1px solid #c49bd0}
.article-content .post-tool-callout h2{margin:7px 0 0;font:400 25px/1.2 var(--display)}
.post-tool-callout .eyebrow{font-size:9px}
.post-tool-callout .btn{flex:none;font-size:12px}
.post-related{margin-top:65px;padding-top:35px;border-top:1px solid #b48fc5}
.article-content .post-related>h2{margin:10px 0 28px;font:400 35px/1.2 var(--display)}
.article-content .post-related .guide-copy h3{font-size:25px}
.post-comments{scroll-margin-top:110px;max-width:900px;margin:65px auto 0}
@media(hover:hover){.post-comment-link:hover{background:#dce993}.post-back:hover{color:#542273}}
@media(max-width:1024px){.blog-section .guide-toolbar{display:block}.blog-section .guide-filters{max-width:100%}.blog-section .search-field{max-width:none}.post-cover{height:340px}.post-header{max-width:800px}.post-related .guide-grid{gap:18px}}
@media(max-width:600px){.blog-section{padding-top:12px}.blog-section .guide-toolbar{padding:22px 19px 5px;border-radius:16px}.blog-section .search-field{min-width:0;font-size:12px}.blog-section .guide-count{margin-top:21px}.article-content.blog-article{padding-top:0}.is-reading-post .blog-section{padding-top:23px}.post-back{margin-bottom:24px}.post-header{margin-bottom:25px;text-align:left}.post-header h1{font-size:38px;margin-bottom:19px}.article-content .post-summary{font-size:16px;line-height:1.8;margin-bottom:20px}.post-header>.category{margin-bottom:13px}.post-byline{justify-content:start;font-size:10px;gap:9px}.post-comment-link{margin-top:4px;font-size:11px}.post-cover{height:235px;margin-bottom:30px;border-radius:19px;box-shadow:4px 5px 0 #65406e}.post-reading-column{padding:25px 21px;border-radius:18px}.article-content #articleParagraphs h2{font-size:26px}.article-content #articleParagraphs p{font-size:15px;line-height:1.9}.article-content #articleParagraphs section+section{margin-top:28px}.article-content .source-links{padding:21px 18px;margin-top:28px}.article-content .source-links h2{font-size:23px}.post-tool-callout{align-items:start;flex-direction:column;gap:19px;margin-top:24px;padding-top:23px}.post-tool-callout .btn{min-height:46px}.post-related{margin-top:42px;padding-top:28px}.article-content .post-related>h2{font-size:31px;margin-bottom:22px}.post-comments{margin-top:42px;scroll-margin-top:95px}}
@media(max-width:360px){.post-header h1{font-size:34px}.post-reading-column{padding:23px 18px}.post-card-meta>span:last-child{font-size:9px}.post-byline{gap:8px}.post-cover{height:210px}}