.joy-header{display:flex;align-items:center;gap:24px;padding:18px clamp(18px,4vw,56px);border-bottom:1px solid #e8ded8;background:#fff}
.joy-header .brand{display:flex;align-items:center;gap:10px;font-weight:800;text-decoration:none;color:#15251f}
.joy-header .brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#00a36c;color:#fff}
.joy-header nav{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto}
.joy-header nav a,.joy-header .header-cta{font-weight:700;text-decoration:none;color:#064d36}
.joy-page{background:#fffaf6;padding:42px 18px 72px}
.joy-hero,.joy-section{max-width:1040px;margin:0 auto 22px;background:#fff;border:1px solid #eadbd2;border-radius:12px;padding:30px clamp(22px,4vw,42px)}
.joy-hero h1{font-size:clamp(34px,4vw,56px);line-height:1.05;margin:8px 0 14px;color:#10251f}
.joy-hero p,.joy-section p,.joy-section li{font-size:16px;line-height:1.75;color:#213f37}
.joy-section h2{font-size:clamp(24px,2.5vw,34px);margin:0 0 12px;color:#10251f}
.joy-table{width:100%;border-collapse:collapse;margin-top:14px}
.joy-table th,.joy-table td{border:1px solid #d8e5de;padding:12px 14px;text-align:left;vertical-align:top;font-size:15px;line-height:1.55}
.mini-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.mini-links a{padding:9px 13px;border:1px solid #cfe5dc;border-radius:999px;text-decoration:none;font-weight:700;color:#00764f;background:#f7fffb}
.joy-footer{padding:28px 18px;text-align:center;background:#effaf5;color:#31564b}
@media(max-width:760px){.joy-header{align-items:flex-start;flex-direction:column}.joy-header nav{margin-left:0}.joy-table{display:block;overflow-x:auto}.joy-hero,.joy-section{padding:24px 18px}}