/* Layout for the AI visibility monitoring service, shared by both languages. */
.monitoring-page{width:min(1080px,calc(100% - 64px));padding:40px 0 88px;font-weight:400}
.monitoring-page .page-breadcrumbs{font-size:13px;line-height:22px;color:#737373}
.monitoring-page .page-breadcrumbs a{text-underline-offset:4px}
.monitoring-page .page-hero{align-items:flex-start;justify-content:center;text-align:left;max-width:none;min-height:0;margin:28px 0 64px;padding:48px;background:#f3f6f5;border-radius:24px}
.monitoring-page .eyebrow{margin:0 0 16px;color:#3b6654;font-size:12px;letter-spacing:.1em}
.monitoring-page .page-hero h1{max-width:850px;font-size:clamp(36px,4.5vw,52px);font-weight:500;line-height:1.18;letter-spacing:-.025em;text-wrap:balance}
.monitoring-page .lede{max-width:720px;margin-top:20px;font-size:17px;line-height:1.85;color:#525252;text-wrap:pretty}
.monitoring-page .resource-prose{max-width:none;margin:0}
.monitoring-page .resource-prose>section{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;margin:0;padding:40px 0;border-top:1px solid #e5e7e5}
.monitoring-page .resource-prose h2{margin:0;font-size:24px;font-weight:500;line-height:1.5;letter-spacing:-.015em;text-wrap:balance}
.monitoring-section-body{min-width:0}
.monitoring-page .resource-prose p,.monitoring-page .resource-prose li{font-size:16px;line-height:1.9;color:#525252;overflow-wrap:anywhere}
.monitoring-page .resource-prose p{margin:0 0 18px}
.monitoring-page .resource-prose p:last-child{margin-bottom:0}
.monitoring-page .resource-prose a,.monitoring-page .resource-next a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#b0bcb5}
.monitoring-page .resource-prose a:hover,.monitoring-page .resource-next a:hover{text-decoration-color:currentColor}
.monitoring-page .resource-prose ul{margin:0 0 24px;padding-left:22px}
.monitoring-page .resource-prose li{padding-left:5px;margin:0 0 12px}
.monitoring-page .resource-prose li::marker{color:#668575}
.monitoring-page .resource-prose>.monitoring-metrics{grid-template-columns:1fr;gap:24px}
.monitoring-page .resource-table{margin:0 0 22px;border-color:#e1e6e2;border-radius:16px;max-width:100%;overscroll-behavior-x:contain}
.monitoring-page .resource-table table{width:100%;min-width:620px;table-layout:fixed;font-size:15px;line-height:1.8}
.monitoring-page .resource-table caption{padding:16px 22px;background:#f3f6f5;font-size:13px;line-height:22px;color:#526359;font-weight:400}
.monitoring-page .resource-table th,.monitoring-page .resource-table td{padding:20px 22px;border-color:#e5e9e6;overflow-wrap:anywhere}
.monitoring-page .resource-table thead{background:#fafbf9}
.monitoring-page .resource-table thead th:first-child{width:22%}
.monitoring-page .resource-table tbody th{font-weight:500;color:#1c3025}
.monitoring-page .resource-table td{color:#525252}
.monitoring-page .resource-table tbody tr:last-child>*{border-bottom:0}
.monitoring-page #service-faq h3{margin:24px 0 10px;font-size:18px;line-height:1.6;font-weight:500}
.monitoring-page #service-faq h3:first-child{margin-top:0}
.monitoring-page #service-faq p{padding-bottom:24px;border-bottom:1px solid #eee}
.monitoring-page #service-faq p:last-child{border:0;padding-bottom:0}
.monitoring-page .resource-next{max-width:none;margin:40px 0 0;padding:32px 36px;border:0;border-radius:20px;background:#f3f6f5}
.monitoring-page .resource-next h2{margin:0 0 12px;font-size:26px;line-height:1.5;font-weight:500}
.monitoring-page .resource-next p{margin:0;font-size:16px;line-height:1.9;color:#525252}
@media(max-width:900px){
 .monitoring-page{width:calc(100% - 48px)}
 .monitoring-page .resource-prose>section{grid-template-columns:190px minmax(0,1fr);gap:28px}
 .monitoring-page .resource-prose>.monitoring-metrics{grid-template-columns:1fr}
 .monitoring-page .page-hero{padding:36px;margin-bottom:48px}
}
@media(max-width:680px){
 .monitoring-page{width:calc(100% - 40px);padding:28px 0 56px}
 .monitoring-page .page-hero{margin:20px 0 36px;padding:28px 24px;border-radius:20px}
 .monitoring-page .page-hero h1{font-size:34px;line-height:1.25}
 .monitoring-page .lede{font-size:16px;line-height:1.85;margin-top:16px}
 .monitoring-page .resource-prose>section{grid-template-columns:1fr;gap:18px;padding:28px 0}
 .monitoring-page .resource-prose h2{font-size:23px;line-height:1.5;text-wrap:wrap}
 .monitoring-page .resource-table th,.monitoring-page .resource-table td{padding:16px}
 .monitoring-page .resource-next{margin-top:24px;padding:26px 24px}
 .monitoring-page .resource-next h2{font-size:24px}
}
