.blog-landing-layout{display:grid;grid-template-columns:minmax(210px,260px) minmax(0,1fr);gap:clamp(28px,5vw,58px);align-items:start}.blog-filter-panel{position:sticky;top:112px;display:grid;max-height:calc(100vh - 136px);max-height:calc(100dvh - 136px);gap:24px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--green-line);border-radius:8px;padding:24px;background:#07322985;scrollbar-gutter:stable}.blog-filter-intro,.blog-filter-group{display:grid;gap:10px}.blog-filter-intro{gap:8px}.blog-filter-panel h2{max-width:none;font-size:2rem;line-height:1.05}.blog-search-field{position:relative;display:block;min-width:0}.blog-search-icon{position:absolute;top:50%;left:12px;width:17px;height:17px;pointer-events:none;transform:translateY(-50%);color:#ffffff94}.blog-search-input{display:block;width:100%;min-width:0;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:7px 40px 7px 38px;background:#ffffff12;color:var(--white);font:inherit;font-size:.92rem;line-height:1.5;outline:none}.blog-search-input::placeholder{color:#ffffff85}.blog-search-input::selection{background:var(--orange);color:var(--white)}.blog-search-input::-webkit-search-cancel-button{appearance:none}.blog-search-input:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px #ffc27352}.blog-search-clear:focus-visible{box-shadow:0 0 0 3px #ffc27352}.blog-search-input:disabled,.blog-search-clear:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.blog-search-clear{position:absolute;top:50%;right:7px;display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border:0;border-radius:6px;padding:0;background:transparent;transform:translateY(-50%);color:#ffffffad;cursor:pointer;outline:none;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.blog-search-clear[hidden]{display:none}.blog-search-clear:hover{background:#ffffff1a;color:var(--white)}.blog-search-clear svg{width:16px;height:16px;flex:0 0 auto;pointer-events:none}.blog-filter-group h3{color:var(--pastel-orange);font-family:var(--sans);font-size:.78rem;font-weight:900;line-height:1.2}.blog-results{min-width:0}.blog-results-header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:34px}.blog-results-header .section-heading{margin-bottom:0}.blog-result-count{flex:0 0 auto;color:#ffffffad;font-size:.94rem;font-weight:800}.post-list{display:grid;gap:16px}.post-card{display:grid;gap:14px;border:1px solid var(--green-line);border-radius:8px;padding:28px;background:#0f4a3dc7;color:var(--white);text-decoration:none}.post-card[hidden]{display:none}.post-card:hover,.post-card:focus-visible{border-color:#ffc273b8;background:#0f4a3df5}.post-date{color:var(--pastel-orange);font-size:.78rem;font-weight:900;text-transform:uppercase}.post-card p{max-width:760px;color:#ffffffc2}.blog-empty-state{margin:16px 0 0;border:1px solid rgba(255,194,115,.32);border-radius:8px;padding:22px;background:#07322980;color:#ffffffc7;font-weight:800}.blog-empty-state a{color:var(--pastel-orange);text-underline-offset:4px}@media(max-width:900px){.blog-landing-layout{grid-template-columns:1fr}.blog-filter-panel{position:static;max-height:none;overflow:visible}}@media(max-width:640px){.blog-results-header{display:grid;align-items:start}}.blog-complete-archive{margin-top:30px;border-top:1px solid var(--green-line);padding-top:20px}.blog-complete-archive summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;color:var(--white);font-weight:900;cursor:pointer}.blog-complete-archive summary span{color:#fff9;font-size:.84rem}.blog-complete-archive ol{display:grid;gap:0;margin:20px 0 0;padding:0;list-style:none}.blog-complete-archive li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;align-items:baseline;border-top:1px solid rgba(255,255,255,.08);padding:11px 0}.blog-complete-archive a{color:#ffffffd1;font-weight:700}.blog-complete-archive a:hover,.blog-complete-archive a:focus-visible{color:var(--pastel-orange)}.blog-complete-archive time{color:#ffffff8c;font-size:.8rem;white-space:nowrap}@media(max-width:640px){.blog-complete-archive li{grid-template-columns:1fr;gap:4px}}