.lube-page{background:var(--paper);color:var(--ink)}
.lube-hero{overflow:hidden;border-bottom:var(--line);background:linear-gradient(135deg,var(--mint) 0 63%,var(--yellow) 63%)}
.lube-hero__grid{min-height:34rem;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(18rem,.55fr);gap:clamp(2rem,6vw,5rem);align-items:center;padding-block:clamp(3rem,7vw,5.5rem)}
.lube-hero .display-title{max-width:9ch;font-size:clamp(3.6rem,8vw,8rem)}
.lube-title-topic{display:block;margin-bottom:.22em;font-family:var(--body);font-size:.25em;line-height:1;letter-spacing:.08em}
.lube-hero__copy>p:not(.kicker){max-width:42rem;margin:1.3rem 0 0;font-size:clamp(1.1rem,2vw,1.45rem);font-weight:700}
.lube-stack{position:relative;display:grid;gap:.7rem;margin:0;padding:1.1rem;border:4px solid var(--ink);background:var(--paper);box-shadow:12px 12px 0 var(--ink);rotate:1.2deg}
.lube-stack div{display:grid;grid-template-columns:3.1rem 1fr;align-items:center;gap:.8rem;min-height:4.7rem;padding:.65rem .8rem;border:3px solid var(--ink);background:var(--yellow)}
.lube-stack div:nth-child(2){background:#5068dd;color:var(--paper)}.lube-stack div:nth-child(3){background:var(--coral)}.lube-stack div:nth-child(4){background:var(--mint)}
.lube-stack b{display:grid;place-items:center;width:2.8rem;height:2.8rem;border:2px solid currentColor;border-radius:50%;font-size:1.05rem}.lube-stack strong{font-family:var(--display);font-size:1.55rem;line-height:.9}.lube-stack figcaption{font-weight:800;line-height:1.35}
.lube-jump{position:sticky;top:0;z-index:8;border-bottom:3px solid var(--ink);background:var(--paper)}
.lube-jump .shell{display:flex;align-items:center;gap:.55rem;overflow-x:auto;padding-block:.65rem;white-space:nowrap}.lube-jump strong,.lube-jump a{padding:.35rem .6rem;border:2px solid var(--ink);text-decoration:none;font-size:.82rem;font-weight:950}.lube-jump strong{background:var(--yellow)}
.lube-answer{max-width:58rem;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.62}.lube-answer p{margin:0 0 1rem}.lube-answer__rule{padding:1rem 1.2rem;border:3px solid var(--ink);background:var(--yellow);box-shadow:7px 7px 0 var(--ink);font-weight:850}
.lube-visual{max-width:75rem;margin:0 0 2rem}.lube-visual picture,.lube-visual img{display:block;width:100%}.lube-visual img{height:auto;border:3px solid var(--ink);background:var(--paper)}.lube-visual figcaption{max-width:58rem;margin:.65rem 0 0;font-size:.95rem;font-weight:750}
.lube-steps{counter-reset:lube-step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}.lube-steps li{counter-increment:lube-step;min-height:15rem;padding:1.1rem;border:3px solid var(--ink);background:var(--paper);box-shadow:7px 7px 0 var(--ink)}.lube-steps li:nth-child(2){background:#dfe6ff}.lube-steps li:nth-child(3){background:#ffdfe0}.lube-steps li:nth-child(4){background:#e1f5ee}.lube-steps li::before{content:"0" counter(lube-step);display:block;margin-bottom:2.2rem;font-family:var(--display);font-size:2.4rem;font-weight:1000}.lube-steps h3{margin:0 0 .45rem;font-family:var(--display);font-size:1.5rem;line-height:.95}.lube-steps p{margin:0}
.lube-table-wrap{overflow-x:auto;border:3px solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--ink)}.lube-table{width:100%;border-collapse:collapse}.lube-table caption{padding:1rem;border-bottom:3px solid var(--ink);background:var(--yellow);text-align:left;font-weight:950}.lube-table th,.lube-table td{padding:1rem;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);vertical-align:top;text-align:left}.lube-table tr:last-child>*{border-bottom:0}.lube-table tr>*:last-child{border-right:0}.lube-table thead th{background:var(--night);color:var(--paper)}.lube-table tbody th{width:10rem;background:var(--mint);font-family:var(--display);font-size:1.3rem}.lube-table .stop{background:#ffdfe0;font-weight:850}.lube-table .verify{background:#fff0bf;font-weight:850}.lube-table-note{max-width:60rem;margin:1.6rem 0 0;font-size:.95rem}
.lube-mobile-compare{display:none}.lube-mobile-compare article{padding:1rem;border:3px solid var(--ink);background:var(--paper);box-shadow:5px 5px 0 var(--ink)}.lube-mobile-compare h3{margin:0 0 .75rem;font-family:var(--display);font-size:1.8rem}.lube-mobile-compare dl{margin:0}.lube-mobile-compare dt{margin-top:.75rem;font-weight:950}.lube-mobile-compare dd{margin:.15rem 0 0}
.lube-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.lube-type{padding:clamp(1rem,3vw,1.6rem);border:3px solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--ink)}.lube-type:nth-child(2){background:#dfe6ff}.lube-type:nth-child(3){background:#ffdfe0}.lube-type:nth-child(4){background:#fff0bf}.lube-type h3{margin:.45rem 0 1rem;font-family:var(--display);font-size:clamp(2rem,4vw,3.2rem);line-height:.9}.lube-type .choose-another{padding-top:.8rem;border-top:2px solid var(--ink);font-weight:850}
.lube-decisions,.lube-mistakes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.lube-decisions article,.lube-mistakes article{padding:1.1rem;border:3px solid var(--ink);background:var(--paper)}.lube-mistakes article{color:var(--ink)}.lube-decisions article:nth-child(2),.lube-mistakes article:nth-child(2){background:var(--mint)}.lube-decisions article:nth-child(3),.lube-mistakes article:nth-child(5){background:var(--yellow)}.lube-decisions h3,.lube-mistakes h3{margin:.2rem 0 .6rem;font-size:1.25rem}.lube-decisions p,.lube-mistakes p{margin:0}.lube-mistakes{grid-template-columns:repeat(5,minmax(0,1fr))}
.lube-checklist{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:2rem;align-items:start}.lube-checklist__intro{position:sticky;top:5rem}.lube-checklist ul{margin:0;padding:0;list-style:none}.lube-checklist li{display:grid;grid-template-columns:2.5rem 1fr;gap:.8rem;padding:1rem 0;border-bottom:2px solid var(--ink);font-weight:750}.lube-checklist li::before{content:"✓";display:grid;place-items:center;width:2.3rem;height:2.3rem;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);font-weight:1000}
.lube-talk{padding:clamp(1.2rem,4vw,2.3rem);border:4px solid var(--paper);background:#2c2131;box-shadow:9px 9px 0 var(--coral)}.lube-talk p{max-width:55rem;font-size:1.15rem}.lube-talk .talk-line{padding:1rem 1.2rem;border:3px solid var(--ink);background:var(--mint);color:var(--ink);font-weight:900}
.lube-faq details{max-width:58rem;border-top:2px solid var(--ink)}.lube-faq details:last-child{border-bottom:2px solid var(--ink)}.lube-faq summary{padding:1rem 2.5rem 1rem 0;cursor:pointer;font-weight:950}.lube-faq details p{margin:0;padding:0 0 1rem}.lube-next{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.lube-next a{min-height:13rem;display:flex;flex-direction:column;padding:1.1rem;border:3px solid var(--paper);color:var(--paper);text-decoration:none}.lube-next a:nth-child(2){background:var(--mint);color:var(--ink)}.lube-next a:nth-child(3){background:var(--yellow);color:var(--ink)}.lube-next strong{margin:.5rem 0;font-family:var(--display);font-size:1.6rem}.lube-next b{margin-top:auto}
@media(max-width:920px){.lube-hero{background:linear-gradient(165deg,var(--mint) 0 67%,var(--yellow) 67%)}.lube-hero__grid{grid-template-columns:1fr}.lube-stack{rotate:0;box-shadow:7px 7px 0 var(--ink)}.lube-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.lube-mistakes{grid-template-columns:repeat(2,minmax(0,1fr))}.lube-mistakes article:last-child{grid-column:1/-1}.lube-checklist{grid-template-columns:1fr}.lube-checklist__intro{position:static}.lube-jump{position:static}}
@media(max-width:720px){.lube-table-wrap{display:none}.lube-mobile-compare{display:grid;gap:.8rem}.lube-types,.lube-decisions,.lube-next{grid-template-columns:1fr}.lube-steps{grid-template-columns:1fr}.lube-steps li{min-height:auto}.lube-mistakes{grid-template-columns:1fr}.lube-mistakes article:last-child{grid-column:auto}.lube-hero .display-title{font-size:clamp(3.4rem,17vw,6rem)}.lube-stack div{grid-template-columns:2.7rem 1fr}.lube-stack strong{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}