:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#493d33;background:#fcfaf6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}header,main,footer{max-width:1040px;margin:auto;padding:0 36px}header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:650;text-decoration:none}.brand img{border-radius:12px}nav{display:flex;gap:26px;font-size:14px}nav a{text-decoration:none}a:hover{color:#835b39}a:focus-visible{outline:3px solid #a87546;outline-offset:6px}.hero{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:74px 0 72px}.eyebrow{font-size:13px;letter-spacing:.12em;color:#816c58;font-weight:600}h1{font-size:clamp(36px,5.5vw,60px);line-height:1.23;letter-spacing:-.035em;margin:22px 0}.intro{font-size:18px;line-height:1.9;color:#75675c}.hero-cat{width:34%;height:auto;border-radius:26%;box-shadow:0 22px 70px #8d70441a}.button{display:inline-flex;gap:35px;padding:14px 22px;background:#70533d;color:white;border-radius:12px;text-decoration:none;margin-top:20px}.button:hover{background:#59402e;color:white}.note{font-size:12px;color:#82766b;margin-top:18px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-bottom:70px}.card{padding:30px;border:1px solid #e8dfd3;border-radius:20px;background:#fffdf9;text-decoration:none}.card h2{font-size:22px}.card h2 span{float:right;color:#9b795a}.card p{color:#75675c;line-height:1.9;margin-bottom:0}footer{border-top:1px solid #e8dfd3;padding-top:26px;padding-bottom:30px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#7b6e62}article{max-width:740px;margin:50px auto 76px}article h1{font-size:42px}.prose{margin-top:40px;line-height:1.9}.prose h2{font-size:22px;margin:36px 0 12px}.prose h3{font-size:17px;margin:26px 0 8px}.prose p,.prose li{font-size:15px;color:#65594f}.prose a{overflow-wrap:anywhere}.prose ul{padding-left:22px}.skip{position:absolute;left:16px;top:-80px;background:white;padding:12px}.skip:focus{top:12px}@media(max-width:640px){header,main,footer{padding-left:22px;padding-right:22px}header{min-height:84px;gap:12px}.brand{font-size:16px}.brand img{width:32px;height:32px}nav{gap:14px;font-size:12px}.hero{padding:38px 0 44px;gap:20px;align-items:flex-start}.hero-cat{width:28%;margin-top:48px}.intro{font-size:15px}.cards{grid-template-columns:1fr;padding-bottom:40px}.card{padding:24px}article{margin-top:32px}article h1{font-size:34px}footer{flex-wrap:wrap}}
