/* Motor em Dia — manual de oficina: papel creme, verde-petróleo, cobre, títulos serifados. Escrito em formato compacto, uma regra por linha. */
:root{--papel:#faf6ef;--folha:#fff;--tinta:#1e2326;--tinta-2:#565e63;--fio:#e3dccf;--petroleo:#12343b;--petroleo-2:#1d4a53;--petroleo-claro:#e3eeee;--cobre:#a2461f;--cobre-vivo:#e8894f;--cobre-claro:#fbeee4;--link:#145a66;--pare:#b42318;--pare-fundo:#fdecea;--atencao:#a15c07;--atencao-fundo:#fdf3e1;--ok:#067647;--ok-fundo:#e5f4ec;--largura:71rem;color-scheme:light dark}
:root{--serifa:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,"Cascadia Mono","SFMono-Regular",Consolas,Menlo,monospace}
@media (prefers-color-scheme:dark){:root{--papel:#0e1517;--folha:#142024;--tinta:#e9e5dd;--tinta-2:#a9b2b5;--fio:#26383d;--petroleo-claro:#18302f;--cobre:#f0a374;--cobre-claro:#2b1c13;--link:#8fd0d8;--pare:#ff8a7f;--pare-fundo:#2c1513;--atencao:#f5b65a;--atencao-fundo:#2a2010;--ok:#6ad3a0;--ok-fundo:#10261b}}

/* base */
*,::before,::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);font:1.0625rem/1.7 var(--sans)}
a{color:var(--link);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover,a:focus-visible{text-decoration-thickness:.12em}
:focus-visible{outline:3px solid var(--cobre-vivo);outline-offset:3px;border-radius:2px}
h1,h2,h3{font-family:var(--serifa);font-weight:700;line-height:1.18;color:var(--tinta)}
h1{font-size:clamp(2.05rem,1.5rem + 2.4vw,3.15rem);margin:.15em 0 .35em;letter-spacing:-.01em}
h2{font-size:clamp(1.45rem,1.25rem + .9vw,1.85rem);margin:2.4em 0 .6em}
h3{font-size:1.22rem;margin:1.7em 0 .45em}
p,ul,ol,table{margin:0 0 1.05em}
.moldura{width:min(100% - 2rem,var(--largura));margin-inline:auto}
.etiqueta{font:600 .78rem/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cobre);margin:0 0 .4rem}
.salto{position:absolute;left:-9999px;top:.5rem;background:var(--petroleo);color:#fff;padding:.55rem 1rem;z-index:5}
.salto:focus{left:1rem}

/* cabeçalho claro, com fio de cobre */
.cabecalho{background:var(--folha);border-bottom:1px solid var(--fio);box-shadow:inset 0 -3px 0 var(--cobre-vivo)}
.cabecalho-linha{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;flex-wrap:wrap;padding-block:.8rem 1rem}
.logo{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--tinta)}
.simbolo{width:2.5rem;height:2.5rem;display:block;flex:none}
.logo-texto{font:1.35rem/1 var(--serifa);letter-spacing:-.01em}
.logo-texto b{color:var(--cobre)}
.navegacao{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.98rem}
.navegacao a{color:var(--tinta-2);text-decoration:none;padding:.3rem 0;border-bottom:2px solid transparent}
.navegacao a:hover,.navegacao a[aria-current="page"]{color:var(--tinta);border-bottom-color:var(--cobre-vivo)}

/* capa da página inicial */
.capa{background:linear-gradient(180deg,var(--folha),var(--papel));border-bottom:1px solid var(--fio)}
.capa-grade{display:grid;gap:2.25rem;padding-block:3rem 3.25rem;align-items:center}
.capa h1{max-width:17ch}
.capa-texto{font-size:1.15rem;color:var(--tinta-2);max-width:38rem}
.acoes{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.botao{display:inline-block;padding:.72rem 1.2rem;border-radius:999px;background:var(--petroleo);color:#fff;text-decoration:none;font-weight:600;border:2px solid var(--petroleo)}
.botao:hover{background:var(--petroleo-2);border-color:var(--petroleo-2)}
.botao-linha{background:transparent;color:var(--tinta);border-color:var(--fio)}
.botao-linha:hover{background:var(--folha);border-color:var(--cobre-vivo)}
@media (prefers-color-scheme:dark){.botao{background:var(--cobre-vivo);border-color:var(--cobre-vivo);color:#1b1006}.botao:hover{background:#f3a273;border-color:#f3a273}}
.painel{background:var(--petroleo);color:#eef3f2;border-radius:18px;padding:1.5rem 1.5rem 1.25rem;box-shadow:0 18px 40px -24px rgba(18,52,59,.7)}
.painel .etiqueta{color:var(--cobre-vivo)}
.painel a{color:#fff;font-weight:600}
.luzes{list-style:none;padding:0;margin:.5rem 0 1rem;display:grid;gap:.65rem}
.luzes li{display:grid;grid-template-columns:auto 1fr;gap:.1rem .85rem;align-items:center;background:rgba(255,255,255,.06);border-radius:12px;padding:.7rem .9rem}
.luzes strong{font-family:var(--serifa);font-size:1.08rem}
.luzes span:last-child{grid-column:2;font-size:.95rem;color:#c9d6d4}
.lampada{grid-row:span 2;width:1.1rem;height:1.1rem;border-radius:50%}
.lampada-vermelha{background:#ff5a4e;box-shadow:0 0 0 4px rgba(255,90,78,.22),0 0 14px rgba(255,90,78,.7)}
.lampada-ambar{background:#ffb020;box-shadow:0 0 0 4px rgba(255,176,32,.22),0 0 14px rgba(255,176,32,.6)}
.lampada-verde{background:#3ddc84;box-shadow:0 0 0 4px rgba(61,220,132,.2),0 0 14px rgba(61,220,132,.55)}
.bloco{padding-block:3rem}
.bloco>h2:first-child{margin-top:0}
.bloco-cabeca{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin-bottom:1rem}
.bloco-cabeca h2{margin:0}
.habitos{list-style:none;padding:0;display:grid;gap:1rem;counter-reset:habito}
.habitos li{background:var(--folha);border:1px solid var(--fio);border-radius:14px;padding:1.15rem 1.25rem;counter-increment:habito}
.habitos li::before{content:counter(habito,decimal-leading-zero);display:block;font:600 .8rem var(--mono);color:var(--cobre);letter-spacing:.1em;margin-bottom:.35rem}
.habitos strong{display:block;font-family:var(--serifa);font-size:1.12rem;margin-bottom:.2rem}
.editora{background:var(--petroleo-claro);border-block:1px solid var(--fio)}
.editora-grade{display:grid;gap:1rem 2.5rem;padding-block:2.5rem}
.editora h2{margin-top:0}

/* índice dos guias, como sumário de manual */
.indice{list-style:none;padding:0;margin:0;border-top:1px solid var(--fio)}
.indice li{border-bottom:1px solid var(--fio)}
.indice a{display:grid;grid-template-columns:3rem 1fr auto;gap:1rem;align-items:baseline;padding:1.1rem .25rem;text-decoration:none;color:var(--tinta)}
.indice a:hover{background:var(--folha)}
.indice-num{font:600 1rem var(--mono);color:var(--cobre)}
.indice-corpo strong{display:block;font:700 1.2rem/1.3 var(--serifa)}
.indice-corpo span{display:block;color:var(--tinta-2);font-size:.98rem;margin-top:.15rem}
.indice-seta{color:var(--cobre);font-size:1.2rem;transition:transform .15s}
.indice a:hover .indice-seta{transform:translateX(4px)}

/* capítulo */
.migalhas{display:flex;flex-wrap:wrap;gap:.45rem;font-size:.9rem;color:var(--tinta-2);padding-top:1.25rem}
.migalhas a{color:var(--tinta-2)}
.capitulo-topo{padding:1.25rem 0 1.75rem;border-bottom:1px solid var(--fio);margin-bottom:2rem}
.capitulo-topo h1{max-width:24ch}
.linha-fina{font-size:1.18rem;color:var(--tinta-2);max-width:44rem;margin-bottom:.6rem}
.revisao{font:.85rem var(--mono);color:var(--tinta-2);margin:0}
.capitulo-grade{display:grid;gap:1.5rem 3rem}
.roteiro{background:var(--folha);border:1px solid var(--fio);border-radius:12px;padding:1rem 1.15rem}
.roteiro ol{margin:0;padding-left:1.2rem;font-size:.95rem}
.roteiro li{margin:.3rem 0}
.roteiro li::marker{color:var(--cobre);font-family:var(--mono);font-size:.85em}
.roteiro a{color:var(--tinta);text-decoration:none}
.roteiro a:hover{color:var(--link);text-decoration:underline}
.capitulo-texto{min-width:0;max-width:46rem}
.ficha{background:var(--cobre-claro);border-left:4px solid var(--cobre-vivo);border-radius:0 12px 12px 0;padding:1rem 1.25rem .4rem;margin-bottom:1.5rem}
.ficha-titulo{font:600 .78rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cobre);margin:0 0 .5rem}
.ficha ul{padding-left:1.1rem}
.ficha li{margin-bottom:.35rem}
.prosah2:first-child{margin-top:1.4em}
.prosali{margin-bottom:.4rem}
.prosali::marker{color:var(--cobre)}
.prosablockquote{margin:1.25rem 0;padding:.9rem 1.2rem;border-left:4px solid var(--petroleo-2);background:var(--folha);font-family:var(--serifa);font-size:1.07rem}
.prosablockquote p:last-child{margin-bottom:0}
.prosablockquote footer{font:.82rem var(--mono);color:var(--tinta-2);margin-top:.4rem}
.aviso{border-radius:12px;padding:.9rem 1.15rem .2rem;margin:1.4rem 0;border:1px solid}
.aviso-rotulo{font:700 .76rem var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .35rem}
.aviso-pare{background:var(--pare-fundo);border-color:color-mix(in srgb,var(--pare) 35%,transparent)}
.aviso-pare .aviso-rotulo{color:var(--pare)}
.aviso-atencao{background:var(--atencao-fundo);border-color:color-mix(in srgb,var(--atencao) 35%,transparent)}
.aviso-atencao .aviso-rotulo{color:var(--atencao)}
.aviso-dica{background:var(--ok-fundo);border-color:color-mix(in srgb,var(--ok) 30%,transparent)}
.aviso-dica .aviso-rotulo{color:var(--ok)}
.checagem{list-style:none;padding:0}
.checagem li{position:relative;padding-left:2rem;margin-bottom:.6rem}
.checagem li::before{content:"";position:absolute;left:0;top:.3em;width:1.05rem;height:1.05rem;border:2px solid var(--cobre);border-radius:4px;background:var(--folha)}
.tabela-rolagem{overflow-x:auto;margin:0 0 1.2rem;border:1px solid var(--fio);border-radius:12px;background:var(--folha)}
.tabela{border-collapse:collapse;width:100%;font-size:.96rem;margin:0}
.tabela th,.tabela td{text-align:left;vertical-align:top;padding:.7rem .9rem;border-bottom:1px solid var(--fio)}
.tabela thead th{font:600 .76rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-2);background:var(--papel)}
.tabela tbody tr:last-child>*{border-bottom:0}
.tabela tbody th{font-family:var(--serifa);font-size:1.02rem}
.cor{display:inline-block;width:.8rem;height:.8rem;border-radius:50%;vertical-align:-.05em;margin-right:.4rem}
.cor-vermelha{background:#e5392c}
.cor-ambar{background:#f0a000}
.cor-verde{background:#1fae63}
.cor-azul{background:#2f6fe0}
.fontes{font-size:.92rem;color:var(--tinta-2);border-top:1px solid var(--fio);padding-top:1rem;margin-top:2.5rem}
.fontes ul{padding-left:1.1rem}
.sequencia{display:grid;gap:1rem;margin:3rem 0 3.5rem;padding-top:1.5rem;border-top:1px solid var(--fio)}
.seq{display:block;background:var(--folha);border:1px solid var(--fio);border-radius:12px;padding:.9rem 1.1rem;text-decoration:none;color:var(--tinta);font-family:var(--serifa);font-size:1.08rem}
.seq:hover{border-color:var(--cobre-vivo)}
.seq span{display:block;font:600 .74rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cobre);margin-bottom:.2rem}
.seq-depois{text-align:right}

/* páginas avulsas */
.avulsa{max-width:48rem;padding-bottom:3.5rem}
.avulsa-topo{padding:2.25rem 0 1rem;border-bottom:1px solid var(--fio);margin-bottom:1.5rem}
.dados{display:grid;grid-template-columns:max-content 1fr;gap:.45rem 1.25rem;background:var(--folha);border:1px solid var(--fio);border-radius:12px;padding:1.1rem 1.25rem;margin:0 0 1.5rem}
.dados dt{font:600 .78rem/1.9 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-2)}
.dados dd{margin:0}
.pg-erro .avulsa{text-align:center;padding-top:2rem}

/* fecho (rodapé) em verde-petróleo */
.fecho{background:var(--petroleo);color:#d5e0de;font-size:.95rem}
.fecho a{color:#fff}
.fecho-grade{display:grid;gap:1.5rem 2.5rem;padding-block:2.5rem 1.5rem}
.fecho h2{font:600 .76rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cobre-vivo);margin:0 0 .6rem}
.fecho-marca{font:1.3rem var(--serifa);color:#fff;margin:0 0 .4rem}
.fecho-links{display:flex;gap:1.25rem}
.fecho-aviso{border-top:1px solid rgba(255,255,255,.14);padding-top:1.1rem;font-size:.88rem;color:#b6c7c4}
.fecho-fim{font:.8rem var(--mono);color:#93aaa6;padding-bottom:1.75rem;margin:0}

/* larguras maiores */
@media (min-width:46rem){.habitos{grid-template-columns:repeat(3,1fr)}.editora-grade{grid-template-columns:1.2fr 1fr;align-items:start}.sequencia{grid-template-columns:1fr 1fr}.seq-depois:only-child{grid-column:2}.fecho-grade{grid-template-columns:1.1fr 1fr 1fr}}
@media (min-width:60rem){.capa-grade{grid-template-columns:1.35fr 1fr;padding-block:4rem 4.25rem}.capitulo-grade{grid-template-columns:15.5rem minmax(0,1fr)}.roteiro{position:sticky;top:1.25rem}}
@media (max-width:30rem){.indice a{grid-template-columns:2.25rem 1fr}.indice-seta{display:none}.dados{grid-template-columns:1fr;gap:.1rem}.dados dd{margin-bottom:.55rem}}
@media (prefers-reduced-motion:reduce){.indice-seta{transition:none}}
@media print{.cabecalho,.fecho,.roteiro,.sequencia,.salto{display:none}body{background:#fff;color:#000}}