/* /autos/ – aanvulling op /style.css (huisstijltokens --ink, --teal, --paper, --muted, --line, --mint). Geldt alleen binnen body.au. */
.au .header{height:96px}
.au-main{padding:8px 0 88px}
.au-crumbs{font-size:13px;color:var(--muted);margin-bottom:26px}
.au-crumbs a{text-underline-offset:4px}
.au h1{font-size:clamp(34px,4vw,52px);letter-spacing:-2px;max-width:900px}
.au h2{font-size:clamp(26px,2.6vw,34px);letter-spacing:-1.1px;margin-bottom:18px}
.au section{margin-top:56px}
.au-intro{max-width:820px}
.au-intro p{color:var(--muted);font-size:17px}
.au-intro strong{color:var(--ink)}
.au-updated{font-size:14px!important;color:var(--ink)!important;border-top:1px solid var(--line);padding-top:14px}
.au-updated span{color:var(--muted)}
.au-answer{background:#edf1ee;border-left:3px solid var(--teal);padding:24px 28px;max-width:900px}
.au-answer h2{font-size:20px;letter-spacing:-.4px;margin-bottom:8px}
.au-answer p{margin:0 0 8px;font-size:16px}
.au-note{font-size:13px;color:var(--muted);max-width:900px}
.au-table-wrap{overflow-x:auto;border-top:2px solid var(--teal)}
.au-table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.45;table-layout:auto}
.au-table caption{text-align:left;font-size:13px;color:var(--muted);padding:10px 0}
.au-table th,.au-table td{text-align:left;vertical-align:top;padding:12px 7px;border-bottom:1px solid var(--line)}
.au-table thead th{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--teal);font-weight:700;background:var(--paper);position:sticky;top:0}
.au-table tbody th{font-family:'Manrope',sans-serif;font-weight:700;font-size:15px;letter-spacing:-.2px}
.au-table tbody tr:hover{background:#f1f5f3}
.au-table td:nth-child(7),.au-table td:nth-child(8){min-width:150px}.au-table thead th{hyphens:auto}
.au-table a{text-underline-offset:3px}
.au-cond{margin:0;padding-left:16px}
.au-cond li{margin-bottom:4px}
.st{display:inline-block;font-size:11px;letter-spacing:.2px;font-weight:700;padding:3px 7px;border-radius:2px;line-height:1.4}
.st-com{background:#cfe8dd;color:#1d4d40}
.st-com-cond{background:#dceae3;color:#28574e;box-shadow:inset 0 0 0 1px #9dc2b5}
.st-pilot{background:#f3e6c9;color:#6b4d12}
.st-prep{background:#e3e9f1;color:#2f4661}
.st-verify{background:transparent;color:var(--muted);box-shadow:inset 0 0 0 1px #b1c2bd}
.st-unknown{background:#e9e9e4;color:#636858}
.au-legend dl,.au-head,.au-app dl{margin:0}
.au-legend dl{display:grid;gap:12px;max-width:900px}
.au-legend dl>div{display:grid;grid-template-columns:230px 1fr;gap:20px;border-bottom:1px solid var(--line);padding-bottom:12px}
.au-legend dd{margin:0;color:var(--muted);font-size:15px}
.au-method{max-width:820px}
.au-method p,.au-method li{color:var(--muted);font-size:16px}
.au-method li{margin-bottom:6px}
.au-detail{border-top:1px solid var(--line);padding:28px 0;scroll-margin-top:16px}
.au-detail h3{font-size:24px;margin-bottom:14px}
.au-detail dt{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--teal);font-weight:700}
.au-detail dd{margin:2px 0 12px;font-size:14px;color:var(--ink);overflow-wrap:anywhere}
.au-head{max-width:900px}
.au-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:8px}
.au-app h4{font:700 16px 'Manrope',sans-serif;margin:0 0 12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.au-src{margin:0;padding-left:16px;font-size:12.5px}
.au-cta{font-size:14px;margin:6px 0 0}
.au footer a{color:inherit}
@media(max-width:1050px){.au-apps{grid-template-columns:1fr;gap:6px}}
/* Tablet en mobiel (< 1180 px): elke tabelrij wordt een kaart; de markup blijft een echte <table>. */
@media(max-width:1180px){
 .au-table-wrap{overflow:visible;border-top:0}
 .au-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .au-table,.au-table tbody,.au-table tr,.au-table th,.au-table td{display:block;width:100%}
 .au-table caption{display:block}
 .au-table tr{border-top:2px solid var(--teal);background:#fff;margin-bottom:16px;padding:6px 16px 10px}
 .au-table tbody tr:hover{background:#fff}
 .au-table th,.au-table td{border-bottom:1px solid var(--line);padding:9px 0;display:grid;grid-template-columns:118px 1fr;gap:12px;min-width:0!important}
 .au-table td:last-child{border-bottom:0}
 .au-table th::before,.au-table td::before{content:attr(data-label);font:700 10.5px/1.5 'DM Sans',sans-serif;letter-spacing:.6px;text-transform:uppercase;color:var(--teal)}
 .au-table tbody th{font-size:18px}
 .au-legend dl>div{grid-template-columns:1fr;gap:6px}
}
@media(max-width:700px){.au-answer{padding:18px 18px}.au section{margin-top:44px}.au-intro p{font-size:16px}}
/* Modelpagina's /autos/<merk>/<model>/ (body.au.mp): rustiger en korter dan het overzicht. */
.mp-main{max-width:900px}
.mp h1{font-size:clamp(30px,3.4vw,44px);letter-spacing:-1.6px}
.mp h2{font-size:clamp(21px,2vw,26px);letter-spacing:-.6px;margin-bottom:12px}
.mp-answer{font-size:18px;line-height:1.6;margin:22px 0 0;padding:18px 22px;background:#edf1ee;border-left:3px solid var(--teal)}
.mp-statusblock{margin-top:22px!important;border-top:2px solid var(--teal);border-bottom:1px solid var(--line)}
.mp-status{display:grid;grid-template-columns:repeat(3,1fr);gap:0 24px;margin:0}
.mp-status>div{padding:14px 0;border-bottom:1px solid var(--line)}
.mp-status>div:nth-child(n+4){grid-column:1/-1;display:grid;grid-template-columns:200px 1fr;gap:16px;border-bottom:0;border-top:1px solid var(--line)}
.mp-status dt,.mp-dl dt{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--teal);font-weight:700}
.mp-status dd{margin:6px 0 0;font-size:15px}
.mp-status>div:nth-child(n+4) dd{margin:0}
.mp .mp-sec{margin-top:44px}
.mp-dl{margin:0}
.mp-dl>div{display:grid;grid-template-columns:230px 1fr;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}
.mp-dl dd{margin:0;font-size:15px;overflow-wrap:anywhere}
.mp-src{width:100%;border-collapse:collapse;font-size:13.5px;margin-bottom:14px}
.mp-src th,.mp-src td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
.mp-src thead th{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--teal)}
.mp #jouw-situatie p{color:var(--muted)}
.mp #jouw-situatie .button{margin-right:18px}
@media(max-width:700px){.mp-status{grid-template-columns:1fr}.mp-status>div:nth-child(n+4),.mp-dl>div{grid-template-columns:1fr;gap:4px}.mp-answer{font-size:16px;padding:14px 16px}.mp-src td:nth-child(2),.mp-src th:nth-child(2){display:none}}
.au .au-crumbs a{display:inline;font-size:13px} /* style.css verbergt op mobiel nav-links behalve de eerste */
/* Informatiepagina's /methode/ en /over/ (body.au.ip): zelfde huisstijl, leesbare tekstkolom. */
.ip h1{font-size:clamp(32px,3.6vw,48px);letter-spacing:-1.8px}
.ip .au-method,.ip .au-legend{max-width:820px}
.ip .au-method strong{color:var(--ink)}
.ip-chain{columns:2;column-gap:40px;padding-left:24px;margin:0 0 16px}
.ip-chain li{break-inside:avoid}
.ip-terms{max-width:640px;margin-top:4px}
.ip-terms caption{text-align:left;font-size:13px;color:var(--muted);padding:0 0 8px}
.ip-terms td:last-child{white-space:nowrap}
.ip .button{margin-right:18px}
@media(max-width:700px){.ip-chain{columns:1}}
/* Toepassingshubs /v2l/, /v2h/, /v2g/ (body.au.hub): compacter dan /autos/; tabel wordt < 1180 px kaarten (zie boven). */
.au-muted{color:var(--muted)}
.au-hubs{font-size:15px!important;color:var(--ink)!important}
.au-hubs a{font-weight:600;text-underline-offset:4px}
.hub .au-intro,.hub .au-answer{max-width:900px}
@media(min-width:1181px){.hub-table td:nth-child(1),.hub-table th[scope=row],.hub-table td:nth-child(3){white-space:nowrap}
 .hub-table td:nth-child(4){min-width:200px}}
.hub-table td{overflow-wrap:break-word}