.commerce-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px;align-items:center}.commerce-nav a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:42px;padding:10px 17px;border:1px solid #597344;border-radius:12px;background:linear-gradient(150deg,#20311e,#131d13);color:#d4e6c2;text-decoration:none;font-size:13px;font-weight:650;letter-spacing:.015em;line-height:1.3;transition:background .16s,border-color .16s}.commerce-nav a:hover{color:#f1f8e7;background:#2d4427;border-color:#a5bd7c}.commerce-nav a[aria-current="page"]{background:#334b2b;border-color:#a2bc78;color:#eff5e7}.commerce-nav a:focus-visible{outline:3px solid #d2e79d;outline-offset:3px}.commerce-heading{margin:8px 0 32px}.commerce-heading h1,.commerce-shop-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,4vw,46px)!important;line-height:1.18!important;letter-spacing:-.025em;margin:10px 0 16px;font-weight:500;color:#edf0e3;overflow-wrap:normal}.commerce-heading>p{color:#cbdca9;font-size:16px;font-weight:800;letter-spacing:.06em}.books-intro h2{font-size:clamp(28px,4vw,48px);line-height:1.15}.commerce-main{max-width:1200px;margin:auto;padding:28px 24px 70px}.commerce-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.commerce-card{padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.commerce-card h2{font-size:27px;margin:0}.commerce-card p{line-height:1.6;color:#ccd5c1;margin:0}.commerce-card .button{margin-top:auto}.commerce-soon{color:#d9deaa;font-size:13px;font-weight:800;letter-spacing:.06em}.commerce-placeholder{padding:36px;max-width:900px}.commerce-placeholder p{font-size:20px;line-height:1.6}@media(max-width:700px){.commerce-grid{grid-template-columns:1fr}.commerce-main{padding:20px 16px 60px}.commerce-heading h1,.commerce-shop-title{font-size:32px!important}.commerce-nav{gap:8px}.commerce-nav a{font-size:12px;padding:10px 13px}.commerce-heading{margin-bottom:24px}}

/* Course return link: align icon and translated label on the same centerline. */
.commerce-heading>a.button{display:inline-flex;align-items:center;gap:.5em}
.commerce-heading>a.button>span[aria-hidden]{display:inline-flex;align-items:center;justify-content:center;line-height:1;align-self:center}