/* WEB-246: the repeated inline styles from the dest and currency guides, promoted to
   classes so they can be restyled centrally.

   MEASURED before: 1,136 inline style attributes across the 16 guide pages, 136 of them
   distinct. The Europe guide carried 129 where a blog post of comparable content needs 25.
   Inline styles are where a shared design system goes to die -- every one is a local
   decision that cannot be changed anywhere but in place.

   Every rule below is an EXACT former inline string. This is a refactor, not a restyle:
   any visual difference is a bug, not an improvement, and it is verified by diffing
   computed styles for every element before and after.

   SPECIFICITY. Every declaration carries !important, deliberately rather than lazily.
   These classes replace INLINE styles, and an inline style outranks any normal stylesheet
   rule. Promoting them to plain classes silently changes the cascade: the before/after diff
   caught a muted table cell losing its colour and a badge gaining a 6.4px left margin it
   never had. !important reproduces exactly the precedence the inline style had. */

/* x90 total -- operator booking chips: one shape, six brand colours */
.g-oplink { display:inline-flex !important; align-items:center !important; gap:0.4rem !important; padding:0.65rem 1.25rem !important; border-radius:8px !important; text-decoration:none !important; font-weight:700 !important; font-size:0.875rem !important; }
.g-oplink--ba { background:#1a7ec8 !important; color:#fff !important; }
.g-oplink--ib { background:#c8102e !important; color:#fff !important; }
.g-oplink--ja { background:#cc0000 !important; color:#fff !important; }
.g-oplink--kl { background:#ff6600 !important; color:#fff !important; }
.g-oplink--lh { background:#ffcc00 !important; color:#003087 !important; }
.g-oplink--ua { background:#1668e3 !important; color:#fff !important; }

.g-callout { max-width:700px !important; margin:2rem auto !important; padding:1.5rem 2rem !important; background:#16213e !important; border:1.5px solid #2a3a5c !important; border-radius:14px !important; text-align:center !important; }
.g-callout-h { color:#f0f0f0 !important; margin:0 0 0.5rem !important; font-size:1.125rem !important; }
.g-callout-p { color:#c0c8d4 !important; margin:0 0 1rem !important; font-size:1rem !important; }
.g-cardtitle { color:#ffffff !important; font-size:1.125rem !important; font-weight:700 !important; margin-bottom:0.35rem !important; }
.g-cell { padding:0.65rem 0.85rem !important; }
.g-cell--muted { color:#555 !important; }
.g-cell--strong { font-weight:600 !important; }
.g-cta { display:inline-block !important; padding:0.7rem 1.5rem !important; background:linear-gradient(135deg,#14b8a6,#0891b2) !important; color:#fff !important; border-radius:8px !important; font-size:1rem !important; font-weight:600 !important; text-decoration:none !important; }
.g-eyebrow { color:#14B8A6 !important; font-size:0.8125rem !important; font-weight:700 !important; letter-spacing:0.1em !important; text-transform:uppercase !important; margin-bottom:0.4rem !important; }
.g-fineprint { font-size:0.8125rem !important; color:#64748b !important; margin-top:0.6rem !important; }
.g-grid { display:grid !important; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)) !important; gap:1rem !important; }
.g-hero { background:linear-gradient(135deg,#0d9488 0%,#0369a1 100%) !important; border:none !important; border-radius:16px !important; padding:2rem 1.5rem !important; text-align:center !important; }
.g-inherit-underline { color:inherit !important; text-decoration:underline !important; }
.g-ink { color: #374151 !important; }
.g-kicker { font-size:0.8125rem !important; letter-spacing:0.18em !important; font-weight:800 !important; color:#5EEAD4 !important; margin-bottom:0.75rem !important; }
.g-lede { font-size: 1.125rem !important; margin-bottom: 0.5rem !important; }
.g-mt { margin-top:1rem !important; }
.g-note { font-size:0.875rem !important; color:#94a3b8 !important; margin-top:0.3rem !important; }
.g-panel { background:rgba(15,23,42,0.6) !important; border:1px solid rgba(94,234,212,0.15) !important; border-radius:12px !important; padding:1rem 1.1rem !important; text-decoration:none !important; color:#e2e8f0 !important; display:block !important; }
.g-plainlink { text-decoration:none !important; color:inherit !important; }
.g-row-center { display:flex !important; gap:0.75rem !important; justify-content:center !important; flex-wrap:wrap !important; }
.g-strong { font-weight:800 !important; color:#fff !important; }
.g-sub { color:#94a3b8 !important; font-size:0.875rem !important; margin-bottom:1.25rem !important; }
.g-tight { margin-left:0 !important; margin-top:4px !important; }
.g-wrap { max-width:760px !important; margin:2rem auto !important; padding:0 1rem !important; }
.g-wrap-wide { max-width:1100px !important; margin:2.5rem auto 1.5rem !important; padding:0 1.5rem !important; }