/* Approved shared category layout. All card chrome still uses site.css. */
body[data-category-layout="directory"] .category-directory{width:min(925px,calc(100% - 40px))}
body[data-category-layout="directory"] .category-directory .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body[data-category-layout="directory"] .prompt-card,
body[data-category-layout="directory"] .prompt-card *{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body[data-category-layout="directory"] .prompt-card{font-size:16px;line-height:24px;font-weight:400;min-height:307px;height:auto;padding:19px;border-radius:16px}
/* Reserve the measured two-line title and four-line description areas. */
body[data-category-layout="directory"] .prompt-card h3{font-size:17px;line-height:21.25px;font-weight:700;letter-spacing:normal;margin:16px 0 8px;min-height:42.5px}
body[data-category-layout="directory"] .prompt-card h3 a{font:inherit;color:inherit;text-decoration:none}
body[data-category-layout="directory"] .prompt-card p{font-size:13px;line-height:19.5px;font-weight:400;margin:0;min-height:78px;color:#929f9a}
body[data-category-layout="directory"] .prompt-card .label{font-size:9px;line-height:13.5px;font-weight:900;padding:4px 8px;letter-spacing:.75px}
body[data-category-layout="directory"] .prompt-card .compat{display:flex;gap:5px;flex-wrap:wrap;margin:14px 0;line-height:15px}
body[data-category-layout="directory"] .prompt-card .compat span{font-size:10px;line-height:15px;font-weight:400;padding:3px 6px}
body[data-category-layout="directory"] .prompt-card .meta{font-size:11px;line-height:16.5px;font-weight:400;margin-top:auto;padding-top:15px;min-height:48px}
body[data-category-layout="directory"] .prompt-card .meta span{font:inherit}
body[data-category-layout="directory"] .prompt-card .open{font-size:11px;line-height:16.5px;font-weight:750;color:#93cabd}
body[data-category-layout="directory"] .prompt-ad-card{min-height:307px;padding:0}
body[data-category-layout="directory"] .category-review-layout{grid-template-columns:230px minmax(0,1fr)}
body[data-category-layout="directory"] .category-review-layout .category-directory{width:auto;min-width:0;padding:0}
body[data-category-layout="directory"] .category-review-link.active{color:#c7e7de}
body[data-category-layout="directory"] .category-review-check{display:inline-flex;align-items:center;justify-content:center;flex:0 0 13px;height:13px;margin:0 3px;border:1px solid #71807a;border-radius:2px;font-size:11px;line-height:1}
body[data-category-layout="directory"] .category-review-link.active .category-review-check{background:#88baae;border-color:#88baae;color:#050807}
body[data-category-layout="directory"] .category-review-empty{font-size:13px;color:#929f9a;margin:18px 0}
body[data-category-layout="directory"] [hidden]{display:none!important}
@media(max-width:760px){
  body[data-category-layout="directory"] .category-review-layout{grid-template-columns:minmax(0,1fr)}
  body[data-category-layout="directory"] .category-directory{width:calc(100% - 28px)}
  body[data-category-layout="directory"] .category-directory .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-category-layout="directory"] .prompt-card,
  body[data-category-layout="directory"] .prompt-ad-card{min-height:307px;height:auto}
}
@media(max-width:520px){
  body[data-category-layout="directory"] .category-directory .grid{grid-template-columns:minmax(0,1fr)}
  body[data-category-layout="directory"] .prompt-card,
  body[data-category-layout="directory"] .prompt-ad-card{min-height:265px;height:auto}
  body[data-category-layout="directory"] .prompt-card h3{font-size:19px;line-height:23.75px;min-height:0}
  body[data-category-layout="directory"] .prompt-card p{font-size:15px;line-height:22.5px;min-height:0}
  body[data-category-layout="directory"] .prompt-card .label{font-size:11px;line-height:16.5px}
  body[data-category-layout="directory"] .prompt-card .compat span{font-size:12px;line-height:18px}
  body[data-category-layout="directory"] .prompt-card .meta,
  body[data-category-layout="directory"] .prompt-card .meta span,
  body[data-category-layout="directory"] .prompt-card .open{font-size:13px;line-height:19.5px}
}
