*{box-sizing:border-box}body{color:#222;overflow-wrap:anywhere;background:#f7f8fa;flex-direction:column;min-height:100vh;margin:0;font-family:system-ui,sans-serif;line-height:1.6;display:flex}h1,h2,h3{margin:0 0 1rem;line-height:1.3}h1{font-size:clamp(1.75rem,4vw,2.25rem)}h2{font-size:1.5rem}h3{font-size:1.125rem}p{margin:0 0 1rem}a{color:#1d4ed8;text-underline-offset:.15em}a:hover{text-decoration:none}:focus-visible{outline-offset:3px;outline:2px solid #1d4ed8}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:70rem;margin-inline:auto;padding-inline:1rem}.site-header{background:#fff;border-bottom:1px solid #dce0e5;padding-block:1rem}.site-title{color:#222;font-size:1.25rem;font-weight:700;text-decoration:none}.site-main{flex:1;padding-block:2rem 3rem}.site-footer{color:#626975;border-top:1px solid #dce0e5;padding-block:1.25rem;font-size:.875rem}.site-footer p{margin:0}.page-header{margin-bottom:1.5rem}.category-block,.related-posts{margin-top:2.5rem}.category-link{margin:1rem 0 0}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.post-card{background:#fff;border:1px solid #dce0e5;border-radius:6px;flex-direction:column;min-width:0;display:flex}.post-card img{aspect-ratio:16/9;object-fit:cover;border-radius:5px 5px 0 0;width:100%}.post-card .post-meta{margin:auto 0 0}.post-card-content{flex-direction:column;flex:1;padding:1rem;display:flex}.post-meta{color:#626975;flex-wrap:wrap;gap:.25rem 1rem;font-size:.875rem;display:flex}.button,button,.pagination a,.pagination strong{color:#222;min-height:2.75rem;font:inherit;background:#fff;border:1px solid #dce0e5;border-radius:4px;justify-content:center;align-items:center;padding:.5rem .875rem;text-decoration:none;display:inline-flex}.button:hover,button:not(:disabled):hover,.pagination a:hover{color:#1d4ed8;border-color:#1d4ed8}button{cursor:pointer}button:disabled,.pagination strong{color:#fff;cursor:default;background:#1d4ed8;border-color:#1d4ed8}.sort-controls{margin-bottom:2rem}.sort-controls fieldset{border:0;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;display:flex}.sort-controls legend{margin-bottom:.5rem;padding:0;font-weight:600}.pagination{flex-wrap:wrap;gap:.5rem;margin-top:2rem;display:flex}.post{max-width:48rem;margin-inline:auto}.post>header{margin-bottom:1.5rem}.post-categories ul{flex-wrap:wrap;gap:.5rem 1rem;margin:0;padding:0;list-style:none;display:flex}.post-image{border-radius:6px;width:100%;margin-bottom:1.5rem}.post-description{font-size:1.125rem}.post-body{white-space:pre-wrap}.empty-state{color:#626975;border:1px dashed #dce0e5;grid-column:1/-1;padding:1rem}.error-page{text-align:center;padding-block:3rem}@media (width<=60rem){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=40rem){.post-grid{grid-template-columns:1fr}}