/* Guias de luansantosv.com.br. Tokens da LP (Verdant, marca Luan Santos).
   Contraste só nos pares medidos: ink #062F28 ou #2F4E46 sobre branco, #F6F6F6 ou #F3FCEE;
   ink sobre limão #9FE870; branco ou limão sobre ink. #7B7B7B nunca é cor de texto. */
:root{
  --lime:#9FE870; --ink:#062F28; --ink-500:#2F4E46; --verde-50:#F3FCEE;
  --branco:#FFFFFF; --cinza-100:#F6F6F6; --cinza-300:#ECECEC;
  --f-titulo:"Space Grotesk",system-ui,sans-serif;
  --f-texto:"Plus Jakarta Sans",system-ui,sans-serif;
  --f-ui:"Urbanist",system-ui,sans-serif;
  --raio:12px; --raio-g:20px; --pilula:999px;
  --sombra:0 1px 2px rgba(6,47,40,.04),0 2px 8px rgba(6,47,40,.04);
  --foco:0 0 0 3px rgba(159,232,112,.45);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cinza-100);color:var(--ink);font:16px/1.6 var(--f-texto)}
a{color:var(--ink)}
:focus-visible{outline:none;box-shadow:var(--foco)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[hidden]{display:none!important}

/* cabeçalho e rodapé */
.g-cab{background:var(--branco);border-bottom:1px solid var(--cinza-300)}
.g-cab-in,.g-rod-in{max-width:960px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.g-marca{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:600 17px var(--f-titulo)}
.g-marca svg{width:32px;height:32px;flex:none}
.g-cab-link{font:600 15px var(--f-ui);color:var(--ink);text-decoration:none;padding:8px 14px;border-radius:var(--pilula)}
.g-cab-link:hover{background:var(--verde-50)}
.g-rod{background:var(--ink);color:var(--branco);margin-top:48px}
.g-rod-in{flex-wrap:wrap;padding:24px 16px;font:500 14px var(--f-ui)}
.g-rod a{color:var(--branco)}
.g-rod-links{display:flex;flex-wrap:wrap;gap:16px}

/* comum */
.g-main{max-width:960px;margin:0 auto;padding:24px 16px 0}
h1,h2,h3{font-family:var(--f-titulo);letter-spacing:-.02em;margin:0 0 12px}
h1{font-size:30px;line-height:1.3}
h2{font-size:23px;line-height:1.25;margin-top:36px}
h3{font-size:19px;line-height:1.3;margin-top:24px}
.g-palavra{background:var(--lime);color:var(--ink);padding:0 .2em;border-radius:6px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.g-selo{font:600 13px var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);margin:0 0 8px}
.g-botao{display:inline-block;background:var(--lime);color:var(--ink);font:700 16px var(--f-ui);text-decoration:none;padding:14px 22px;border-radius:var(--pilula)}
.g-botao:hover{filter:brightness(.96)}

/* biblioteca */
.g-topo p{color:var(--ink-500);max-width:560px}
.g-busca input{width:100%;font:500 16px var(--f-ui);color:var(--ink);background:var(--branco);border:1px solid var(--cinza-300);border-radius:var(--pilula);padding:12px 18px;margin-top:8px}
.g-filtros{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.g-filtro{font:600 14px var(--f-ui);color:var(--ink);background:var(--branco);border:1px solid var(--cinza-300);border-radius:var(--pilula);padding:8px 14px;cursor:pointer}
.g-filtro[aria-pressed="true"]{background:var(--ink);color:var(--branco);border-color:var(--ink)}
.g-lista{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px}
.g-card a{display:block;height:100%;background:var(--branco);border-radius:var(--raio-g);padding:20px;text-decoration:none;color:var(--ink);box-shadow:var(--sombra)}
.g-card a:hover{box-shadow:0 0 0 2px var(--lime)}
.g-card-tema{display:block;font:600 12px var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500)}
.g-card strong{display:block;font:600 19px/1.35 var(--f-titulo);margin:8px 0}
.g-card-desc{display:block;color:var(--ink-500);font-size:15px}
.g-vazio{color:var(--ink-500)}

/* guia */
.g-guia{max-width:720px;margin:0 auto}
.g-voltar{display:inline-block;font:600 14px var(--f-ui);margin-bottom:16px}
.g-abertura{font-size:18px}
.g-antes{background:var(--verde-50);border-radius:var(--raio-g);padding:20px;margin:24px 0}
.g-antes h2{margin-top:0;font-size:19px}
.g-antes dl{margin:0;display:grid;gap:10px}
.g-antes dt{font:700 13px var(--f-ui);letter-spacing:.06em;text-transform:uppercase}
.g-antes dd{margin:0}
.g-conteudo ol,.g-conteudo ul{padding-left:1.4em}
.g-conteudo li{margin:8px 0}
.g-conteudo code{font:14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;background:var(--branco);border:1px solid var(--cinza-300);border-radius:6px;padding:1px 6px}
.codigo{position:relative;background:var(--ink);border-radius:var(--raio);margin:16px 0}
.codigo pre{margin:0;padding:44px 16px 16px;white-space:pre-wrap;overflow-wrap:anywhere}
.codigo code{background:none;border:0;padding:0;color:var(--lime)}
.copiar{position:absolute;top:8px;right:8px;font:600 13px var(--f-ui);color:var(--ink);background:var(--lime);border:0;border-radius:var(--pilula);padding:6px 12px;cursor:pointer}
.g-conferido{font-size:14px;color:var(--ink-500);border-top:1px solid var(--cinza-300);padding-top:16px;margin-top:32px}
.g-convite{background:var(--ink);color:var(--branco);border-radius:var(--raio-g);padding:24px;margin:32px 0}
.g-convite h2{margin-top:0;color:var(--branco)}
.g-convite p{margin:0 0 16px}
.g-relacionados .g-lista{margin-top:12px}
.g-todos{display:inline-block;margin-top:16px;font:600 15px var(--f-ui)}

@media (min-width:720px){
  h1{font-size:40px}
  .g-lista{grid-template-columns:repeat(2,1fr)}
  .g-antes dl{grid-template-columns:repeat(3,1fr)}
}