/*
Theme Name: Metro Graphics
Theme URI: https://metrographics.com/
Author: Metro Graphics
Description: An editorial, owner-maintainable theme for a web information and services business.
Version: 1.1.1
Text Domain: metro-graphics
License: GPL-2.0-or-later
*/
@import url("assets/css/theme.css?ver=1.1.1");

/* Civic Field Notes: editable Gutenberg pricing table for Services page package comparisons. */
.metro-pricing-section { max-width: 1440px; margin: 0 auto; padding: 5.5rem max(2.5rem, calc((100vw - 1360px)/2)); background: #e7ddd0; }
.metro-pricing-table { width: 100%; margin: 2.5rem 0; overflow-x: auto; border: 1px solid rgba(17,43,47,.15); background: #f5f1e8; }
.metro-pricing-table table { width: 100%; min-width: 680px; border-collapse: collapse; }
.metro-pricing-table th { padding: 1rem 1.25rem; background: #112b2f; color: #f5f1e8; font: 800 10px Manrope, sans-serif; letter-spacing: .14em; text-align: left; text-transform: uppercase; }
.metro-pricing-table td { padding: 1.1rem 1.25rem; border-bottom: 1px solid rgba(17,43,47,.15); color: #405358; font-size: 14px; line-height: 1.65; }
.metro-pricing-table td:first-child { color: #112b2f; font: 500 1.55rem/1.1 Newsreader, Georgia, serif; }
.metro-pricing-table td:nth-child(2) { color: #112b2f; font-weight: 800; white-space: nowrap; }
.metro-pricing-note { max-width: 760px; border-left: 2px solid #ec5a44; padding-left: 1rem; color: #405358; font-size: 14px; line-height: 1.65; }
@media (max-width: 850px) { .metro-pricing-section { padding: 4rem 1.25rem; } }