.blog-shell{max-width:1080px;margin:auto;padding:0 24px}.blog-nav,.blog-footer{border-bottom:1px solid var(--border,#dedfd3);justify-content:space-between;align-items:center;gap:20px;padding:24px 0;display:flex}.blog-nav a{padding:8px 0;text-decoration:none}.blog-nav em{color:#697e44;font-family:Georgia,serif}.blog-index,.blog-article{padding:40px 0 64px}.blog-index header{max-width:700px;margin-bottom:40px}.blog-shell h1{margin:20px 0;font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.5rem);line-height:1.12}.blog-shell h2{font-family:Georgia,serif;font-size:1.6rem;line-height:1.3}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.blog-grid article{background:#fff;border:1px solid #dedfd3;border-radius:18px;padding:24px}.blog-grid h2 a{text-decoration:none}.blog-shell p{line-height:1.8}.blog-article{max-width:740px;margin:auto}.blog-article section{margin:36px 0}.blog-deck{color:#5f695d;font-size:1.15rem}.blog-example{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;-webkit-user-select:text;user-select:text;background:#fff;border:1px solid #dedfd3;border-radius:12px;padding:20px;line-height:1.8}.blog-article aside{background:#edf0e5;border-radius:16px;padding:20px}.blog-article li{margin:12px 0}.blog-footer{border-top:1px solid #dedfd3;border-bottom:0;flex-wrap:wrap;font-size:.9rem}.blog-shell a:focus-visible{outline-offset:4px;outline:2px solid #697e44}@media (max-width:700px){.blog-grid{grid-template-columns:1fr}.blog-shell{padding:0 20px}.blog-index,.blog-article{padding-top:20px}.blog-nav{font-size:.9rem}}