:root{font:16px/1.7 system-ui,-apple-system,'Segoe UI',sans-serif;color:#264d3a;background:#f8f7ee}*{box-sizing:border-box}body{margin:0}a{color:inherit}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}header{display:flex;align-items:center;gap:24px;padding:22px 0}header nav{margin-left:auto;display:flex;gap:20px}.brand{font-size:21px;font-weight:800;text-decoration:none;letter-spacing:1px}.brand small{display:block;font-size:10px;letter-spacing:2px}select{font:inherit;background:white;border:1px solid #bec8b3;border-radius:14px;padding:10px;max-width:100%;color:inherit}.hero{display:grid;grid-template-columns:1fr 280px;align-items:center;gap:40px;padding:35px 0 45px}.hero img{max-width:100%;object-fit:contain}.eyebrow{font-size:11px;letter-spacing:2px}h1{font-size:clamp(30px,5vw,49px);line-height:1.3;letter-spacing:-1px;margin:20px 0}h2{font-size:23px;line-height:1.35}.hero p{max-width:680px}.price{font-size:30px;font-weight:750}.price span{font-size:15px;font-weight:500}.muted{font-size:13px;color:#697563}.choose{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid #d6dfce;padding:25px 0}fieldset{display:flex;border:0;gap:22px;margin:0 0 0 auto;padding:0}legend{font-size:12px;color:#697563}fieldset label{cursor:pointer;white-space:nowrap}.notice{background:#eaf0e1;border-radius:16px;padding:15px 20px;font-size:14px}.books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:18px 0}.book{border:1px solid #dce2d3;border-radius:24px;overflow:hidden;background:#fffefa}.cover{height:270px;background:#eef0e3;display:flex;justify-content:center;padding:18px}.cover img{max-height:100%;max-width:100%;object-fit:contain;box-shadow:2px 4px 12px #243f1e1a}.copy{padding:22px}.badge{font-size:12px;color:#496447;background:#eaf0e1;padding:5px 9px;border-radius:14px}.book h2{margin:14px 0 8px}.book p{margin:9px 0}.button,button{font:inherit;display:inline-block;border:0;padding:12px 18px;border-radius:24px;background:#2d674d;color:white;text-decoration:none;font-weight:650;cursor:pointer}.button{width:100%;text-align:center;margin-top:12px}button:disabled{cursor:default;background:#e8ebdf;color:#798574;width:100%;margin-top:12px}.how{background:#f0eee1;border-radius:24px;padding:28px;margin:36px 0}.how li{margin:10px 0}footer{border-top:1px solid #d6dfce;padding:24px 0}.skip,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden}.skip:focus{position:fixed;top:10px;left:10px;width:auto;height:auto;background:white;z-index:10;padding:15px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ba7739;outline-offset:3px}@media(max-width:780px){.books{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr 180px;gap:16px}.hero img{width:180px;height:180px}fieldset{margin-left:0;width:100%}header{gap:14px}header nav{font-size:14px;gap:10px}}@media(max-width:510px){.wrap{width:calc(100% - 28px)}header{flex-wrap:wrap}.brand{font-size:18px}.hero{position:relative;display:block;padding:24px 0}.hero img{position:absolute;right:0;top:8px;width:100px;height:100px;opacity:.9}.eyebrow{max-width:230px;font-size:9px}.hero h1{padding-right:65px;font-size:29px}.books{grid-template-columns:1fr}.cover{height:310px}.copy{padding:20px}header nav{margin-left:0}header select{padding:6px}.how{padding:20px}.hero .price{font-size:28px}.price span{font-size:13px}}