:root{--navy:#071727;--blue:#0b3151;--cyan:#23a9c7;--gold:#e6ad3a;--paper:#f4f1e9;--ink:#132333;--muted:#61707c;--red:#a43b3b;--green:#27784c}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}
a{color:#12657b}
.top{background:var(--navy);padding:12px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:24px}
.top img{width:150px;height:68px;object-fit:contain}
.top nav{display:flex;gap:22px;flex-wrap:wrap}
.top nav a{color:#fff;text-decoration:none;font-weight:800}
main{max-width:1220px;margin:auto;padding:0 24px 80px}
.hero{margin:0 -24px 30px;padding:60px max(24px,calc((100vw - 1172px)/2));background:linear-gradient(120deg,var(--blue),var(--navy));color:#fff}
.eyebrow{color:var(--cyan);font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-weight:900}
h1{font:700 clamp(40px,6vw,70px) Georgia,serif;line-height:1.02;margin:.15em 0}
.hero p{max-width:850px;font-size:18px;line-height:1.6}
.button{display:inline-block;border:0;background:var(--cyan);color:var(--navy);font-weight:900;text-decoration:none;padding:13px 18px;cursor:pointer}
.button.dark{background:var(--navy);color:#fff}.button.approve{background:var(--green);color:#fff}.button.reject{background:var(--red);color:#fff}
.panel,.search,.form,.cards article,.review article{background:#fff;padding:25px;box-shadow:0 9px 28px #07172716}
.search{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:15px;align-items:end}
label{display:grid;gap:7px;font-weight:800}
input,select,textarea{width:100%;padding:12px;border:1px solid #b8c2c9;font:inherit;background:#fff}
textarea{line-height:1.5}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:25px}
.cards article{border-top:5px solid var(--cyan)}
.cards h2{font:700 27px Georgia,serif}.cards h2 a{text-decoration:none;color:var(--ink)}.cards p{color:var(--muted);line-height:1.55}
.tag{display:inline-block;background:#daf2f7;color:#075b70;padding:6px 10px;font-size:12px;font-weight:900;text-transform:uppercase}
.tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}
.article{max-width:1000px;margin:50px auto;background:#fff;padding:clamp(25px,5vw,65px)}
.lead{font-size:20px;color:var(--muted);line-height:1.6}.meta{color:var(--muted);font-size:13px}
.specs{display:grid;grid-template-columns:1fr 1fr;background:#e8f3f5;margin:28px 0}.specs div{padding:18px}
.body{font:18px/1.75 Georgia,serif}.caution,.sources{margin-top:30px;padding:22px;background:#f3f3ef}.caution{border-left:6px solid var(--gold)}
.pdf{display:block;margin-top:25px;padding:20px;background:var(--navy);color:#fff;text-decoration:none}
.form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide,.notice,.form>button{grid-column:1/-1}
.notice{padding:16px;background:#fff2cc;border-left:5px solid var(--gold)}.notice.good{background:#e0f2e7;border-color:var(--green)}.notice.bad{background:#f6dddd;border-color:var(--red)}
.tabs{display:flex;gap:5px;margin:25px 0}.tabs a{padding:12px 18px;background:#dce4e8;text-decoration:none;font-weight:800}.tabs a.active{background:var(--navy);color:#fff}
.review{display:grid;gap:22px}.review form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.actions{display:flex;gap:8px;flex-wrap:wrap}
.adminhead{display:flex;align-items:center;justify-content:space-between;margin:35px 0}
.category-picker{border:1px solid #b8c2c9;padding:18px}.category-picker legend{padding:0 8px;font-weight:900}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-grid label{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;width:100%;min-height:58px;padding:12px;border:1px solid #d5dde2;border-radius:7px;background:#fff;font-weight:700;line-height:1.35;cursor:pointer}.category-grid label:hover{border-color:#23a9c7;background:#f1fbfd}.category-grid input{appearance:auto;width:18px!important;height:18px;margin:1px 0 0!important;padding:0!important}.category-grid span{display:block;min-width:0}.category-grid small{color:#61707c;font-weight:600}
.compatibility-picker{border:1px solid #b8c2c9;padding:20px;display:grid;grid-template-columns:1fr;gap:24px}.compatibility-picker legend{padding:0 8px;font-weight:900}.compatibility-section{min-width:0}.compatibility-section h3,.year-range h3{margin:0 0 10px;font-size:17px;line-height:1.35}.compatibility-section p{margin:0 0 12px;color:var(--muted)}.model-grid,.year-grid{display:grid;gap:8px}.model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.year-grid{grid-template-columns:repeat(8,minmax(72px,1fr))}.model-grid label,.year-grid label{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:9px;min-height:44px;margin:0;padding:9px 10px;border:1px solid #d5dde2;border-radius:6px;background:#fff;line-height:1.2;cursor:pointer}.model-grid label:hover,.year-grid label:hover{border-color:var(--cyan);background:#f1fbfd}.model-grid input,.year-grid input{appearance:auto;width:18px!important;height:18px!important;margin:0!important;padding:0!important;align-self:center}.model-grid span,.year-grid span{display:block;min-width:0;align-self:center}.year-range{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start;max-width:520px}.year-range h3{grid-column:1/-1}
.language-heading{background:var(--navy);color:#fff;padding:12px 15px;font-weight:900;font-size:18px}.bilingual-review>label textarea{min-height:110px}
.document-actions{margin:30px 0;padding:22px;background:#eef6f7;border-left:6px solid var(--cyan)}.reader-page{width:min(1600px,calc(100vw - 32px));margin:24px 50%;transform:translateX(-50%)}.reader-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;background:#fff;padding:22px;margin-bottom:16px}.reader-heading h1{font-size:clamp(28px,4vw,48px)}.full-document{display:block;width:100%;height:calc(100vh - 210px);min-height:700px;border:1px solid #8b99a3;background:#fff}.word-reader{max-width:1000px;margin:auto;background:#fff;padding:clamp(28px,6vw,80px);font:19px/1.75 Georgia,serif}
footer{background:var(--navy);color:#dbe5e8;text-align:center;padding:28px 20px;font-size:13px}
@media(max-width:1000px){.year-grid{grid-template-columns:repeat(5,minmax(70px,1fr))}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.search,.form,.review form,.compatibility-picker{grid-template-columns:1fr}.cards,.category-grid{grid-template-columns:1fr}.year-grid{grid-template-columns:repeat(3,minmax(70px,1fr))}.model-grid{grid-template-columns:1fr}.wide,.notice,.form>button{grid-column:auto}.top{align-items:flex-start}.specs{grid-template-columns:1fr}.language-heading{display:none}.reader-heading{align-items:flex-start;flex-direction:column}.full-document{height:calc(100vh - 280px);min-height:560px}}