:root{--deep:#073b4c;--ocean:#006d77;--turquoise:#22c1b5;--mango:#ffd166;--cream:#fffaf0}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:#17333b;font:20px/1.8 Arial,Helvetica,sans-serif}header{padding:24px max(20px,calc((100vw - 860px)/2));background:linear-gradient(120deg,var(--ocean),var(--turquoise));color:white;border-top:10px solid var(--deep);border-bottom:6px solid var(--mango)}.brand{font-size:28px;font-weight:bold;color:white;text-decoration:none}.brand span{color:var(--mango)}header p{margin:4px 0 14px}.home-link{color:white;display:inline-block;padding:8px 0}main{max-width:900px;margin:24px auto;padding:28px;background:white;border-top:7px solid var(--turquoise);border-radius:16px;box-shadow:0 12px 32px #073b4c18}h1{font-size:clamp(28px,5vw,38px);line-height:1.3}h2{font-size:28px;line-height:1.4}h3{font-size:24px;line-height:1.4}p,li{overflow-wrap:anywhere}a{color:var(--ocean);text-underline-offset:3px}nav a{display:inline-block;padding:10px 0}img{max-width:100%;height:auto;border-radius:12px}.hero{width:100%;margin:12px 0 24px}.date{font-size:16px;color:#4c6069}.page-info{font-size:16px;color:#4c6069;margin:0 0 20px}.pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:28px}.pagination a,.pagination .current{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #cbdcdd;border-radius:9px;text-decoration:none}.pagination .current{background:var(--ocean);color:white;font-weight:bold}.pagination a:hover{background:var(--cream)}.pagination .ellipsis{padding:0 4px}.cards{display:grid;gap:24px}.card{display:flex;gap:20px;align-items:flex-start;padding:22px;background:var(--cream);border:1px solid #e5ded0;border-radius:14px;text-decoration:none;color:#17333b}.card img{width:140px;height:100px;object-fit:cover;flex-shrink:0}.card-content{flex:1;min-width:0}.card h2{font-size:25px;line-height:1.35;margin:0 0 8px}.card-content>p:not(.date){font-size:19px;line-height:1.7}.card p{margin:10px 0}footer{text-align:center;padding:20px}pre,table{display:block;max-width:100%;overflow-x:auto}blockquote{border-left:5px solid var(--mango);margin:24px 0;padding:0 20px}button{font:700 18px Arial;padding:14px 20px;background:var(--ocean);color:white;border:0;border-radius:10px;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #bd6500;outline-offset:4px}@media(max-width:600px){main{margin:16px 12px;padding:20px 16px}.card{padding:16px;flex-direction:column;gap:12px}.card img{width:100%;height:auto;aspect-ratio:16/9}.card h2{font-size:24px}body{font-size:20px}}