body:has(.blog-main){overflow:auto}.blog-main{max-width:1240px;margin:auto;padding:135px 32px 64px}.blog-heading{margin-bottom:32px}.blog-heading h1,.post-heading h1{font:clamp(3rem,5vw,4.7rem)/1.08 Georgia,serif;color:#204f37;margin:0 0 16px}.preview-note{color:#625b68;font-size:.9rem;line-height:1.6}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{display:block;color:#204f37;background:#fffaf0;border:1px solid #879a78;border-radius:5px;padding:12px;text-decoration:none;box-shadow:4px 5px 0 #34533d20;transition:transform .15s}.blog-card:hover{transform:translateY(-3px);border-color:#89559f}.blog-cover{display:grid;place-items:center;aspect-ratio:4/3;background:repeating-linear-gradient(135deg,#e0e8d6 0 16px,#eaf0e3 16px 32px);color:#52624b;border:1px dashed #9da98d;font-size:.8rem;letter-spacing:.06em}.cover-2{background:repeating-linear-gradient(135deg,#e7dceb 0 16px,#f0e8f3 16px 32px);color:#67566f}.cover-3{background:repeating-linear-gradient(135deg,#f1e5ce 0 16px,#f9efde 16px 32px);color:#786645}.blog-card-copy{padding:24px 10px 12px}.blog-card h2{font:1.8rem/1.2 Georgia,serif;margin:15px 0}.blog-card-copy>p{color:#536257;line-height:1.6}.blog-card-meta{display:flex;justify-content:space-between;border-top:1px solid #d9dfd0;margin-top:24px;padding-top:16px;font-size:.8rem;color:#67566f}.post-main{max-width:920px}.blog-back{display:inline-block;color:#75418b;text-decoration:underline;text-underline-offset:4px;margin-bottom:32px}.post-heading{margin-bottom:28px}.post-meta{color:#536257;font-size:.95rem}.post-meta span{margin:0 8px}.post-cover{aspect-ratio:16/9}.post-body{max-width:680px;margin:40px auto 56px;color:#344b39;font-size:1.1rem;line-height:1.85}.post-body h2{font:2rem/1.2 Georgia,serif;margin:36px 0 20px}.copy-skeleton{display:grid;gap:12px;margin:24px 0}.copy-skeleton span{display:block;height:8px;background:#e2e4d8;border-radius:4px}.copy-skeleton span:last-child{width:65%}.copy-skeleton.short span:last-child{width:45%}.blog-comments{border-top:1px solid #a9b298;padding-top:32px;max-width:680px;margin:auto}.blog-comments h2{font:2.2rem Georgia,serif;margin:0 0 12px}.comment-example{display:grid;grid-template-columns:36px 1fr;gap:16px;padding:24px 0 32px;border-bottom:1px dashed #b7bfae}.comment-avatar{width:36px;height:36px;display:grid;place-items:center;background:#e5d8eb;border-radius:50%;color:#75418b}.comment-byline{font-weight:600;margin:0 0 12px}.comment-byline>span{font-size:.8rem;font-weight:400;color:#6d6471;display:inline-block;margin-left:10px}.author-reply{border-left:3px solid #c4a5d2;padding:16px 20px;margin-top:24px;background:#f2eaf5}.comment-byline>.author-badge{background:#e2cceb;padding:3px 8px;border-radius:4px;color:#563364}.comment-form-preview{margin-top:32px}.comment-form-preview h3{font:1.6rem Georgia,serif}.comment-form-preview fieldset{border:0;padding:0;margin:24px 0;display:grid;gap:12px}.comment-form-preview input,.comment-form-preview textarea{width:100%;font:inherit;padding:12px;border:1px solid #adb89f;background:#fffdf6;border-radius:6px}.comment-form-preview label{margin-top:8px}.comment-form-preview button{justify-self:start;margin:10px 0;opacity:.6;cursor:not-allowed}.bottom-back{margin-top:40px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1099px){.blog-main{padding-top:48px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.blog-main{padding:40px 22px 56px}.blog-grid{grid-template-columns:1fr}.blog-card h2{font-size:1.7rem}.post-heading h1{font-size:2.7rem}.comment-example{gap:10px;grid-template-columns:28px 1fr}.comment-avatar{width:28px;height:28px}.author-reply{padding:14px}.post-body{margin-top:28px}}@media(prefers-reduced-motion:reduce){.blog-card{transition:none}}#comments-heading{scroll-margin-top:120px}

.live-card-cover{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#f0ebdf}.live-post img{max-width:100%;max-height:75dvh;object-fit:contain;display:block;margin:24px auto}.live-post p,.live-post blockquote,.live-post li,.comment-text{white-space:pre-wrap;overflow-wrap:anywhere}.live-post p,.live-post li{line-height:1.85}.live-post blockquote{border-left:3px solid #bd9aca;padding:16px 24px}.live-comment{display:block}