:root{color-scheme:light;--ink:#263e34;--muted:#627368;--line:#c9d0c3}*{box-sizing:border-box}body{margin:0;background:#f7f5ee;color:var(--ink);font:17px/1.75 Georgia,serif}a{color:inherit;text-underline-offset:5px}a:hover{color:#896335}a:focus-visible{outline:3px solid #a5783f;outline-offset:5px}header,main,footer{max-width:1160px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header a{text-decoration:none}.brand{font-size:28px;font-weight:bold}nav{display:flex;gap:26px;font:14px system-ui}main{padding-top:55px;min-height:70vh}h1{font-size:clamp(42px,6.5vw,78px);line-height:1.08;font-weight:normal;letter-spacing:-2px;margin:20px 0 28px}h2{font-size:29px;font-weight:normal;line-height:1.3}h2 a{text-decoration:none}.hero{padding:20px 0 60px;max-width:790px}.compact{padding:35px 0}.lead{font-size:21px;max-width:660px;color:var(--muted)}.eyebrow{font:11px system-ui;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.button{display:inline-block;padding:12px 19px;border:1px solid #788d77;text-decoration:none;margin-top:12px}.landscape{height:230px;background:#dbe5d4;overflow:hidden;position:relative;border-radius:3px}.landscape:before{content:'';position:absolute;width:70px;height:70px;border-radius:50%;background:#ebc284;top:30px;right:20%}.landscape i,.landscape b{position:absolute;border-radius:50%;height:250px;width:130%;background:#a0b497;left:-15%;top:90px;transform:rotate(-9deg)}.landscape b{background:#526f5c;top:170px;left:10%;transform:rotate(10deg)}.section-title{display:flex;justify-content:space-between;align-items:center;margin-top:40px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.card{border-top:1px solid var(--line);padding-top:20px}.card>p{color:var(--muted)}.weather{background:#eaf0e5;padding:24px;border-radius:3px}.temperature{font:42px/1.2 Georgia,serif;margin:20px 0 8px}.conditions{margin:0}.observed,.status,.clock{font:12px/1.6 system-ui;color:var(--muted)}.status.warning{color:#87520d}.forecast{font:12px/1.7 system-ui}.forecast-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ccd7c6;padding:8px 0}.note{border-top:1px solid var(--line);padding:30px 0;margin:50px 0 0}.city-layout{display:grid;grid-template-columns:350px 1fr;align-items:start;gap:65px}.city-layout article h2:first-child{margin-top:0}.reading{max-width:760px;margin:30px auto 70px}.reading h2{margin-top:40px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font:12px/1.7 system-ui;color:var(--muted);margin-top:45px}.skip{position:absolute;top:-60px;left:20px;background:white;padding:8px;z-index:5}.skip:focus{top:10px}@media(max-width:800px){.grid{grid-template-columns:1fr}.city-layout{grid-template-columns:1fr;gap:30px}.card{display:block}.hero{padding-bottom:35px}.section-title{display:block}.weather{max-width:100%}}@media(max-width:500px){header,main,footer{padding:22px}nav{gap:12px;font-size:12px}.brand{font-size:23px}footer{flex-direction:column}.landscape{height:170px}h1{letter-spacing:-1px}.lead{font-size:19px}}
