*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f4e9;color:#27344a;font:19px/1.7 Georgia,serif}a{color:#164b9a}a:hover{text-decoration:none}header{background:#1846a0;color:#fff;border-bottom:6px solid #ee796b}header .wrap{max-width:1250px;margin:auto;padding:20px 24px}header h1{margin:0;font:700 36px Georgia}header p{margin:2px 0 15px}nav{display:flex;flex-wrap:wrap;gap:8px}nav a{color:#fff;background:#2d60b9;padding:7px 15px;border-radius:4px;font:700 17px Arial;text-decoration:none}nav a:hover,nav a:focus{background:#e16a60}.layout{max-width:1250px;margin:24px auto;padding:0 16px;display:grid;grid-template-columns:220px minmax(0,1fr) 190px;gap:20px}.side,.tip,main{background:#fff;border:1px solid #dcd8d0;padding:20px;box-shadow:0 2px 8px #0000000a}.side h2,.tip h2{font:700 21px Arial;margin-top:0;color:#17458d}.side a{display:block;border-bottom:1px solid #eee;padding:8px 0;font:17px/1.4 Arial}main h2{font:700 32px/1.2 Georgia;color:#163e82;margin:0 0 16px}main h3{font:700 23px Georgia;color:#173f83;margin:27px 0 8px}main p{margin:0 0 18px}main img{width:100%;height:auto;max-height:360px;object-fit:cover;border-radius:4px}figure{margin:8px 0 24px}figcaption{font:15px Arial;color:#5e6470}.lead{font-size:21px;color:#3c485d}.tip{font:16px/1.6 Arial}.tip ul{padding-left:20px}.tip li{margin-bottom:12px}.sources{border-top:2px solid #e6e6e6;margin-top:30px;padding-top:15px;font:16px Arial}.sources a{overflow-wrap:anywhere}footer{text-align:center;padding:25px;background:#e8e5dc;font:16px Arial}footer a{margin:0 10px}@media(max-width:1050px){.layout{grid-template-columns:185px minmax(0,1fr)}.tip{grid-column:2}}@media(max-width:680px){body{font-size:18px}.layout{display:block;margin:12px auto}.side,.tip,main{margin-bottom:14px;padding:17px}header h1{font-size:30px}main h2{font-size:27px}nav a{font-size:15px}}