/* Guia MD Milhas (/guia): páginas de artigo. Mesmos tokens do design system do site; uma folha só, sem biblioteca. */
:root{
  --navy-900:#0B1B3A; --navy-800:#12264D; --gold-600:#80561C; --gold-500:#B8863B; --gold-300:#D9B26E; --gold-100:#F3E4C8;
  --cream-050:#F8F5EE; --cream-100:#F1EBDD; --white:#FFFFFF; --ink-700:#333B4C; --muted-500:#6B7280; --muted-600:#5A6170; --border:#E6E1D3;
  --font-display:'Space Grotesk','Segoe UI',sans-serif; --font-body:'Work Sans','Segoe UI',sans-serif;
  --radius-md:14px; --radius-lg:22px; --radius-pill:999px;
  --shadow-sm:0 2px 10px rgba(11,27,58,.06); --shadow-md:0 10px 30px rgba(11,27,58,.10);
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0;font-family:var(--font-body);font-size:1.0625rem;line-height:1.7;color:var(--ink-700);background:var(--cream-050);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{max-width:100%;height:auto;display:block;}
a{color:var(--gold-600);text-decoration:underline;text-underline-offset:2px;}
a:hover{color:var(--navy-900);}
.skip{position:absolute;left:-999px;top:0;background:var(--navy-900);color:#fff;padding:.6rem 1rem;z-index:10;}
.skip:focus{left:0;}

/* topo */
.gh{background:#FBFBFB;border-bottom:1px solid var(--border);}
.gh-in{max-width:880px;margin:0 auto;padding:.6rem 1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;}
.gh-logo img{width:150px;height:auto;}
.gh-nav{display:flex;flex-wrap:wrap;gap:.25rem 1.1rem;font-family:var(--font-display);font-size:.9rem;font-weight:500;}
.gh-nav a{color:var(--navy-900);text-decoration:none;padding:.3rem 0;}
.gh-nav a:hover,.gh-nav a[aria-current="page"]{color:var(--gold-600);text-decoration:underline;}

/* artigo */
.gp{max-width:760px;margin:0 auto;padding:1.5rem 1rem 3rem;}
.gcard{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem 1.25rem;box-shadow:var(--shadow-md);}
.crumbs{font-size:.85rem;color:var(--muted-600);margin-bottom:1rem;}
.crumbs a{color:var(--muted-600);}
.crumbs span[aria-hidden]{margin:0 .35rem;}
.gcard h1{font-family:var(--font-display);color:var(--navy-900);font-size:clamp(1.65rem,1.25rem + 2vw,2.35rem);line-height:1.18;letter-spacing:-.01em;margin:0 0 .6rem;}
.byline{font-size:.85rem;color:var(--muted-600);margin:0 0 1.4rem;padding-bottom:1rem;border-bottom:1px solid var(--border);}
.lead{font-size:1.15rem;line-height:1.65;color:var(--navy-900);background:var(--cream-050);border-left:4px solid var(--gold-500);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:1rem 1.1rem;margin:0 0 1.5rem;}
.gcard h2{font-family:var(--font-display);color:var(--navy-900);font-size:clamp(1.3rem,1.1rem + 1vw,1.6rem);line-height:1.25;margin:2.1rem 0 .7rem;}
.gcard h3{font-family:var(--font-display);color:var(--navy-900);font-size:1.1rem;line-height:1.3;margin:1.3rem 0 .3rem;}
.gcard p{margin:0 0 1rem;}
.gcard ul,.gcard ol{margin:0 0 1.1rem;padding-left:1.3rem;}
.gcard li{margin-bottom:.45rem;}
.gcard strong{color:var(--navy-900);}
code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.92em;background:var(--cream-100);padding:.1rem .35rem;border-radius:6px;}

/* tabelas (rolam na horizontal no celular) */
.tabela{overflow-x:auto;margin:0 0 1.3rem;border:1px solid var(--border);border-radius:var(--radius-md);}
.tabela table{border-collapse:collapse;width:100%;min-width:520px;font-size:.95rem;line-height:1.5;}
.tabela th,.tabela td{padding:.65rem .8rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--border);}
.tabela th{background:var(--navy-900);color:#fff;font-family:var(--font-display);font-weight:600;font-size:.88rem;}
.tabela tr:last-child td{border-bottom:0;}
.tabela.duas table{min-width:0;}
.tabela.duas td:first-child{width:30%;font-weight:600;color:var(--navy-900);}

/* fórmula e exemplo ilustrativo */
blockquote{margin:0 0 1.2rem;padding:.9rem 1.1rem;border-radius:var(--radius-md);background:var(--cream-050);border:1px solid var(--border);}
blockquote p{margin:0;}
blockquote.formula{background:var(--navy-900);color:#fff;border:0;font-family:var(--font-display);font-size:1.08rem;}
blockquote.formula strong{color:var(--gold-300);}
blockquote.formula p + p{margin-top:.55rem;}
blockquote.exemplo{background:var(--gold-100);border-color:var(--gold-300);color:var(--navy-900);}

/* checklist e fontes */
ul.check{list-style:none;padding-left:0;}
ul.check li{position:relative;padding-left:1.7rem;}
ul.check li::before{content:"";position:absolute;left:0;top:.35rem;width:1rem;height:1rem;border:2px solid var(--gold-500);border-radius:4px;}
.fontes{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.92rem;}
.fontes h2{font-size:1.1rem;margin-top:0;}
.fontes li{word-break:break-word;}
.aviso{font-size:.9rem;color:var(--muted-600);border-top:1px solid var(--border);padding-top:.9rem;margin-top:1.4rem;}
.veja{font-size:.95rem;}

/* chamada para ação */
.gcta{margin:2.2rem 0 1rem;background:var(--navy-900);color:#fff;border-radius:var(--radius-lg);padding:1.5rem 1.25rem;}
.gcta h2{color:#fff;margin:0 0 .6rem;font-size:1.3rem;}
.gcta p{margin:0 0 .9rem;color:#E8EAF0;}
.gcta a{color:var(--gold-300);}
.gcta strong{color:#fff;}
.gcta .btn{display:inline-block;margin:.2rem .6rem .4rem 0;padding:.75rem 1.2rem;border-radius:var(--radius-pill);background:var(--gold-500);color:var(--navy-900);font-family:var(--font-display);font-weight:600;text-decoration:none;}
.gcta .btn.alt{background:transparent;color:#fff;border:1.5px solid var(--gold-300);}

/* índice do guia */
.gcards{list-style:none;padding:0;margin:0;display:grid;gap:1rem;}
.gcards li{margin:0;}
.gcards a.gitem{display:block;text-decoration:none;color:inherit;background:var(--cream-050);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.1rem 1.2rem;transition:box-shadow .2s,border-color .2s;}
.gcards a.gitem:hover{box-shadow:var(--shadow-sm);border-color:var(--gold-500);}
.gcards .gt{display:block;font-family:var(--font-display);font-weight:600;color:var(--navy-900);font-size:1.12rem;line-height:1.3;margin-bottom:.3rem;}
.gcards .gd{display:block;color:var(--muted-600);font-size:.97rem;line-height:1.55;}

/* rodapé */
.gf{background:#FBFBFB;border-top:1px solid var(--border);margin-top:1rem;}
.gf-in{max-width:880px;margin:0 auto;padding:1.5rem 1rem 2rem;text-align:center;font-size:.9rem;color:var(--muted-600);}
.gf-in img{margin:0 auto .8rem;width:130px;}
.gf-in a{color:var(--muted-600);}

@media (min-width:720px){
  .gcard{padding:2.6rem 2.8rem;}
  .gcards{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}.gcards a.gitem{transition:none;}}