/* Navegador de torques — complementa style.css (mesmos tokens) */
.wrap.doc,main.doc{max-width:960px}
.crumbs{font-size:14px;color:var(--fg3);margin:0 0 14px}
.crumbs a{color:var(--fg2)}
.lede{font-size:18px;color:var(--fg2);max-width:70ch}
.updated{color:var(--fg3);font-size:14px;margin:0 0 18px}

/* tabelas — nunca deixam o body rolar na horizontal */
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0 8px;
  border:1px solid var(--line);border-radius:12px;background:var(--raised)}
.tw table{border-collapse:collapse;width:100%;min-width:420px;font-size:15px}
.tw caption{text-align:left;padding:10px 14px;color:var(--fg3);font-size:13px}
.tw th,.tw td{padding:10px 14px;text-align:left;border-top:1px solid var(--line);
  white-space:nowrap}
.tw thead th{color:var(--green);font-size:13px;text-transform:uppercase;
  letter-spacing:.6px}
.tw tbody th{color:var(--fg1);font-weight:600}
.tw td strong{color:var(--green);font-size:17px}

/* grade de marcas */
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
  gap:12px;margin:24px 0}
.bcard{display:flex;flex-direction:column;gap:3px;padding:16px;border-radius:14px;
  background:var(--raised);border:1px solid var(--line);color:var(--fg1)}
.bcard:hover{border-color:var(--linegreen);text-decoration:none}
.bcard .bn{font-family:var(--cond);font-size:20px}
.bcard .bm{color:var(--fg3);font-size:13px}

/* seções de modelo no hub */
.model{margin:26px 0;scroll-margin-top:84px}
.model h3{font-family:var(--cond);font-size:22px;margin:0}
.variants{color:var(--fg3);font-size:13px;margin:4px 0 0}
.clash{color:var(--fg2);font-size:13px;margin:6px 0 0}
.filter{margin:22px 0 6px}
.filter label{display:block;font-size:13px;color:var(--fg3);margin-bottom:6px}
.filter input{width:100%;padding:11px 14px;border-radius:10px;font:inherit;
  background:var(--panel);border:1px solid var(--line);color:var(--fg1)}
.filter input:focus{outline:2px solid var(--green);outline-offset:1px}

.callout.warn{background:rgba(243,197,54,.10);border-color:rgba(243,197,54,.45)}
.callout.disc{background:transparent;border-color:var(--line);color:var(--fg3)}
.callout{margin:14px 0}

.faq{margin:34px 0}
.faq h3{font-family:var(--cond);font-size:18px;color:var(--fg1);margin:20px 0 4px}
.faq p{margin:0;color:var(--fg2)}
.more{margin:26px 0}
.cta-block{margin:34px 0 10px;padding:22px;border-radius:16px;
  background:var(--raised);border:1px solid var(--linegreen);text-align:center}
.cta-block p{margin:0;color:var(--fg2)}
.cta-block .cta{margin-top:12px}

/* espaço de anúncio — altura reservada evita CLS quando o AdSense entrar */
.adslot{min-height:280px;display:flex;align-items:center;justify-content:center;
  margin:28px 0;border-radius:12px;border:1px dashed var(--line);color:var(--fg3);
  font-size:13px}
@media(max-width:600px){.adslot{min-height:250px}}

/* conversor */
.conv{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  margin:22px 0}
.conv label{display:block;font-size:13px;color:var(--fg3);margin-bottom:6px}
.conv input{width:100%;padding:12px 14px;border-radius:10px;font:inherit;
  background:var(--panel);border:1px solid var(--line);color:var(--fg1)}
.seq{display:flex;gap:22px;flex-wrap:wrap;align-items:center;color:var(--green);
  margin:18px 0}