agnostify-checkup { display: block; margin: 2rem 0; padding-block: 1.5rem; border-block: 1px solid currentColor; border-color: color-mix(in srgb, currentColor 16%, transparent); text-align: left; }
agnostify-checkup .seo-kicker { font: 600 0.7rem/1.4 var(--mono, var(--kit-mono, monospace)); letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.7; margin: 0 0 0.5rem; }
agnostify-checkup h2 { font-size: clamp(1.2rem, 2vw, 1.5rem); font-weight: 600; line-height: 1.2; margin: 0 0 0.75rem; }
agnostify-checkup .seo-date, agnostify-checkup .seo-note { font-size: 0.85rem; line-height: 1.5; opacity: 0.75; margin: 0.75rem 0 0; }
agnostify-checkup .seo-values { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1.5rem; margin: 1.5rem 0; }
agnostify-checkup dt { font-size: 0.8rem; line-height: 1.4; }
agnostify-checkup dd { font-size: clamp(1.35rem,2.3vw,1.8rem); font-weight: 600; line-height: 1.3; margin: 0.35rem 0; font-variant-numeric: tabular-nums; }
agnostify-checkup .seo-values p { font-size: 0.8rem; line-height: 1.45; opacity: 0.75; margin: 0; }
agnostify-checkup .seo-search { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.5rem; }
agnostify-checkup .seo-search p { margin: 0; font-size: 0.8rem; line-height: 1.5; }
agnostify-checkup .seo-search b, agnostify-checkup .seo-search span { display: block; }
agnostify-checkup .seo-search span { opacity: 0.75; }
agnostify-checkup .seo-how { margin: 0.75rem 0 0; font-size: 0.85rem; line-height: 1.5; }
agnostify-checkup .seo-how summary { cursor: pointer; opacity: 0.75; padding-block: 0.75rem; }
agnostify-checkup .seo-how p { opacity: 0.75; margin: 0.5rem 0 0; max-width: 65ch; }
agnostify-checkup .seo-how a { color: inherit; text-decoration: underline; text-underline-offset: 0.15em; }
@media (max-width: 640px) { agnostify-checkup .seo-values { grid-template-columns: repeat(2,minmax(0,1fr)); } agnostify-checkup .seo-search { grid-template-columns: 1fr; gap: 0.75rem; } }