/* Three viewport panels for the original generator range. */
.original-screens{position:relative}
.original-screen-content>h1,.original-screen-content>h2{margin:0 0 18px;font-size:clamp(22px,2.4vw,34px)}
.original-three-screen-page{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.original-three-screen-page>.site-header{flex:0 0 auto}
.original-screens{flex:1;min-height:0;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}
.original-screen{height:100%;min-height:100%;overflow-y:auto;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;padding:24px 0;box-sizing:border-box}
.original-screen-content{margin:auto;width:min(1440px,88%);flex:0 0 auto}
.original-overview{padding-top:0}
.original-overview .compact-page-head{flex:0 0 auto;width:100%}
.original-overview .original-screen-content{padding:24px 0}
.original-overview .original-intro{gap:48px}
.original-overview .original-intro img{max-height:55dvh}
.original-selection .original-emissions{margin:0;padding:0}
.original-selection .original-emission-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.original-reference .original-emission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.original-selection .original-emission-card{height:clamp(320px,calc(100dvh - 260px),570px)}
.original-selection .original-emission-card h2{height:auto;min-height:60px}
.original-reference .unified-footer{padding:10px 0;margin:12px auto 0;min-height:0}
.original-selection .original-emission-card{padding:20px;min-width:0}
.original-selection .original-emission-card h2{font-size:clamp(18px,1.8vw,28px);line-height:1.35}
.original-selection .original-card-media{height:clamp(150px,32dvh,350px);min-height:0}
.original-types .original-screen-content>h2{font-size:clamp(24px,2.6vw,36px);margin-bottom:18px}
.original-types .original-class-grid{margin-bottom:0;gap:18px}
.original-types .original-class-grid article{padding:20px}
.original-types .original-class-grid h3{font-size:clamp(18px,1.8vw,26px)}
.original-types .original-form-picture{height:clamp(100px,19dvh,180px)}
.original-types .unified-footer{flex:0 0 auto;padding:12px 0 0;margin:16px auto 0;min-height:0}
@media(max-width:1000px){.original-selection .original-emission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.original-selection .original-card-media{height:160px}.original-selection .original-emission-card{padding:14px}.original-types .original-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.original-screen{padding:18px 0}.original-overview{padding-top:0}.original-screen-content{width:92%}.original-overview .original-intro{gap:20px}.original-types .original-class-grid article{padding:12px;grid-template-columns:1fr}.original-types .original-class-grid .original-form-picture{grid-column:1;grid-row:auto;height:110px}.original-selection .original-card-media{height:130px}.original-selection .original-emission-card h2{font-size:17px}}

/* Long company introduction remains readable within the first screen. */
.original-overview .original-intro{grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);align-items:start;gap:32px}
.original-overview .original-intro p{font-size:15px;line-height:1.85;margin-top:16px}
.original-overview .original-intro img{position:sticky;top:24px;align-self:start}
.original-overview .original-screen-content{margin:0 auto}
@media(max-width:700px){.original-overview .original-intro{grid-template-columns:1fr}.original-overview .original-intro img{position:static}}
@media(max-width:600px){.original-selection .original-emission-grid{grid-template-columns:1fr}}

@media(min-width:901px){.original-reference .original-emission-card{height:clamp(260px,calc(100dvh - 360px),480px)}}

.original-pagination{margin:0;padding:10px 0 14px;background:#fff}.original-pagination button:focus-visible{outline:2px solid #0874b4;outline-offset:3px}
@media(max-width:900px),(hover:none) and (pointer:coarse){.original-pagination{display:none}}

/* Reference panel shares the series panel footprint, not detail-page margins. */
.original-screens>.original-reference{width:100%;margin:0;flex-shrink:0}
.original-screens>.original-reference .original-screen-content{margin:auto;width:min(1440px,88%)}
.original-screens>.original-reference .original-emission-card{display:grid;grid-template-rows:auto auto auto auto minmax(150px,1fr);gap:8px;height:clamp(350px,calc(100dvh - 300px),570px)}
.original-screens>.original-reference .original-emission-card small{margin:4px 0 0}
.original-screens>.original-reference .original-emission-card h2{height:auto;min-height:0;margin:0;font-size:clamp(18px,1.8vw,28px);line-height:1.35}
.original-screens>.original-reference .original-card-media{height:100%;min-height:150px;margin:0;padding:4px}
.original-screens>.original-reference .original-card-media>svg.reference-card-image{width:100%;height:100%;max-height:none;min-height:150px}
@media(max-width:600px){.original-screens>.original-reference .original-emission-card{height:420px}}

@media(min-width:901px) and (hover:hover) and (pointer:fine){
.original-screens>.original-reference{padding:18px 0 10px}
.original-screens>.original-reference .original-screen-content{flex:1;min-height:0;display:flex;flex-direction:column;margin:0 auto}
.original-screens>.original-reference .original-emission-grid{flex:1;min-height:0}
.original-screens>.original-reference .original-emission-card{height:100%;min-height:0;box-sizing:border-box;grid-template-rows:auto auto auto auto minmax(100px,1fr);padding:16px}
.original-screens>.original-reference .original-card-media,.original-screens>.original-reference .original-card-media>svg.reference-card-image{min-height:100px}
.original-screens>.original-reference .unified-footer{flex:none;font-size:11px;margin:8px auto 0;padding:0}
.original-screens>.original-reference .unified-footer p{margin:3px 0;font-size:11px}
}

/* Shared typography for all four original-generator screen headings. */
.original-three-screen-page .original-overview .compact-page-head h1,
.original-three-screen-page #original-series .original-screen-content>h1,
.original-three-screen-page #original-types .original-screen-content>h2,
.original-three-screen-page #original-reference .original-screen-content>h2{
 color:#173c54;font-size:clamp(24px,2.4vw,34px);font-weight:700;line-height:1.3;letter-spacing:0;margin:0 0 18px;
}