.sample-intro{padding-top:55px;padding-bottom:35px}.sample-intro h1{font-size:clamp(36px,4.4vw,57px)}.sample-intro>p:not(.eyebrow){max-width:640px;color:var(--muted);margin:20px 0}.audit-demo{max-width:1144px;margin:0 auto 45px;border:1px solid var(--line);border-radius:9px;background:var(--cream);overflow:hidden;color:var(--ink)}.audit-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px 16px}.audit-top h3{font-family:Georgia,serif;font-size:25px;font-weight:400;margin-top:5px}.audit-kicker{font-size:9px;letter-spacing:.16em;color:var(--muted)}.audit-notice{font-size:12px;line-height:1.7;color:var(--muted);padding:0 28px 20px;max-width:900px}.audit-nav{display:flex;flex-wrap:wrap;gap:3px;padding:12px 20px;background:var(--sage);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.audit-nav button{border:0;background:transparent;padding:11px 14px;color:var(--muted);font-size:13px;border-radius:4px;min-height:44px}.audit-nav button[aria-selected=true]{background:var(--cream);color:var(--ink);font-weight:600}.audit-panel{padding:25px 28px}.audit-panel[hidden]{display:none}.audit-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px;flex-wrap:wrap}.audit-section-heading h3{font-family:Georgia,serif;font-size:27px;font-weight:400}.audit-section-heading>span{font-size:11px;color:var(--muted)}.audit-section-heading label{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.audit-section-heading select{width:auto;max-width:220px;font-size:12px;padding:8px 10px}.audit-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 28px}.audit-metric{background:#f0f3e9;padding:18px;border-radius:5px;border:1px solid #dfe5d5}.audit-metric>span{font-size:11px;color:var(--muted);display:block}.audit-metric strong{font-weight:400;font-size:clamp(23px,2.4vw,31px);letter-spacing:-.04em;line-height:1.3;margin:8px 0 5px;display:block;font-variant-numeric:tabular-nums}.audit-metric small{font-size:10px;color:var(--muted);display:block}.audit-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:25px 0}.audit-columns>*{min-width:0}.audit-panel h4{font-size:14px;font-weight:600;margin:0 0 18px;line-height:1.5}.audit-panel figure{margin:0 0 18px}.audit-bar-row{margin:13px 0}.audit-bar-label{display:flex;justify-content:space-between;align-items:baseline;gap:15px;font-size:12px;margin-bottom:6px}.audit-bar-label>span:first-child{overflow-wrap:anywhere}.audit-bar-label>span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.audit-bar-track{display:flex;height:9px;background:#e9eddf;overflow:hidden;border-radius:2px}.audit-bar{height:100%;background:#789368}.audit-bar.second{background:var(--ink)}.audit-bar.unknown{background:#a2a699}.audit-panel figcaption,.audit-caption{font-size:11px;color:var(--muted);line-height:1.8;margin-top:16px}.audit-panel table{font-size:12px}.audit-panel th{font-size:11px}.audit-panel td{padding-top:13px;padding-bottom:13px}.audit-panel td:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.audit-panel details{margin:25px 0}.audit-panel summary{cursor:pointer;font-size:12px;min-height:32px}.audit-table-wrap{overflow-x:auto}.audit-legend{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:11px;color:var(--muted);margin-bottom:18px}.audit-legend i{display:inline-block;width:9px;height:9px;background:#789368;margin-right:6px}.audit-legend i.second{background:var(--ink)}.audit-takeaway{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.audit-takeaway>span{font-size:9px;letter-spacing:.1em;color:var(--muted)}.audit-takeaway p{font-family:Georgia,serif;font-size:24px;font-weight:400;line-height:1.4;max-width:750px;margin:10px 0 18px}.audit-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:18px 28px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.audit-bottom a{color:var(--ink);font-weight:600;font-size:12px}.audit-demo select,.audit-demo button{touch-action:manipulation}.audit-demo .audit-caption{max-width:940px}.audit-bar-value-note{display:block;text-align:right;font-size:10px;color:var(--muted)}
@media(max-width:760px){.audit-demo{margin-left:22px;margin-right:22px}.demo .audit-demo{margin-left:0;margin-right:0}.audit-top{align-items:flex-start;flex-direction:column;gap:12px;padding:20px 18px 12px}.audit-notice{padding:0 18px 17px}.audit-nav{padding:10px;gap:2px}.audit-nav button{padding:9px 10px;font-size:12px}.audit-panel{padding:22px 18px}.audit-columns{grid-template-columns:1fr;gap:25px}.audit-metrics{gap:10px}.audit-metric{padding:13px}.audit-section-heading h3{font-size:25px}.audit-bottom{padding:18px}.audit-panel table{font-size:11px}.audit-panel th{font-size:10px}}
@media(max-width:460px){.audit-metrics{grid-template-columns:1fr}.audit-metric{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px}.audit-metric strong{grid-row:1/3;grid-column:2;margin:0;font-size:26px}.audit-section-heading label{flex-wrap:wrap;max-width:100%}.audit-section-heading select{max-width:100%}.audit-bar-label{font-size:11px;gap:8px}.audit-top .example-tag{white-space:normal}.sample-intro{padding-top:35px}.audit-takeaway p{font-size:21px}}