.reference-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;padding:42px 5vw;align-items:start}.reference-media{position:sticky;top:20px}.reference-media img{width:100%;height:auto;display:block}.reference-hero h1{font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.13;margin:18px 0 24px}.reference-hero .lead{font-size:18px;line-height:1.8}.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.reference-card{border:1px solid #dce4df;background:#fff}.reference-card>a{color:inherit;text-decoration:none}.reference-card img{width:100%;height:auto;display:block;background:#f3f5f4}.reference-card>a>div{padding:25px}.reference-card h3{font-size:25px;line-height:1.2;margin:12px 0}.reference-card p{line-height:1.7}.reference-body{max-width:1150px;margin:auto}.reference-body h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:38px 0 20px}.reference-body p,.reference-body li{font-size:17px;line-height:1.8}.reference-specs{margin:0}.reference-specs>div{display:grid;grid-template-columns:minmax(150px,1fr) 2fr;gap:25px;padding:18px 0;border-bottom:1px solid #dce4df}.reference-specs dt{font-weight:700}.reference-specs dd{margin:0;line-height:1.7}.reference-context{background:#edf3ef;border-left:4px solid #25764d;padding:20px 25px;margin:28px 0}.reference-context h3{margin:0 0 10px}.reference-context p{margin:0}.reference-checks{padding-left:24px}.reference-checks li{padding:8px 0}.source-note{font-size:14px!important;color:#4f625a;margin-top:30px}.reference-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:25px;margin:24px 0}.reference-category-grid article{padding:25px;background:#edf3ef}.reference-category-grid p{line-height:1.8}.reference-hero .actions{flex-wrap:wrap}.reference-hero .btn{white-space:normal;text-align:center}@media(max-width:800px){.reference-hero{grid-template-columns:1fr;padding:28px 24px;gap:24px}.reference-media{position:static}.reference-grid{grid-template-columns:1fr}.reference-specs>div{grid-template-columns:1fr;gap:8px}.reference-card h3{font-size:23px}.reference-hero h1{font-size:2.4rem}.reference-category-grid{grid-template-columns:1fr}}
.reference-focus{display:block;position:relative;overflow:hidden;background:#f5f5f3}.reference-focus img{position:absolute;max-width:none!important;height:auto!important;display:block}.reference-card .reference-focus{max-height:470px}.reference-card .reference-focus img{width:var(--reference-width)}@media(max-width:800px){.reference-hero>div:last-child{grid-row:1}}