:root{--teal:#0a7c6e;--dark:#1a2332;--muted:#526172;--border:#dce6e9}
*{box-sizing:border-box}body{margin:0;color:var(--dark);background:#f7faf9;font-family:'DM Sans',sans-serif;line-height:1.6}a{color:var(--teal)}a:focus-visible,button:focus-visible{outline:3px solid #e59e30;outline-offset:5px}.skip{position:absolute;top:-100px;left:16px;background:white;padding:10px;z-index:10}.skip:focus{top:8px}header{background:var(--dark);color:white}.header-inner{max-width:1160px;margin:auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font:700 23px 'Fraunces',serif}.logo img{width:36px;height:36px}.logo span{color:#51d6bc}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{color:#e2eeed;text-decoration:none;font-size:14px}nav a[aria-current]{color:#75ead0;text-decoration:underline;text-underline-offset:7px}main{max-width:1100px;margin:auto;padding:50px 24px 64px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700;color:var(--teal)}h1,h2,h3{font-family:'Fraunces',serif;line-height:1.12}h1{font-size:clamp(40px,6vw,70px);max-width:760px;margin:16px 0 22px;letter-spacing:-.03em}.intro{font-size:18px;color:var(--muted);max-width:630px}.hero{padding-bottom:36px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding:20px 0}.section-heading h2{font-size:24px;margin:0}.section-heading span{font-size:14px;color:var(--muted)}.resource{display:grid;grid-template-columns:.85fr 1.15fr;background:white;border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:0 16px 40px #173f3510}.cover{background:#dff1eb;min-height:400px;display:flex;align-items:center;justify-content:center;padding:40px;position:relative}.book{background:#123d38;color:white;max-width:290px;aspect-ratio: .71;box-shadow:12px 16px 0 #0a7c6e24;padding:32px 26px;display:flex;flex-direction:column;justify-content:space-between;border-left:7px solid #227567;border-radius:4px 12px 12px 4px}.book small{font-size:11px;letter-spacing:.16em}.book h2{font-size:38px;margin:26px 0;color:#fff}.book .rule{height:5px;width:70px;background:#e6ad58}.book p{font-size:13px;color:#cbe3dc;margin-bottom:0}.details{padding:40px}.tag{display:inline-block;background:#e4f3ed;color:#075c4e;font-size:12px;font-weight:700;border-radius:20px;padding:5px 12px}.details h2{font-size:34px;margin:18px 0}.details p{color:var(--muted)}.facts{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.facts span{font-size:13px;padding:6px 10px;background:#f2f6f5;border-radius:6px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 14px}.button{display:inline-flex;justify-content:center;align-items:center;border-radius:10px;padding:13px 20px;font-weight:600;text-decoration:none;background:var(--teal);color:white;border:1px solid var(--teal)}.button:hover{background:#075e53}.button.secondary{background:white;color:var(--teal)}.pending{padding:14px 16px;background:#fff8e9;border-left:3px solid #d4a347;border-radius:4px;font-size:14px}.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:40px}.tips h3{font-size:20px}.tips p{font-size:14px;color:var(--muted)}footer{border-top:1px solid var(--border);padding:24px;text-align:center;color:var(--muted);font-size:13px}footer a{margin:0 8px}@media(max-width:650px){.header-inner{align-items:flex-start;flex-direction:column;padding:16px 20px}nav{gap:18px}main{padding:32px 18px}.resource{grid-template-columns:1fr}.cover{min-height:300px;padding:30px}.book{width:220px;padding:24px}.book h2{font-size:30px}.details{padding:26px}.details h2{font-size:29px}.tips{grid-template-columns:1fr;gap:0}.actions{flex-direction:column}.section-heading{align-items:flex-start}.section-heading span{text-align:right}}
:root .book h2{font-size:30px;overflow-wrap:normal}
@media(max-width:650px){:root .book h2{font-size:23px}}
:root .pdf-cover{display:block;width:100%;max-width:300px;height:auto;box-shadow:0 14px 30px #123d3830;border-radius:5px}.resource-note{font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}