:root{--green:#167447;--red:#c7262e;--ink:#17211b;--paper:#f7f5ef}*{box-sizing:border-box}html{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--paper)}body{margin:0}a{color:var(--green)}.site-header{border-top:6px solid var(--red);background:#fff;padding:1rem max(5vw,1rem)}.site-header img{display:block;width:min(480px,85vw);height:auto}.site-header p{margin:.2rem 0 0}main{width:min(1120px,92vw);margin:2rem auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.card,.single,.comments{overflow:hidden;background:#fff;border-radius:12px;box-shadow:0 3px 16px #17211b12}.card-body,.single,.comments{padding:1.15rem}.card h2,.card h3{font-size:1.1rem;line-height:1.25;margin:0}.card h2 a,.card h3 a,.single h1{text-decoration:none;color:var(--ink)}.thumb,.video{display:block;overflow:hidden;width:100%;aspect-ratio:16/9;background:#111;border:0;padding:0;cursor:pointer}.thumb img,.video img{width:100%;height:100%;object-fit:cover}.video iframe{width:100%;height:100%;border:0}.single{padding:clamp(1rem,3vw,2rem)}.single .video{margin:1rem 0}.single h1{font-size:clamp(1.7rem,4vw,2.8rem);line-height:1.15;margin-top:0}.details{margin-top:1.7rem}.details h2,.comments h2{font-size:1.35rem}.description{white-space:normal;overflow-wrap:anywhere;line-height:1.65}.excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45}.meta,.keyword,.tags,.comment-meta{color:#5d665f;font-size:.9rem}.comments,.related{margin-top:2.5rem}.comment{display:grid;grid-template-columns:auto 1fr;gap:.8rem;padding:1rem 0;border-top:1px solid #e5e5e0}.comment img{border-radius:50%}.comment p{margin:.15rem 0;white-space:pre-wrap;overflow-wrap:anywhere}.pagination{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:2rem 0}.pagination a{background:#fff;padding:.65rem 1rem;border-radius:.5rem}footer{margin-top:3rem;padding:2rem 5vw;color:#fff;background:var(--ink)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:600px){.pagination{flex-direction:column}.site-header{padding:.75rem 1rem}}