#blog[hidden]{display:none!important}
.instagram-blog-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.instagram-blog-heading h2{font-size:43px;margin:0}
.instagram-blog-grid{display:flex;gap:24px;align-items:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px 0 20px;overscroll-behavior-x:contain;border-radius:20px}
.instagram-blog-grid::-webkit-scrollbar{display:none}
.instagram-blog-card{position:relative;flex:0 0 calc((100% - 48px)/3);box-sizing:border-box;min-width:0;padding:16px;border:1px solid #dce3d2;border-radius:20px;background:#fffdf8;box-shadow:0 8px 24px #3d4b2f08;overflow:hidden;scroll-snap-align:start;transition:box-shadow .3s ease,border-color .3s ease}
.instagram-blog-card:hover{border-color:#a5b293;box-shadow:0 12px 28px #3d4b2f15}
.instagram-blog-card:only-child{flex-basis:100%;max-width:600px;margin-inline:auto}
.instagram-blog-controls{display:flex;justify-content:center;align-items:center;gap:16px;width:fit-content;max-width:100%;box-sizing:border-box;margin:16px auto 0;padding:8px;border:1px solid #dbe1d2;border-radius:20px;background:#fffdf8;box-shadow:0 5px 20px #3d4b2f08}
.instagram-blog-controls[hidden]{display:none!important}
.instagram-blog-arrow{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:13px;background:#566c46;color:#fffdf8;cursor:pointer;box-shadow:0 3px 8px #3d4b2f17;transition:background .25s ease,transform .25s ease,box-shadow .25s ease}
.instagram-blog-arrow::before{content:'';width:20px;height:20px;background:currentColor;mask:url('/images/social/arrow-left.svg?v=2') center/contain no-repeat;-webkit-mask:url('/images/social/arrow-left.svg?v=2') center/contain no-repeat}
.instagram-blog-next::before{transform:rotate(180deg)}
.instagram-blog-arrow:hover:not(:disabled){background:#3e5331;transform:translateY(-1px);box-shadow:0 5px 12px #3d4b2f26}
.instagram-blog-arrow:disabled{background:#eef1e8;color:#b0baa5;box-shadow:none;cursor:default}
.instagram-blog-dots{display:flex;justify-content:center;flex-wrap:wrap;max-width:180px;gap:0}
.instagram-blog-dot{display:grid;place-items:center;width:26px;height:30px;padding:0;border:0;background:transparent;cursor:pointer}
.instagram-blog-dot::before{content:'';width:8px;height:8px;border-radius:8px;background:#cdd6c3;transition:width .3s ease,background .3s ease}
.instagram-blog-dot[aria-current=true]::before{width:22px;background:#6e805c}
.instagram-blog-grid:focus-visible,.instagram-blog-controls button:focus-visible{outline:2px solid #6e805c;outline-offset:3px}
.instagram-blog-title{font-size:21px;line-height:1.4;margin:0 0 16px;overflow-wrap:anywhere}
.instagram-blog-card .instagram-media{width:100%!important;min-width:0!important;max-width:540px!important;margin:0 auto!important;box-sizing:border-box}
.instagram-blog-card blockquote{padding:20px 12px;background:#f2f4ec;border-radius:12px;text-align:center}
.instagram-blog-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.75;margin:18px 0}
.instagram-blog-footer{padding-top:16px;font-size:13px;font-weight:700;line-height:1.5}
.instagram-blog-footer a{text-underline-offset:4px}
:root{--blog-card-height:55rem;--blog-card-paper:#fffdf8}
.instagram-blog-card{height:var(--blog-card-height);display:flex;flex-direction:column}
.instagram-blog-title{flex:none;min-height:1.4em;max-height:2.8em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.instagram-blog-preview{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:.2rem}
.instagram-blog-preview::after{content:'';position:absolute;inset:auto 0 0;height:2.5rem;background:linear-gradient(transparent,var(--blog-card-paper));pointer-events:none}
.instagram-blog-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.instagram-blog-footer{flex:none}
@media(max-width:1100px){.instagram-blog-card{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:760px){.instagram-blog-grid{gap:18px}.instagram-blog-card{flex-basis:100%;padding:14px}.instagram-blog-heading h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.instagram-blog-grid{scroll-behavior:auto}.instagram-blog-card,.instagram-blog-arrow,.instagram-blog-dot::before{transition:none}}
@media(prefers-reduced-motion:reduce){.instagram-blog-arrow:hover:not(:disabled){transform:none}}
