:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#193c4b;background:#f6f8f8}*{box-sizing:border-box}body{margin:0}header,footer{background:white;padding:19px max(24px,calc((100vw - 1200px)/2));display:flex;justify-content:space-between;gap:14px;align-items:center;border-bottom:1px solid #e1e8e9}header a,footer a{color:#117a68;text-decoration:none;font-weight:750}nav{display:flex;gap:16px}.brand{font-size:21px}main{max-width:1200px;margin:0 auto;padding:28px 22px 85px}.intro{background:linear-gradient(125deg,#133f50,#147d69);color:white;padding:55px 35px;border-radius:24px}.intro span{font-weight:800;letter-spacing:1px;font-size:12px}.intro h1{font-size:clamp(31px,5vw,59px);letter-spacing:-2px;margin:15px 0}.intro p{color:#d7efea;font-size:17px;line-height:1.5}.toolbar{display:flex;gap:12px;flex-wrap:wrap;background:white;padding:20px;margin:20px 0;border-radius:16px;border:1px solid #dce7e7;align-items:end}.toolbar label{display:grid;gap:5px;flex:1 1 160px;color:#506d77;font-size:13px}.toolbar input,.toolbar select{border:1px solid #d4e1e2;border-radius:9px;padding:11px;min-height:43px}.toolbar button,.back{border:0;border-radius:9px;padding:12px 19px;background:#137b68;color:white;font-weight:800;cursor:pointer}.newsgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.story{background:white;overflow:hidden;border:1px solid #e0e9e8;border-radius:17px;min-width:0;box-shadow:0 4px 20px #0c413e08}.story img{width:100%;height:170px;object-fit:cover}.story div{padding:22px}.story span{font-size:11px;text-transform:uppercase;color:#117c69;font-weight:850;letter-spacing:.6px}.story h2{font-size:21px;line-height:1.3;margin:10px 0}.story p{color:#5d7480;line-height:1.65}.story button{border:0;background:none;padding:5px 0;color:#137b68;font-weight:850;cursor:pointer}#article{max-width:800px;margin:auto;background:white;border-radius:20px;padding:clamp(20px,4vw,50px);box-shadow:0 5px 35px #143d420b}#article h1{font-size:clamp(29px,4vw,48px)}#article img{width:100%;border-radius:12px;max-height:390px;object-fit:cover}#article p{white-space:pre-wrap;line-height:1.85;color:#3d5866;font-size:17px}footer{margin-top:20px;color:#78909b;border-top:1px solid #e1e8e9}@media(max-width:650px){.intro{padding:35px 24px}header,footer{padding:15px 20px}}