@charset "UTF-8";
/* url-go.to brand theme - visual tweak pack (logo height centralized) */

:root{
  --bg: #F7F6F2;
  --surface: #FFFFFF;
  --text: #111827;
  --muted: #6B7280;
  --border: #E5E7EB;

  --brand: #3FB7B2;
  --brand-ink: #0B1020;

  /* Centralized logo sizing */
  --logo-h: 88px;
  --logo-h-mobile: 72px;

  --radius: 12px;
}

:root{ color-scheme: light; }

html, body { height: 100%; }
body{
  background: var(--bg);
  color: var(--text);
}

/* Links */
a{
  color: var(--brand-ink);
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
a:visited{ color: var(--brand-ink); }
a:hover{ color: var(--brand); }
a:active{ opacity: .85; }

/* Focus ring */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible{
  outline: 3px solid rgba(63, 183, 178, .45);
  outline-offset: 2px;
  border-radius: 10px;
}

/* Selection */
::selection{
  background: rgba(63, 183, 178, .25);
}

/* Header polish */
header{ row-gap: 10px; }
header img{
  height: var(--logo-h) !important;   /* overrides inline styles safely */
  width: auto !important;
}
header nav a{
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid transparent;
}
header nav a:visited{ color: var(--brand-ink); }
header nav a:hover{
  background: rgba(63, 183, 178, .10);
  border-color: rgba(63, 183, 178, .25);
  text-decoration: none;
}

/* Tables */
table{
  width: 100%;
  border-collapse: collapse;
  margin: 12px 0;
}
th, td{
  border: 1px solid var(--border);
  padding: 8px 10px;
  vertical-align: top;
}
th{
  background: rgba(11, 16, 32, .03);
}

/* Code blocks */
code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  background: rgba(11, 16, 32, .06);
  padding: 2px 6px;
  border-radius: 8px;
}
pre{
  background: rgba(11, 16, 32, .06);
  padding: 12px;
  border-radius: 14px;
  overflow: auto;
}

/* Dividers */
hr{
  border: none;
  border-top: 1px solid var(--border);
  margin: 18px 0;
}

/* Mobile */
@media (max-width: 560px){
  header img{
    height: var(--logo-h-mobile) !important;
  }
  header nav a{
    padding: 5px 8px;
  }
}