@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/assets/fonts/geist-var-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/assets/fonts/geist-var-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(/assets/fonts/geist-mono-var-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(/assets/fonts/geist-mono-var-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Páginas legales de tikout.io — mismo estilo que la portada "Escena". */
:root { --bg: #F3F4F1; --paper: #FFFFFF; --ink: #101814; --muted: #56625B; --line: #DADFDB; --green: #0B3D2E; --mint: #DDEEE4; }
* { box-sizing: border-box; }
html { color-scheme: light; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: "Geist", "Helvetica Neue", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: var(--green); text-underline-offset: 3px; }
a:hover { color: #0F4D3A; }
:focus-visible { outline: 3px solid var(--green); outline-offset: 3px; }
.skip { position: absolute; left: -9999px; }
.skip:focus { left: 16px; top: 12px; background: var(--paper); padding: 8px 12px; border-radius: 8px; z-index: 10; }
.top { border-bottom: 1px solid var(--line); background: var(--bg); }
.top .in, .wrap, .foot .in { max-width: 820px; margin: 0 auto; padding-inline: 24px; }
.top .in { display: flex; align-items: center; justify-content: space-between; height: 72px; }
.top .logo { color: var(--ink); display: block; }
.top .logo svg { display: block; height: 24px; width: auto; }
.top .back { font-size: 15px; font-weight: 500; text-decoration: none; color: var(--ink); opacity: .75; }
.top .back:hover { opacity: 1; }
.wrap { padding-block: 64px 96px; }
.kicker { font-size: 14px; color: var(--muted); margin: 0 0 12px; }
h1 { font-size: clamp(36px, 6vw, 56px); line-height: 1; letter-spacing: -.035em; font-weight: 700; margin: 0 0 20px; text-wrap: balance; }
.lede { font-size: 19px; line-height: 1.55; color: var(--muted); margin: 0 0 48px; max-width: 40em; }
h2 { font-size: 24px; letter-spacing: -.02em; font-weight: 650; margin: 48px 0 12px; }
h3 { font-size: 18px; font-weight: 650; margin: 28px 0 8px; }
p, li, td, th { font-size: 17px; line-height: 1.65; }
p { margin: 0 0 12px; max-width: 42em; }
ul, ol { padding-left: 22px; margin: 8px 0 16px; max-width: 42em; }
li + li { margin-top: 6px; }
.card { background: var(--paper); border: 1px solid var(--line); border-radius: 18px; padding: 22px 24px; margin: 12px 0 16px; }
.card p { margin: 0; }
.card p + p { margin-top: 4px; }
.table { overflow-x: auto; margin: 12px 0 16px; }
table { width: 100%; border-collapse: collapse; background: var(--paper); border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
th, td { text-align: left; vertical-align: top; padding: 12px 14px; border-bottom: 1px solid var(--line); font-size: 15px; }
th { background: var(--mint); font-weight: 600; }
tr:last-child td { border-bottom: 0; }
.updated { margin-top: 56px; font-size: 14px; color: var(--muted); }
.foot { border-top: 1px solid var(--line); padding-block: 28px 40px; font-size: 14px; color: var(--muted); }
.foot nav { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-bottom: 10px; }
.foot nav a { color: var(--ink); }
.foot nav a[aria-current="page"] { font-weight: 650; text-decoration: none; }
@media (max-width: 600px) { .wrap { padding-block: 40px 72px; } .lede { font-size: 17px; margin-bottom: 36px; } p, li { font-size: 16px; } h2 { font-size: 21px; } }
.foot nav.guides a { font-weight: 650; color: var(--ink); }