/* Page-scoped styles for /features/ — recovered from the WP origin (custom-route.php inline blocks) 2026-07-16.
   Loads after the shared stack; selectors are scoped body.features-page. */

body.features-page .tool-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; border: 1px solid var(--grey-200); background: var(--white); margin-top: 1rem; }
@media (max-width: 720px) { body.features-page .tool-grid { grid-template-columns: 1fr; } }
body.features-page .tool-card { padding: 1.75rem 1.875rem; border-right: 1px solid var(--grey-200); border-bottom: 1px solid var(--grey-200); position: relative; }
body.features-page .tool-card:nth-child(2n) { border-right: 0; }
body.features-page .tool-card:nth-last-child(-n+2) { border-bottom: 0; }
@media (max-width: 720px) { body.features-page .tool-card { border-right: 0; border-bottom: 1px solid var(--grey-200); } body.features-page .tool-card:last-child { border-bottom: 0; } }
body.features-page .tool-eyebrow { font-family: var(--font-m); font-size: 0.62rem; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: var(--grey-500); margin-bottom: 0.5rem; }
body.features-page .tool-h3 { font-size: 1.05rem; font-weight: 600; color: var(--ink); margin-bottom: 0.5rem; line-height: 1.3; letter-spacing: -0.015em; }
body.features-page .tool-h3 code { font-family: var(--font-m); font-size: 0.78em; color: var(--grey-500); margin-left: 0.5rem; font-weight: 500; }
body.features-page .tool-text { font-size: 0.88rem; color: var(--grey-700); line-height: 1.65; margin-bottom: 0.875rem; }
body.features-page .tool-tier { font-family: var(--font-m); font-size: 0.6rem; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--grey-500); border: 1px solid var(--grey-300); padding: 3px 8px; }

body.features-page .cap-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border: 1px solid var(--grey-200); background: var(--white); margin-top: 1rem; }
@media (max-width: 800px) { body.features-page .cap-grid { grid-template-columns: 1fr; } }
body.features-page .cap-card { padding: 1.75rem 1.5rem; border-right: 1px solid var(--grey-200); }
body.features-page .cap-card:last-child { border-right: 0; }
@media (max-width: 800px) { body.features-page .cap-card { border-right: 0; border-bottom: 1px solid var(--grey-200); } body.features-page .cap-card:last-child { border-bottom: 0; } }
body.features-page .cap-eyebrow { font-family: var(--font-m); font-size: 0.62rem; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: var(--grey-500); margin-bottom: 0.5rem; }
body.features-page .cap-h3 { font-size: 1rem; font-weight: 600; color: var(--ink); margin-bottom: 0.5rem; line-height: 1.3; letter-spacing: -0.015em; }
body.features-page .cap-text { font-size: 0.85rem; color: var(--grey-700); line-height: 1.65; }
