:root{--post-card-radius: 10px;--post-nav-gap: 16px;--related-gap: 24px;--related-cols: 1}@media(min-width:768px){:root{--related-cols: 3}}@media(min-width:1024px){:root{--post-nav-gap: 24px}}@layer components{.post-nav{padding-block:clamp(2rem,5vw,3rem)}.post-nav-inner{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:var(--page-gutter);display:grid;grid-template-columns:1fr;gap:var(--post-nav-gap);border-block-start:1px solid var(--color-brand-green-light);padding-block-start:clamp(1.5rem,4vw,2.5rem)}@media(min-width:768px){.post-nav-inner{grid-template-columns:1fr 1fr}}.post-nav-link{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit}.post-nav-next{text-align:end}.post-nav-label{font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.1667em;text-transform:uppercase;color:var(--color-brand-pink)}.post-nav-title{font-family:var(--font-display);font-size:1.125rem;line-height:1.3;color:var(--color-brand-burgundy)}.post-nav-link:hover .post-nav-title,.post-nav-link:focus-visible .post-nav-title{color:var(--color-brand-green);text-decoration-line:underline;text-decoration-thickness:var(--link-underline-thickness)}.related-posts{padding-block:clamp(2.5rem,6vw,4rem);background:linear-gradient(180deg,#fff,#fff7f6)}.related-posts-inner{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:var(--page-gutter)}.related-posts-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-block-end:var(--related-gap)}.related-posts-heading{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.2;color:var(--color-brand-burgundy);margin:0}.related-posts-controls{display:flex;gap:8px;flex:0 0 auto}.related-posts-arrow{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-brand-green);border-radius:9999px;background-color:var(--color-brand-white);color:var(--color-brand-green);cursor:pointer;padding:0}.related-posts-arrow:hover,.related-posts-arrow:focus-visible{background-color:var(--color-brand-green);color:var(--color-brand-white)}.related-posts-arrow-prev .icon{display:block;rotate:180deg}.related-posts-arrow svg{width:20px;height:20px}.related-posts-slide{display:grid;grid-template-columns:repeat(var(--related-cols),minmax(0,1fr));gap:var(--related-gap)}.related-posts-slide+.related-posts-slide{margin-block-start:var(--related-gap)}:root:not(.no-js) .related-posts-slide{display:none;margin-block-start:0}:root:not(.no-js) .related-posts-slide.is-active{display:grid}.no-js .related-posts-controls,.no-js .related-posts-dots{display:none}.related-posts-dots{display:flex;justify-content:center;gap:8px;margin-block-start:var(--related-gap)}.related-posts-dot{width:10px;height:10px;border-radius:9999px;border:none;padding:0;background-color:var(--color-brand-border-warm);cursor:pointer}.related-posts-dot:hover{background-color:var(--color-brand-pink)}.related-posts-dot.is-active{background-color:var(--color-brand-green)}.post-card{display:flex;flex-direction:column;height:100%;background-color:var(--color-brand-white);border-radius:var(--post-card-radius);overflow:hidden}.post-card-media{display:block;aspect-ratio:3 / 2;overflow:hidden}.post-card-img{width:100%;height:100%;object-fit:cover}.post-card-body{flex:1;display:flex;flex-direction:column;gap:8px;padding:20px}.post-card-date{font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.1667em;text-transform:uppercase;color:var(--color-brand-pink);margin:0}.post-card-title{font-family:var(--font-display);font-size:1.25rem;line-height:1.3;margin:0}.post-card-title a{color:var(--color-brand-burgundy);text-decoration:none}.post-card:hover .post-card-title a,.post-card:focus-within .post-card-title a{color:var(--color-brand-green);text-decoration-line:underline;text-decoration-thickness:var(--link-underline-thickness)}.post-card-excerpt{font-family:var(--font-body);font-size:.9375rem;line-height:1.5;color:var(--color-brand-black);margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}}
