/* Shared audience content, following the existing Hara product-page layout. */
.audience-page .audience-date{font-size:12px;color:#62685a;line-height:1.6;margin:0 0 16px}
.audience-page .dm-hero{align-items:start}
.audience-page .dm-product-proof{margin-top:12px}
.audience-page .dm-hero .dm-product-proof>a{width:200px}
.audience-table-section{padding-bottom:72px}
.audience-table-section h2{max-width:28ch}
.audience-table-hint{font-size:12px;margin:0 0 14px}
.audience-table-wrap{overflow:auto;border:1px solid #d5dcc8;border-radius:12px}
.audience-table-wrap:focus-visible{outline:3px solid #516629;outline-offset:4px}
.audience-table-wrap table{border-collapse:collapse;width:100%;min-width:640px;text-align:left;font-size:15px;line-height:1.65}
.audience-table-wrap caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.audience-table-wrap th,.audience-table-wrap td{padding:20px;vertical-align:top;border-bottom:1px solid #d5dcc8;width:33.333%}
.audience-table-wrap thead th{background:#eef3da;color:#354326;font-weight:650}
.audience-table-wrap tbody th{font-weight:600;color:#30382a}
.audience-table-wrap td{color:#50534b}
.audience-table-wrap tr:last-child th,.audience-table-wrap tr:last-child td{border-bottom:0}
.audience-resource-links{padding-block:28px;border-block:1px solid #e0e4d6;margin-bottom:32px}
.audience-resource-links h2{font-size:21px;line-height:1.35;margin:0 0 15px}
.audience-resource-links p{font-size:14px;line-height:1.7;color:#50534b;margin:0 0 16px}
.audience-resource-links nav{display:flex;flex-wrap:wrap;gap:14px 28px}
.audience-resource-links a{font-size:14px;line-height:1.7;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.audience-table-section{padding-bottom:48px}.audience-page .dm-hero .dm-product-proof>a{width:180px}.audience-table-wrap th,.audience-table-wrap td{padding:16px}.audience-resource-links nav{gap:12px 22px}}
/* Keep the mobile menu below the rounded header instead of inside its backdrop layer. */
@media(max-width:760px){
 .audience-page .nav-shell{position:relative}
 .audience-page .nav-links{position:absolute;inset:calc(100% + 10px) 0 auto;z-index:5;padding:20px 24px;gap:4px;background:#fff;border:1px solid #e0e4d6;border-radius:20px;box-shadow:0 14px 32px #2531221a;max-height:calc(100dvh - 110px);overflow:auto}
 .audience-page .nav-links.is-open a{font-size:18px;letter-spacing:0;padding:12px 0;line-height:1.5;width:100%}
}