/* ==========================================================================
   Golden Racket Academy — programmatic city page stylesheet
   One file, enqueued once. Do NOT paste this into pages.
   Source of truth for the look of every /...-lessons-in-{city}-{st}/ page.
   ========================================================================== */

.gr-city{
  --green:#0b4d3a; --gold:#d4af37; --deep:#072f24; --muted:#6b7280;
  --bg:#f7f7f8; --surface:#ffffff; --border:#eef0f2; --ring:rgba(11,77,58,.16);
  --shadow:0 18px 50px -24px rgba(0,0,0,.22);
  --shadow-lg:0 22px 60px -28px rgba(0,0,0,.28);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
  color:#0c0c0c; overflow-x:visible;
  --logo-h:240px; --cover:18px; --gap:12px;
}
@media (max-width:900px){ .gr-city{ --logo-h:220px; --cover:14px; --gap:10px } }
.gr-city *, .gr-city *::before, .gr-city *::after{ box-sizing:border-box }
.gr-city .wrap{ max-width:1200px; width:100%; margin-inline:auto; padding-inline:20px }
.gr-city a{ color:var(--green); text-decoration:underline; font-weight:800 }
.gr-city .on-dark a{ color:#fff; text-decoration:underline; font-weight:800 }
.gr-city .cv{ content-visibility:auto; contain-intrinsic-size:1px 900px }
.gr-city .center{ text-align:center }

/* ===== BREADCRUMBS ===== */
.gr-city .hero-crumbs{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:center; margin-bottom:16px; font-size:13px; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.05em }
.gr-city .hero-crumbs a{ text-decoration:none; color:var(--muted); transition:.2s; font-weight:700 }
.gr-city .hero-crumbs a:hover{ color:var(--green); text-decoration:underline }
.gr-city .hero-crumbs .sep{ opacity:.4 }
.gr-city .hero-crumbs .current{ color:var(--deep) }

/* ===== HERO ===== */
.gr-city .hero{ margin-inline:calc(50% - 50vw); width:100vw; background:var(--bg); padding-block:clamp(56px,7vw,120px); border-bottom:1px solid var(--border) }
.gr-city .hero-inner{ display:grid; gap:14px; place-items:center; text-align:center }
.gr-city .hero img.logo{ width:clamp(140px,16vw,220px); height:auto; max-width:100% }
.gr-city .hero-photo{ width:100%; max-width:1100px; aspect-ratio:16/9; border-radius:16px; overflow:hidden; border:1px solid var(--border); box-shadow:var(--shadow-lg); background:#e9ecef }
.gr-city .hero-photo img{ width:100%; height:100%; object-fit:cover; object-position:center 45%; display:block }
.gr-city h1{ margin:.25rem 0 .4rem; font-size:clamp(30px,3.8vw,52px); line-height:1.08; color:var(--deep) }
.gr-city h1 .accent, .gr-city .title .accent{ color:var(--gold) }
.gr-city p.hero-sub{ color:var(--muted); max-width:72ch; margin:0 }
.gr-city .chips{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:10px 0 6px }
.gr-city .chip{ font-size:12px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; color:var(--green); background:#fff; border:1px solid var(--border); border-radius:999px; padding:7px 12px; box-shadow:0 10px 22px -16px rgba(0,0,0,.15) }

/* ===== CTA ===== */
.gr-city .cta{ display:flex; flex-direction:column; align-items:center; gap:12px; margin-top:14px; width:100% }
.gr-city .cta-buttons{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center }
.gr-city .btn{ appearance:none; border-radius:12px; padding:12px 16px; font-weight:900; cursor:pointer; border:1px solid #e7ebee; background:#fff; text-decoration:none; display:inline-block; color:var(--green) }
.gr-city .btn.primary{ background:linear-gradient(180deg,var(--gold),#b9902a); color:#1a1a1a; border:0; box-shadow:0 14px 26px -16px rgba(212,175,55,.48) }
.gr-city .btn.block{ width:100%; text-align:center }
.gr-city .trust-text{ font-size:13px; color:var(--muted); font-weight:600; text-align:center; max-width:340px; margin:0 auto; line-height:1.4 }
.gr-city .trust-text span{ color:var(--gold); font-size:14px; margin-right:4px }

/* ===== PATHWAY CARDS ===== */
.gr-city .path-split{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:10px }
@media (max-width:600px){ .gr-city .path-split{ grid-template-columns:1fr } }
.gr-city .path-card{ background:#fff; border:1px solid var(--border); border-radius:16px; padding:20px; text-decoration:none!important; display:flex; flex-direction:column; gap:6px; text-align:left; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; box-shadow:var(--shadow); color:inherit }
.gr-city .path-card:hover{ transform:translateY(-3px); border-color:var(--green); box-shadow:0 12px 30px -18px rgba(11,77,58,.2) }
.gr-city .path-label{ font-size:11px; text-transform:uppercase; letter-spacing:.05em; font-weight:900; color:var(--gold) }
.gr-city .path-head{ font-size:18px; font-weight:900; color:var(--deep); margin:0; display:flex; justify-content:space-between; align-items:center }
.gr-city .path-arrow{ font-size:16px; color:var(--green) }
.gr-city .path-desc{ font-size:14px; color:var(--muted); line-height:1.5; margin:0; font-weight:500 }

/* ===== COACH SPOTLIGHT (optional) ===== */
.gr-city .coach-spotlight{ background:#fff; border:1px solid var(--border); border-radius:20px; box-shadow:var(--shadow-lg); overflow:hidden; max-width:1000px; margin:40px auto; display:flex; flex-direction:column }
.gr-city .coach-spotlight-img{ width:100%; aspect-ratio:1/1.1; object-fit:cover; object-position:center 20%; border-bottom:4px solid var(--gold) }
.gr-city .coach-spotlight-body{ padding:28px 24px; display:flex; flex-direction:column; gap:20px }
.gr-city .coach-badge{ align-self:flex-start; background:linear-gradient(135deg,var(--deep),#0a3f31); color:#fff; font-size:11px; text-transform:uppercase; letter-spacing:.1em; font-weight:900; padding:6px 14px; border-radius:999px; box-shadow:0 4px 12px rgba(11,77,58,.2) }
.gr-city .coach-spotlight-body h3{ font-size:34px; color:var(--deep); margin:0; line-height:1.1; font-weight:900 }
.gr-city .coach-quote{ font-size:16px; line-height:1.6; color:var(--deep); font-style:italic; font-weight:500; margin:0; padding:18px; background:var(--bg); border-radius:12px; border-left:4px solid var(--gold) }
.gr-city .coach-stats{ display:grid; grid-template-columns:1fr 1fr; gap:12px }
.gr-city .c-stat{ background:#fff; padding:14px 12px; border-radius:12px; border:1px solid var(--border); text-align:center; box-shadow:0 4px 12px rgba(0,0,0,.02); display:flex; flex-direction:column; gap:4px }
.gr-city .c-stat-label{ font-size:10px; text-transform:uppercase; color:var(--muted); font-weight:900; letter-spacing:.05em }
.gr-city .c-stat-val{ font-size:16px; font-weight:900; color:var(--deep) }
@media (min-width:768px){
  .gr-city .coach-spotlight{ flex-direction:row; align-items:stretch }
  .gr-city .coach-spotlight-img{ width:38%; aspect-ratio:auto; border-bottom:none; border-right:4px solid var(--gold) }
  .gr-city .coach-spotlight-body{ width:62%; padding:48px; justify-content:center }
  .gr-city .coach-stats{ grid-template-columns:repeat(4,1fr) }
}

/* ===== SECTIONS ===== */
.gr-city .section{ padding:42px 0; background:#fff; border-bottom:1px solid var(--border) }
.gr-city .section.alt{ background:var(--bg); margin-inline:calc(50% - 50vw); width:100vw }
.gr-city .title{ margin:0 0 8px; font-size:clamp(26px,3vw,36px); color:var(--deep) }
.gr-city .sub{ color:var(--muted); margin:0 0 16px }

/* Features */
.gr-city .features{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; min-width:0; align-items:stretch }
@media (max-width:980px){ .gr-city .features{ grid-template-columns:repeat(2,1fr) } }
@media (max-width:600px){ .gr-city .features{ grid-template-columns:1fr } }
.gr-city .feat{ background:#fff; border:1px solid var(--border); border-radius:14px; padding:20px 16px; box-shadow:var(--shadow); display:flex; flex-direction:column; gap:12px; overflow:hidden; min-width:0; height:100% }
.gr-city .feat h3{ margin:0; font-size:16px; color:var(--deep) }
.gr-city .feat p{ margin:0; flex-grow:1; color:#334155 }
.gr-city .icon{ width:34px; height:34px; border-radius:999px; display:grid; place-items:center; color:#1a1a1a; background:linear-gradient(180deg,var(--gold),#b9902a); box-shadow:0 0 0 6px rgba(212,175,55,.22); font-weight:900; font-style:normal }

/* Steps */
.gr-city .steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; min-width:0 }
@media (max-width:900px){ .gr-city .steps{ grid-template-columns:1fr } }
.gr-city .step-stack{ display:flex; flex-direction:column; gap:0 }
.gr-city .step-logo{ height:var(--logo-h); border-radius:16px; border:1px solid var(--border); background:#fff; box-shadow:var(--shadow); display:grid; place-items:center; overflow:hidden }
.gr-city .step-logo img{ width:86%; height:86%; object-fit:contain; display:block; filter:saturate(1.05) }
.gr-city .step-card{ margin-top:calc(-1 * var(--cover)); background:#fff; border:1px solid var(--border); border-radius:16px; box-shadow:var(--shadow); padding:22px; text-align:center; display:grid; gap:10px; transition:margin-top .22s ease,box-shadow .22s ease }
.gr-city .step-stack:hover .step-card{ margin-top:calc(-1 * (var(--cover) - var(--gap))); box-shadow:var(--shadow-lg) }
.gr-city .badge{ display:inline-flex; align-items:center; gap:6px; margin-inline:auto; font-size:12px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; color:#0b4d3a; background:#fff; border:1px solid var(--border); border-radius:999px; padding:6px 10px }
.gr-city .step-card h3{ margin:6px 0 4px; font-size:18px; color:#0f172a }
.gr-city .step-card p{ margin:0; color:#334155 }

/* Coaching standard (fallback when no coach profile) */
.gr-city .coach-standard{ background:#fff; border:1px solid var(--border); border-radius:16px; padding:24px; max-width:980px; margin:0 auto; box-shadow:var(--shadow) }
.gr-city .coach-standard h3{ margin:0 0 12px; color:var(--deep); font-size:18px }
.gr-city .standard-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px }
@media (max-width:600px){ .gr-city .standard-grid{ grid-template-columns:1fr } }
.gr-city .standard-item{ display:flex; gap:12px; align-items:flex-start }
.gr-city .standard-item .num{ flex-shrink:0; width:28px; height:28px; border-radius:50%; display:grid; place-items:center; font-weight:900; font-size:12px; color:#1a1a1a; background:linear-gradient(180deg,var(--gold),#b9902a) }
.gr-city .standard-item .body strong{ color:var(--deep); display:block; margin-bottom:2px; font-size:14px }
.gr-city .standard-item .body span{ color:#334155; font-size:13px; line-height:1.45 }

/* ===== EDITORIAL DARK BAND ===== */
.gr-city .gband{ position:relative; margin-inline:calc(50% - 50vw); width:100vw; overflow:hidden;
  border-top:1px solid rgba(0,0,0,.06); border-bottom:1px solid rgba(0,0,0,.12);
  background:radial-gradient(900px 300px at 15% 0%,rgba(212,175,55,.13),transparent 62%),linear-gradient(160deg,#0a0a0a 0%,#0d2c22 100%);
  padding:64px 0 }
.gr-city .gband::after{ content:""; position:absolute; inset:0; pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 1px,transparent 1px 92px) }
.gr-city .gband .wrap{ position:relative; z-index:1 }
.gr-city .beyebrow{ font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); margin:0 0 14px }
.gr-city .gband h2{ margin:0 0 10px; font-size:clamp(28px,3.6vw,44px); line-height:1.12; color:#fff; max-width:22ch }
.gr-city .gband h2 em{ font-style:normal; color:var(--gold) }
.gr-city .blead{ color:#cbd5e1; max-width:58ch; margin:0 0 40px; font-size:15.5px; line-height:1.6 }
.gr-city .blist{ display:grid; border-top:1px solid rgba(255,255,255,.14) }
.gr-city .brow{ display:grid; grid-template-columns:56px 1fr 1.15fr; gap:20px; align-items:baseline; padding:26px 0; border-bottom:1px solid rgba(255,255,255,.14) }
@media (max-width:760px){ .gr-city .brow{ grid-template-columns:44px 1fr; gap:12px } .gr-city .brow p{ grid-column:2 } }
.gr-city .bnum{ font-size:13px; font-weight:800; color:var(--gold); letter-spacing:.08em; padding-top:6px }
.gr-city .brow h3{ margin:0; color:#fff; font-size:clamp(20px,2.3vw,27px); line-height:1.2; font-weight:800 }
.gr-city .brow p{ margin:0; color:#a8b3bd; font-size:14.5px; line-height:1.65 }

/* court disclaimer */
.gr-city .court-note{ margin:14px 0 0; font-size:12.5px; line-height:1.55; color:var(--muted) }

/* ===== CTA BAND ===== */
.gr-city .cta-band{ margin-inline:calc(50% - 50vw); width:100vw; background:radial-gradient(1200px 220px at 50% 0%,rgba(255,255,255,.14),transparent 60%),linear-gradient(180deg,var(--green) 0%,#0a3f31 100%); padding:24px 0; border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(0,0,0,.12) }
.gr-city .cta-card{ max-width:1100px; width:100%; margin:0 auto; padding:18px 20px; background:#fff; border:1px solid var(--border); border-radius:16px; box-shadow:var(--shadow-lg); display:grid; gap:12px; text-align:center; overflow:hidden }

/* ===== PRICING ===== */
.gr-city .price-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; max-width:1100px; margin:0 auto }
@media (max-width:900px){ .gr-city .price-grid{ grid-template-columns:1fr; max-width:480px } }
.gr-city .price-card{ background:#fff; border:1px solid var(--border); border-radius:16px; padding:22px 20px 20px; box-shadow:var(--shadow); display:flex; flex-direction:column; gap:8px; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease }
.gr-city .price-card.featured{ border-color:var(--gold); box-shadow:0 22px 60px -28px rgba(212,175,55,.45) }
.gr-city .price-card:hover{ transform:translateY(-3px); box-shadow:var(--shadow-lg) }
.gr-city .price-tag{ align-self:flex-start; font-size:11px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; color:var(--green); background:rgba(11,77,58,.07); border:1px solid rgba(11,77,58,.14); padding:5px 10px; border-radius:999px }
.gr-city .price-card.featured .price-tag{ background:linear-gradient(180deg,var(--gold),#b9902a); color:#1a1a1a; border-color:transparent }
.gr-city .price-name{ margin:6px 0 0; font-size:18px; font-weight:900; color:var(--deep) }
.gr-city .price-sub{ margin:0; color:var(--muted); font-size:13px; font-weight:600 }
.gr-city .price-num{ margin:8px 0 0; font-size:34px; font-weight:900; color:var(--deep); line-height:1 }
.gr-city .price-strike{ margin:8px 0 0; color:#9ca3af; text-decoration:line-through; font-size:14px; font-weight:700 }
.gr-city .price-per{ font-size:14px; color:var(--muted); font-weight:700; margin-left:4px }
.gr-city .price-total{ margin:0; color:var(--green); font-size:13px; font-weight:800 }
.gr-city .price-bullets{ list-style:none; padding:0; margin:10px 0 0; display:grid; gap:6px; color:#0b0b0b; font-size:13px }
.gr-city .price-bullets li{ display:flex; gap:8px; align-items:flex-start }
.gr-city .price-bullets li::before{ content:"✓"; color:var(--green); font-weight:900; flex-shrink:0 }
.gr-city .price-cta{ margin-top:auto; padding-top:14px }
.gr-city .price-fineprint{ font-size:11px; color:var(--muted); margin:8px 0 0; line-height:1.4 }
.gr-city .price-banner{ background:linear-gradient(90deg,var(--green),#0a3f31); color:#fff; padding:12px 24px; border-radius:12px; display:inline-flex; align-items:center; gap:10px; font-weight:800; font-size:16px; margin-bottom:24px; box-shadow:0 10px 24px -8px rgba(11,77,58,.4) }
.gr-city .price-banner span{ background:var(--gold); color:#1a1a1a; padding:4px 10px; border-radius:6px; font-size:14px }

/* ===== AREAS / COURTS ===== */
.gr-city .areas{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; min-width:0; padding:0; margin:0; list-style:none }
@media (max-width:900px){ .gr-city .areas{ grid-template-columns:repeat(2,1fr) } }
@media (max-width:540px){ .gr-city .areas{ grid-template-columns:1fr } }
.gr-city .area{ background:#fff; border:1px solid var(--border); border-radius:12px; padding:12px; box-shadow:0 12px 30px -22px rgba(0,0,0,.2); display:flex; align-items:center; gap:10px; font-weight:800; color:#0b0b0b; overflow:hidden; min-width:0; overflow-wrap:anywhere; hyphens:auto; text-decoration:none!important; transition:border-color .2s ease,transform .2s ease }
.gr-city a.area:hover{ border-color:var(--green); transform:translateY(-2px) }
.gr-city .dot{ width:10px; height:10px; border-radius:50%; flex-shrink:0; background:linear-gradient(180deg,#e8c86a,#b9902a); box-shadow:0 0 0 4px rgba(212,175,55,.18) }
.gr-city .loc-master-link{ text-align:center; margin-top:14px }
.gr-city .loc-master-link a{ color:var(--muted); font-size:13px; text-decoration:none; font-weight:700; border-bottom:1px dashed var(--muted) }
.gr-city .courts{ list-style:none; padding:0; margin:18px 0 0; display:grid; grid-template-columns:repeat(2,1fr); gap:10px }
@media (max-width:720px){ .gr-city .courts{ grid-template-columns:1fr } }
.gr-city .court{ background:#fff; border:1px solid var(--border); border-radius:12px; padding:12px 14px; display:grid; gap:2px; box-shadow:0 12px 30px -22px rgba(0,0,0,.2) }
.gr-city .court b{ color:var(--deep); font-size:15px }
.gr-city .court small{ color:var(--muted); font-size:12px }
.gr-city .court .ctype{ font-size:10px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; color:var(--green) }
.gr-city .map-container{ margin-top:24px; border-radius:16px; overflow:hidden; border:1px solid var(--border); box-shadow:var(--shadow); width:100%; aspect-ratio:21/9; background:#e9ecef }
.gr-city .map-container iframe{ width:100%; height:100%; border:0; display:block }
@media (max-width:600px){ .gr-city .map-container{ aspect-ratio:16/9 } }

/* Cross-sport badge */
.gr-city .pb-badge-wrap{ display:flex; justify-content:center; margin-top:18px }
.gr-city .pb-badge{ display:inline-flex; align-items:center; gap:10px; background:#fff; border:2px solid var(--green); border-radius:100px; padding:8px 24px; text-decoration:none!important; font-size:14px; font-weight:900; color:var(--deep); box-shadow:0 8px 20px -6px rgba(11,77,58,.2); transition:all .2s ease }
.gr-city .pb-badge:hover{ transform:translateY(-2px); background:#fcfcfc }
.gr-city .pb-badge .ico{ font-size:18px }

/* Resources */
.gr-city .resource-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; min-width:0 }
@media (max-width:800px){ .gr-city .resource-grid{ grid-template-columns:1fr } }
.gr-city .res-card{ background:#fff; border:1px solid var(--border); border-radius:14px; padding:20px; display:flex; flex-direction:column; gap:10px; text-decoration:none!important; color:inherit; box-shadow:var(--shadow); transition:transform .2s ease,border-color .2s ease }
.gr-city .res-card:hover{ transform:translateY(-4px); border-color:var(--green) }
.gr-city .res-tag{ font-size:10px; text-transform:uppercase; letter-spacing:.05em; font-weight:900; color:var(--muted); margin-bottom:4px }
.gr-city .res-card h3{ margin:0; font-size:18px; line-height:1.3; color:var(--deep) }
.gr-city .res-link-text{ margin-top:auto; font-size:13px; font-weight:900; color:var(--green) }

/* FAQ */
.gr-city .faq .panel{ background:#fff; border:1px solid var(--border); border-radius:14px; padding:12px; box-shadow:var(--shadow); display:grid; gap:10px; overflow:hidden }
.gr-city .faq .item{ background:#fff; border:1px solid var(--border); border-radius:12px; overflow:hidden }
.gr-city .faq .q{ width:100%; text-align:left; padding:14px 16px; background:#fff; border:0; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:10px; font-weight:900; color:#0b0b0b; font-family:inherit; font-size:inherit }
.gr-city .faq .q:focus-visible{ outline:3px solid var(--ring); border-radius:8px }
.gr-city .faq .q .ico{ width:22px; height:22px; flex-shrink:0; border-radius:50%; display:grid; place-items:center; color:#1a1a1a; background:linear-gradient(180deg,var(--gold),#b9902a); box-shadow:0 0 0 6px rgba(212,175,55,.18); font-weight:900 }
.gr-city .faq .a{ padding:0 16px; max-height:0; opacity:0; overflow:hidden; border-top:1px dashed var(--border); background:linear-gradient(180deg,#fff,#fcfcfd); transition:max-height .28s ease,opacity .28s ease }
.gr-city .faq .a>div{ padding:12px 0 16px; line-height:1.6; color:var(--muted); font-size:15px }
.gr-city .faq .a p{ margin:0 0 .6em }
.gr-city .faq .item.open .a{ opacity:1 }
.gr-city .faq .item.first .q{ box-shadow:inset 0 4px 0 0 var(--gold) }
@media (prefers-reduced-motion:reduce){ .gr-city *{ transition:none!important } }

/* Contact */
.gr-city .contact-card{ max-width:900px; width:100%; margin:0 auto; padding:18px 20px; background:#fff; border:1px solid var(--border); border-radius:16px; box-shadow:var(--shadow); text-align:center; display:grid; gap:10px }
.gr-city .contact-links{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap }

/* SEO block */
.gr-city .seo p{ margin:.5rem 0; color:#0b0b0b; line-height:1.7 }
.gr-city .seo h3{ margin-top:1.4rem; color:var(--deep); font-size:20px }

/* State hub list (shortcode) */
.gr-hub{ font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial }
.gr-hub h3{ color:#072f24; margin:26px 0 10px; font-size:22px }
.gr-hub ul{ list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,1fr); gap:10px }
@media (max-width:900px){ .gr-hub ul{ grid-template-columns:repeat(2,1fr) } }
@media (max-width:540px){ .gr-hub ul{ grid-template-columns:1fr } }
.gr-hub li a{ display:block; background:#fff; border:1px solid #eef0f2; border-radius:12px; padding:12px; font-weight:800; color:#0b0b0b; text-decoration:none }
.gr-hub li a:hover{ border-color:#0b4d3a }
.gr-hub li a small{ display:block; color:#6b7280; font-weight:600; font-size:12px }