:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#243d32;background:#faf9f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#315b40;text-underline-offset:.2em}header,footer{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 40px}header{border-bottom:1px solid #dde4d9}nav{display:flex;gap:24px;flex-wrap:wrap}header a,footer a{text-decoration:none;font-size:.9rem}.brand{display:flex;align-items:center;gap:10px;font-size:1.6rem;font-weight:700;letter-spacing:-.05em}main{max-width:1060px;margin:auto;padding:70px 40px 100px;min-height:65vh}h1,h2,h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.15}h1{font-size:clamp(2.5rem,6vw,4.6rem);max-width:900px;margin:0 0 42px}h2{font-size:2rem}h3{font-size:1.5rem}p,li{line-height:1.8;color:#4e5e53}main>ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}main>ul>li{background:#fff;border:1px solid #dfe5dc;border-radius:16px;padding:28px}main>ul h2{margin:0 0 18px;font-size:1.7rem}main>ul h2 a{text-decoration:none}main>article{max-width:760px;margin:auto}article>p{font-size:1.08rem}article>img{margin:30px 0;width:100%;border-radius:12px}img{max-width:100%;height:auto}time{font-size:.85rem;color:#657368}blockquote{border-left:3px solid #95af83;margin:30px 0;padding:8px 24px;background:#f0f3eb}pre{overflow:auto;background:#eaf0e5;padding:20px;border-radius:10px}code{overflow-wrap:anywhere}table{display:block;overflow:auto;border-collapse:collapse;max-width:100%;font-size:.95rem}td,th{border:1px solid #d0dbcc;padding:12px;min-width:120px}a:focus-visible{outline:3px solid #739b58;outline-offset:5px}a:hover{text-decoration:underline}.pagination{margin-top:42px;justify-content:space-between}.pagination a{padding:10px 16px;background:#e8efdf;border-radius:8px}.skip{position:absolute;top:-100px}.skip:focus{top:8px;left:8px;background:white;padding:12px;z-index:2}footer{border-top:1px solid #dde4d9;font-size:.9rem}footer p{margin:0}@media(max-width:650px){header,footer{padding:22px;align-items:flex-start;flex-direction:column;gap:18px}nav{gap:16px}main{padding:44px 22px 64px}main>ul{grid-template-columns:1fr}main>ul>li{padding:24px}h1{margin-bottom:30px}article{overflow-wrap:anywhere}.pagination{gap:16px}h2{font-size:1.75rem}}