*{box-sizing:border-box}body{margin:0;background:#faf8ef;color:#25392e;font-family:Arial,sans-serif}a{color:#315b3d;text-underline-offset:4px}header,footer{padding:24px max(24px,calc((100vw - 1100px)/2));border-bottom:1px solid #d7dfcf}header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.brand{font-family:Georgia,serif;font-size:26px;font-weight:bold;text-decoration:none}nav{display:flex;gap:20px;align-items:center}main{max-width:1100px;margin:auto;padding:40px 24px}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:2px;text-transform:uppercase}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;margin:24px 0 48px}h1{font:clamp(36px,5vw,64px)/1.06 Georgia,serif;letter-spacing:-1.5px;margin:16px 0}h2{font:30px/1.2 Georgia,serif;margin-top:44px;scroll-margin-top:20px}h3{font:23px Georgia,serif}.dek{font-size:20px;line-height:1.5}figure{margin:0;background:#efe8df;border-radius:20px;overflow:hidden}figure img{width:100%;height:360px;object-fit:contain;display:block}figcaption{padding:16px;font-size:13px;line-height:1.5}.reading{display:grid;grid-template-columns:230px minmax(0,700px);gap:48px;align-items:start}aside{padding:20px;background:#eaf0e2;border-radius:12px;position:sticky;top:20px}aside a{display:block;font-size:14px;margin:12px 0;line-height:1.4}.body{font-size:18px;line-height:1.8;min-width:0}.body p:first-child{margin-top:0}[role=region]{overflow:auto;border:1px solid #cbd9c2;border-radius:12px}table{border-collapse:collapse;min-width:620px;width:100%;font-size:15px}th,td{padding:14px;text-align:left;vertical-align:top;border-bottom:1px solid #d7dfcf}th{background:#eaf0e2}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid #cbd9c2;padding:24px;border-radius:16px;background:white}.card p{line-height:1.6}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:5px;background:white;padding:10px}:focus-visible{outline:3px solid #9c3d60;outline-offset:4px}footer{margin-top:64px;font-size:14px;line-height:1.6}@media(max-width:760px){.hero,.reading,.cards{grid-template-columns:1fr;gap:24px}aside{position:static}main{padding-top:25px}figure img{height:280px}h1{letter-spacing:-1px}.body{font-size:17px}.hero{margin-bottom:30px}}
/* Bound long-form guide text while retaining the wide hero and cards. */
article.body{max-width:740px;margin-inline:auto}