:root{--bg:#041426;--bg2:#08203a;--panel:#0b2135;--panel2:#11304d;--white:#f4f8fb;--muted:#adc1cf;--blue:#2f7df6;--cyan:#18b9f2;--green:#72d84f;--line:rgba(47,125,246,.24)}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.66}a{color:inherit}img{display:block;max-width:100%}.container{max-width:1150px;margin:auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:50;background:rgba(4,20,38,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.head{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:84px}.logo img{width:190px;max-width:42vw}.header-nav{display:flex;gap:22px;align-items:center;font-size:.86rem}.header-nav a{text-decoration:none;color:#c9d9e3}.header-nav .active,.header-nav a:hover{color:var(--cyan)}.home-link{border:1px solid var(--line);padding:8px 13px;border-radius:100px}.hero{padding:86px 0 66px;background:radial-gradient(circle at 85% 10%,rgba(47,125,246,.16),transparent 36%),linear-gradient(145deg,#081e34,#041426)}.eyebrow{color:var(--cyan);font-size:.74rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800}.eyebrow:before{content:'';display:inline-block;width:26px;height:2px;margin-right:11px;background:var(--green);vertical-align:middle}.title{max-width:930px;font-size:clamp(2.35rem,5vw,4.65rem);line-height:1.08;letter-spacing:-.045em;margin:19px 0}.lead{color:var(--muted);font-size:clamp(1rem,1.7vw,1.16rem);max-width:830px}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 22px}.filter{cursor:pointer;font-size:.82rem;color:#c5d9e8;border:1px solid var(--line);background:transparent;border-radius:100px;padding:10px 16px;font-weight:650}.filter.active,.filter:hover{color:#041426;background:var(--cyan);border-color:var(--cyan)}.search{margin:30px 0 20px;max-width:520px;width:100%;padding:14px 17px;border:1px solid #45667f;border-radius:14px;background:#10283e;color:#fff;font:inherit}.search:focus{outline:2px solid var(--cyan);outline-offset:2px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:8px 0 70px}.tile{border:1px solid var(--line);background:linear-gradient(150deg,#102e4b,#081c2d);border-radius:22px;padding:26px 25px 22px;min-height:330px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.tile:hover{transform:translateY(-4px);border-color:#2f7df6}.tile-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.chip{display:inline-block;border:1px solid rgba(24,185,242,.4);color:var(--cyan);padding:5px 10px;border-radius:100px;font-size:.72rem;font-weight:750;text-transform:uppercase}.readtime{font-size:.74rem;color:var(--muted)}.tile h2{font-size:1.27rem;line-height:1.3;letter-spacing:-.02em;margin:22px 0 13px}.tile p{color:var(--muted);font-size:.9rem;margin:0 0 20px}.tile a{margin-top:auto;color:var(--cyan);font-weight:800;text-decoration:none}.tile a:hover{text-decoration:underline}.tile-bar{width:78px;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--green));border-radius:4px}.empty{padding:32px 0;color:var(--muted)}.footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:.84rem}.footer-inner{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between}.footer a{color:var(--cyan)}.crumb{font-size:.79rem;color:var(--muted);padding:35px 0 15px}.crumb a{color:var(--cyan);text-decoration:none}.article-header{padding:20px 0 30px}.article-meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.84rem}.article-summary{color:#c1d6e3;font-size:1.12rem;max-width:850px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:54px;align-items:start;padding-bottom:76px}.prose{max-width:800px;min-width:0}.prose h2{font-size:1.7rem;line-height:1.2;margin:42px 0 15px;scroll-margin-top:105px}.prose p{font-size:1.04rem;color:#d0dfeb}.prose li{color:#d0dfeb;margin:8px 0}.prose ul{padding-left:23px}.prose blockquote{margin:24px 0;padding:18px 24px;border-left:4px solid var(--green);background:#10283d;color:#d9f4fd;border-radius:0 12px 12px 0}.prose strong{color:#fff}.prose a,.sources a{color:var(--cyan)}.prose code{background:#123a57;padding:2px 5px;border-radius:4px}.prose .equation{font-size:1.18rem;font-weight:800;border-radius:12px;background:#10283d;color:#e3faff;padding:17px 21px}.box{border:1px solid var(--line);background:#0a2034;padding:21px;border-radius:20px}.sticky{position:sticky;top:108px}.sticky h3{font-size:.92rem;margin-top:2px}.sticky a{display:block;padding:9px 0;color:var(--muted);text-decoration:none;font-size:.83rem}.sticky a:hover{color:var(--cyan)}.byline{display:flex;gap:10px;align-items:center;padding:12px 0}.byline strong{display:block}.byline small{display:block;color:var(--muted)}.sources{margin-top:42px;border-top:1px solid var(--line);padding-top:17px}.sources li{margin:12px 0}.source-note{border-left:3px solid var(--blue);padding:12px 18px;background:#0b2033;color:#a9bfd0;border-radius:0 10px 10px 0;font-size:.91rem}.cta{margin-top:40px;border:1px solid #2763a0;background:linear-gradient(135deg,#123657,#0b2237);border-radius:20px;padding:24px}.cta strong{font-size:1.2rem}.cta a{display:inline-block;margin-top:10px;background:linear-gradient(95deg,var(--blue),var(--cyan),var(--green));color:#041426;text-decoration:none;border-radius:12px;padding:11px 16px;font-weight:800}.back{color:var(--cyan);font-size:.88rem;text-decoration:none}.article-badge{display:inline-block;letter-spacing:.04em}.top-copy{margin-bottom:0}.quick-links{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:12px}.quick-links a{border:1px solid var(--line);padding:8px 12px;border-radius:10px;text-decoration:none;font-size:.82rem;color:#d9eaf5}
@media(max-width:880px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.sticky{position:static;order:-1}.header-nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.header-nav a:nth-child(3),.header-nav a:nth-child(4),.header-nav a:nth-child(5){display:none}}
@media(max-width:560px){.container{padding:0 18px}.head{min-height:72px}.logo img{width:148px;max-width:48vw}.header-nav{gap:10px}.header-nav a{font-size:.78rem}.header-nav a:nth-child(1){display:none}.hero{padding:57px 0 35px}.title{font-size:2.42rem}.grid{grid-template-columns:1fr;gap:14px}.tile{min-height:260px}.article-layout{gap:24px}.prose h2{font-size:1.45rem}.article-header{padding-top:2px}.source-note{font-size:.83rem}}

/* Veículos autorais em SVG: silhueta coerente com cada tema, sem fotografia de fabricante. */
.vehicle-figure{height:116px;display:flex;align-items:center;justify-content:center;margin:12px -6px 10px;background:radial-gradient(ellipse at 50% 70%,rgba(24,185,242,.08),transparent 65%);overflow:hidden}
.vehicle-figure svg{display:block;width:100%;height:100%;filter:drop-shadow(0 8px 17px rgba(18,185,244,.12))}
.vehicle-figure-small{height:96px;margin:14px 0 2px;opacity:.98}
.tile{min-height:410px}.tile h2{margin-top:15px}.tile-bar{margin-top:7px}
.article-header .vehicle-figure-small{max-width:520px;height:124px;margin:16px 0}
@media(max-width:560px){.tile{min-height:344px}.vehicle-figure{height:108px}.article-header .vehicle-figure-small{max-width:100%;height:115px}}

/* V4.5 – figures with accessible captions / custom technical diagrams */
.tech-figure{height:115px;display:flex;align-items:center;justify-content:center;margin:12px -6px 10px;overflow:hidden;background:radial-gradient(circle at 50% 65%,rgba(114,216,79,.09),transparent 68%)}
.tech-figure img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 15px rgba(24,185,242,.15))}.tech-figure-small{height:92px;margin:12px 0}
.prose figure.kn-figure{margin:30px 0;border:1px solid rgba(114,216,79,.28);background:linear-gradient(145deg,#0d283e,#071a2c);padding:12px;border-radius:18px;overflow:hidden}
.prose figure.kn-figure img{width:100%;height:auto;max-height:700px;object-fit:contain;border-radius:10px;background:#041426}
.prose figure.kn-figure figcaption{padding:10px 8px 3px;color:#b5cedb;font-size:.9rem;line-height:1.5}
.tile{min-height:385px}.tile .tile-bar{background:linear-gradient(90deg,var(--blue) 10%,var(--cyan) 46%,var(--green) 100%)}
@media(max-width:560px){.tile{min-height:320px}.prose figure.kn-figure{padding:7px;margin:25px 0}}