/* GF Real Estate — local production base stylesheet
 *
 * Purpose. This file replaces the Tailwind Play CDN (`https://cdn.tailwindcss.com`) on the
 * pages that link it. The Play CDN is a development build: it ships a compiler to the browser,
 * is explicitly not intended for production by its own authors, adds a render-blocking
 * third-party request on every page view, and injects styles at runtime.
 *
 * Scope of the replacement. The Issue 002 pages that link this file use no Tailwind utility
 * classes at all — every rule they rely on is written in their own page stylesheet. The only
 * thing the CDN was actually contributing was Preflight, Tailwind's base reset. This file
 * reproduces the Preflight behaviours those pages depend on, and nothing else. It defines no
 * utility classes, no colour scale, and no design tokens; brand colour and type live in
 * brand/gf-design-tokens.json and in each page's own stylesheet.
 *
 * Linked by: /insights/sargassum-miami-2026/, /es/insights/sargazo-miami-2026/.
 * Other pages on the site still load the Play CDN and are deliberately untouched here.
 *
 * Created August 6, 2026 — Issue 002 staging.
 */

*,
*::before,
*::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
}

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
}

body {
  line-height: inherit;
}

/* Headings inherit their size and weight. Every heading on these pages sets its own type,
   so the browser's default 2em-bold h1 would fight the page rather than help it. */
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

/* Links take their colour and decoration from the rule that styles them, not from the
   browser default. Editorial source links inside article prose are styled explicitly by the
   page and are unaffected by this. */
a {
  color: inherit;
  text-decoration: inherit;
}

b, strong { font-weight: bolder; }

code, kbd, samp, pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 1em;
}

small { font-size: 80%; }

/* Form controls inherit type instead of falling back to the platform UI font. */
button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button, select { text-transform: none; }

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}

:-moz-focusring { outline: auto; }

blockquote, dl, dd, h1, h2, h3, h4, h5, h6,
hr, figure, p, pre {
  margin: 0;
}

fieldset { margin: 0; padding: 0; }
legend { padding: 0; }
ol, ul, menu { list-style: none; margin: 0; padding: 0; }

textarea { resize: vertical; }

/* Preflight's own placeholder colour is a Tailwind grey that is not a ratified GF token, so it is
   deliberately not reproduced here and its value is not quoted in this comment. The two pages
   that link this file carry no form inputs, so the rule is inert here; it is kept for reset
   completeness and set to Muted Slate so this file introduces no unratified colour. */
::placeholder { opacity: 1; color: #5B6675; }

/* Replaced elements are block-level so they do not sit on a text baseline and leave a gap. */
img, svg, video, canvas, audio, iframe, embed, object {
  display: block;
  vertical-align: middle;
}

img, video {
  max-width: 100%;
  height: auto;
}

[hidden] { display: none; }