.blog-page .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.blog-page .blog-controls{margin-bottom:var(--space-8)}.blog-page .blog-categories{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.blog-page .blog-categories__btn{min-height:2.25rem;padding:.35rem .8rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:var(--text-sm);font-weight:600;line-height:1.2;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.blog-page .blog-categories__btn:hover{border-color:color-mix(in srgb,var(--lp-light-green) 28%,var(--color-border));background:color-mix(in srgb,var(--lp-grid) 45%,var(--color-surface))}.blog-page .blog-categories__btn.is-active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-bg));color:var(--lp-dark-green)}.blog-page .blog-categories__btn:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 18%,transparent)}.blog-page .blog-controls__bar{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--space-3);padding:var(--space-3);padding-left:max(var(--space-3),env(safe-area-inset-left,0px));padding-right:max(var(--space-3),env(safe-area-inset-right,0px));border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}@media(max-width:640px){.blog-page .blog-categories{margin-bottom:var(--space-4);overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;padding-bottom:var(--space-1)}.blog-page .blog-categories__btn{flex:0 0 auto;white-space:nowrap}.blog-page .blog-controls__bar{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:var(--space-3);padding:var(--space-2) var(--space-3);padding-left:max(var(--space-3),env(safe-area-inset-left,0px));padding-right:max(var(--space-3),env(safe-area-inset-right,0px))}.blog-page .blog-controls__search{flex:1 1 auto;min-width:0;width:100%}.blog-page .blog-filter-details{flex:0 0 auto;width:100%;min-width:0}.blog-page .blog-filter-summary{width:100%;justify-content:space-between;padding:0 var(--space-3)}}.blog-page .blog-controls__search{position:relative;flex:1 1 200px;min-width:0;display:flex;align-items:center}.blog-page .blog-controls__search-icon{position:absolute;left:var(--space-3);width:1.125rem;height:1.125rem;color:var(--color-text-muted);pointer-events:none;flex-shrink:0}.blog-page .blog-controls__input{width:100%;min-height:2.75rem;padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-3) + 1.125rem + var(--space-3));font-size:var(--text-sm);line-height:1.4;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);transition:border-color .15s ease,box-shadow .15s ease}@media(max-width:640px){.blog-page .blog-controls__input{font-size:1rem}}.blog-page .blog-controls__input::placeholder{color:color-mix(in srgb,var(--color-text-muted) 78%,transparent)}.blog-page .blog-controls__input:hover{border-color:color-mix(in srgb,var(--lp-light-green) 22%,var(--color-border))}.blog-page .blog-controls__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}.blog-page .blog-filter-details{flex:0 0 auto;align-self:stretch;position:relative;min-height:2.75rem}.blog-page .blog-filter-summary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.75rem;padding:0 var(--space-4);list-style:none;cursor:pointer;font-weight:600;font-size:var(--text-sm);color:var(--lp-dark-green);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);transition:border-color .15s ease,background-color .15s ease;user-select:none}.blog-page .blog-filter-summary::-webkit-details-marker{display:none}.blog-page .blog-filter-summary .blog-filter-chevron{width:.875rem;height:.875rem;color:var(--color-text-muted);flex-shrink:0;transition:transform .15s ease}.blog-page .blog-filter-details[open] .blog-filter-summary .blog-filter-chevron{transform:rotate(180deg)}@media(hover:hover)and (pointer:fine){.blog-page .blog-filter-summary:hover{border-color:color-mix(in srgb,var(--lp-light-green) 28%,var(--color-border));background:color-mix(in srgb,var(--lp-grid) 35%,var(--color-surface))}}.blog-page .blog-filter-details[open] .blog-filter-summary{border-color:color-mix(in srgb,var(--lp-light-green) 35%,var(--color-border));background:var(--color-surface)}.blog-page .blog-filter-panel{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:5;width:min(100vw - 2 * var(--container-padding),22rem);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md)}@media(max-width:640px){.blog-page .blog-filter-panel{right:0;left:0;width:100%;max-width:none;box-sizing:border-box}}.blog-page .blog-filter-section{margin:0;padding:0;border:none}.blog-page .blog-filter-section+.blog-filter-section{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.blog-page .blog-filter-section-title{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--lp-dark-green)}.blog-page .blog-filter-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin:0 0 var(--space-3);line-height:1.45}.blog-page .blog-filter-checks{display:flex;flex-wrap:wrap;row-gap:var(--space-3);column-gap:var(--space-6)}@media(max-width:380px){.blog-page .blog-filter-checks{flex-direction:column;align-items:flex-start;column-gap:0}}.blog-page .blog-filter-check{display:inline-flex;align-items:center;gap:var(--space-2);padding-right:var(--space-1);font-size:var(--text-sm);color:var(--color-text);cursor:pointer}.blog-page .blog-filter-check input{width:1rem;height:1rem;accent-color:var(--color-primary);flex-shrink:0}.blog-page .blog-filter-selects{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media(min-width:380px){.blog-page .blog-filter-selects{grid-template-columns:1fr 1fr}}.blog-page .blog-filter-select-label{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted)}.blog-page .blog-filter-select{width:100%;min-height:2.5rem;padding:var(--space-2) var(--space-3);padding-right:calc(var(--space-3) + 1.25rem);font-size:var(--text-sm);font-weight:500;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23556b63' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;cursor:pointer;transition:border-color .15s ease;appearance:none}.blog-page .blog-filter-select:hover{border-color:color-mix(in srgb,var(--lp-light-green) 22%,var(--color-border))}.blog-page .blog-filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 18%,transparent)}.blog-page .blog-filter-actions{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.blog-page .blog-filter-reset{width:100%;min-height:2.5rem;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}@media(hover:hover)and (pointer:fine){.blog-page .blog-filter-reset:hover{background:color-mix(in srgb,var(--lp-grid) 55%,var(--color-surface));border-color:color-mix(in srgb,var(--lp-light-green) 22%,var(--color-border))}}.blog-page .blog-filter-reset:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 18%,transparent)}.blog-page .blog-results-meta{margin:var(--space-3) 0 0;font-size:var(--text-xs);color:var(--color-text-muted);min-height:1.25em;line-height:1.45;word-break:break-word}@media(max-width:640px){.blog-page .blog-results-meta{padding:0 var(--space-1)}}.blog-page .blog-results-meta[hidden]{display:none}.blog-page .blog-no-matches{margin:0 0 var(--space-6);padding:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;border:1px dashed var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--lp-grid) 40%,var(--color-surface))}.blog-page .blog-article-item[hidden]{display:none!important}.blog-page .blog-pagination{margin-top:var(--space-8);display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--space-2);max-width:100%;padding-bottom:var(--space-1)}@media(max-width:640px){.blog-page .blog-pagination{flex-wrap:wrap;row-gap:var(--space-3)}.blog-page .blog-pagination__btn[id=blog-page-prev],.blog-page .blog-pagination__btn[id=blog-page-next]{flex:1 1 calc(50% - var(--space-2));min-width:0}.blog-page .blog-pagination__pages{order:-1;flex:1 1 100%;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;max-width:100%;padding:var(--space-1) 0;-webkit-overflow-scrolling:touch;scrollbar-width:thin}}.blog-page .blog-pagination[hidden]{display:none}.blog-page .blog-pagination__pages{display:inline-flex;align-items:center;gap:var(--space-2)}.blog-page .blog-pagination__btn{min-width:2.5rem;min-height:2.5rem;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.blog-page .blog-pagination__btn:hover{border-color:color-mix(in srgb,var(--lp-light-green) 28%,var(--color-border));background:color-mix(in srgb,var(--lp-grid) 45%,var(--color-surface))}.blog-page .blog-pagination__btn:disabled{opacity:.55;cursor:not-allowed}.blog-page .blog-pagination__btn.is-active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-bg));color:var(--lp-dark-green)}.blog-page .blog-pagination__ellipsis{color:var(--color-text-muted);font-size:var(--text-sm);min-width:1.25rem;text-align:center}.blog-page{padding:var(--space-8) 0 var(--space-12)}.blog-page .blog-header{margin-bottom:var(--space-8);max-width:var(--content-width);padding-bottom:var(--space-2)}.blog-page .blog-header h1{font-size:clamp(1.75rem,4vw,2.25rem);margin-bottom:var(--space-3)}.blog-page .blog-header p{color:var(--color-text-muted);margin:0;line-height:1.55}.blog-page .articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:var(--space-8) var(--space-8);row-gap:var(--space-12);padding-top:var(--space-2)}@media(max-width:480px){.blog-page .articles-grid{grid-template-columns:1fr;gap:var(--space-6);row-gap:var(--space-10)}}.blog-page .no-articles{color:var(--color-text-muted)}
