/* A4 portrait edition: same 14 chapters, recomposed for a vertical page. */
@media screen and (min-width:601px){
 #reader{max-width:none;padding:22px 30px 95px}.reading-meta,.page-canvas,.reader-bottom-note{max-width:794px;margin-left:auto;margin-right:auto}.reading-meta{margin-bottom:13px}.reading-hint{display:none}
 .leaflet-page{width:100%;min-height:1123px;padding:45px 46px 29px}.page-1{min-height:1123px;padding:0}.page-heading{margin-bottom:29px}.page-heading h2{font-size:36px;line-height:1.33}.lead{font-size:var(--text-body);line-height:1.85}.folio{font-size:var(--text-caption);padding-top:25px}
 .cover-layout{display:flex;flex-direction:column;min-height:0;flex:1}.cover-brand{padding:35px 42px 34px;min-height:565px;flex:1}.cover-brand .edition{font-size:var(--text-body-small)}.cover-brand h1{font-size:48px;line-height:1.3}.cover-pre{margin-bottom:20px}.cover-sub{font-size:var(--text-subheading);margin-top:22px}.cover-start{margin-top:26px;align-self:flex-start;gap:65px}.cover-base{flex-direction:row;align-items:flex-end;margin-top:24px}.cover-base img{width:138px}.cover-base>span{font-size:var(--text-label)}.cover-image{min-height:0;flex:none;height:465px}.cover-image>img{object-position:50% 67%}.cover-image figcaption{left:35px;bottom:107px}.cover-domain{left:35px;right:35px;bottom:30px}.page-1 .folio{padding:18px 35px}
 .overview-layout{grid-template-columns:1fr;gap:30px}.company-info{padding-top:22px}.company-info dl{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;margin:18px 0}.company-info dl>div{grid-template-columns:100px 1fr;padding:12px 0;font-size:var(--text-body)}.company-info>p{font-size:var(--text-body)}.company-info>p br{display:none}.business-map{display:grid;grid-template-columns:1fr 1fr;gap:14px}.business-map button{margin:0;min-height:127px;padding:23px 16px;gap:12px;align-items:flex-start}.business-map p{font-size:var(--text-body-small);line-height:1.8}.business-map strong{font-size:18px}.business-map b{font-size:18px}.mini-icon{font-size:30px;width:29px;padding-top:7px}
 .capabilities{grid-template-columns:1fr;border-left:0}.capability{padding:24px 0;display:grid;grid-template-columns:1fr 1fr;column-gap:23px;border-right:0;position:relative}.cap-label{grid-column:1/-1;font-size:var(--text-label)}.capability h3{font-size:23px;margin:12px 0 0}.capability p{font-size:var(--text-body);line-height:1.85;margin-top:11px}.cap-evidence{grid-column:1/-1;display:flex;align-items:baseline;gap:13px;margin-top:17px;padding-top:0;border:0;font-size:var(--text-caption)}.cap-evidence strong{font-size:var(--text-body-small);margin:0}.page-3 .small-note{margin-top:25px}
 .residential-layout,.supply-layout,.industrial-layout,.bess-layout,.monitor-layout,.home-layout,.fems-layout,.evidence-layout{grid-template-columns:minmax(0,1fr);gap:26px}
 .field-photo{height:310px}.residential-layout .service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature h3{font-size:1.1875rem}.feature p{font-size:var(--text-body);line-height:1.85}.residential-layout .service-list .feature{margin:0}.proof{margin-top:22px;padding:20px 23px}.proof>strong{font-size:1.1875rem}.proof p{font-size:var(--text-body)}.inline-link{font-size:var(--text-body-small)}.product-showcase{height:325px;padding:22px 50px 20px;grid-template-columns:1.1fr .9fr;gap:20px}.product-photo img{height:235px}.small-product img{height:170px}.product-showcase>p{font-size:var(--text-caption);margin-top:0}.credential h3{font-size:27px}.credential p{font-size:var(--text-body)}.spec-list{margin-top:21px}.spec-list>div{display:grid;grid-template-columns:100px 1fr;gap:15px;padding:12px 0;font-size:var(--text-body)}.spec-list dt{font-size:var(--text-body-small);margin:0}.supply-layout .small-note{margin-top:15px}
 .diagram-panel{padding:22px 24px 18px}.factory-diagram{display:block;max-height:285px;width:100%;margin:0 auto}.diagram-panel .small-note{font-size:var(--text-caption);margin:5px 0 18px}.energy-rail{font-size:var(--text-body-small)}.industrial-layout>.service-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.industrial-layout .feature{margin:0}.industrial-layout .input-note{grid-column:1/-1;margin-top:0}.input-note p{font-size:var(--text-body-small)}.industrial-layout .feature h3{font-size:var(--text-subheading)}
 .bess-photo{order:-1;height:340px}.ess-number{margin-bottom:18px}.ess-number strong{font-size:87px}.ess-number>span{font-size:var(--text-body-small)}.bess-layout .body-copy{font-size:var(--text-body)}.bess-layout .spec-list{margin-top:17px}.bess-photo figcaption{padding:17px 23px}.bess-photo figcaption b{font-size:var(--text-body)}.bess-photo figcaption span{font-size:var(--text-caption)}
 .console-screen .zoom-image{height:360px}.monitor-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.monitor-copy .feature h3{font-size:var(--text-subheading)}.monitor-copy .feature p{font-size:var(--text-body-small)}.monitor-copy .feature{margin-bottom:0}.workflow.slim{margin-top:30px;padding-top:0}.workflow strong{font-size:var(--text-body)}.workflow span{font-size:var(--text-label)}.screen-figure>figcaption{font-size:var(--text-caption)}.zoom-label{font-size:var(--text-caption);padding:7px 11px}
 .role-layout{grid-template-columns:1fr;gap:30px}.role-panel{display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:22px;padding:22px 0;border-top:1px solid var(--line)}.role-head{grid-column:1;grid-row:1}.role-head h3{font-size:25px}.role-head p{font-size:var(--text-body-small);line-height:1.9}.role-screen{grid-column:2;grid-row:1/3}.role-screen .zoom-image{height:245px}.check-list{grid-column:1;grid-row:2;font-size:var(--text-body-small);padding-top:0}.role-head>span{font-size:var(--text-label)}
 .home-layout>.service-copy{display:grid;grid-template-columns:1fr 1fr;gap:22px}.home-feature{margin-bottom:0}.home-feature h3{font-size:25px}.home-feature p{font-size:var(--text-body)}.home-layout>.service-copy>.small-note{grid-column:1/-1;margin-top:0}.phones{padding:30px 55px 24px;gap:30px}.phone{width:210px;flex:0 1 210px;max-width:45%}.phone>.screen-figure>.zoom-image{height:420px}.second-phone{padding-top:24px}.phone>figcaption{font-size:var(--text-label)}
 .fems-screen .zoom-image{height:410px}.fems-layout>.service-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.fems-layout>.service-copy>.stage-badge{grid-column:1/-1;justify-self:start;margin:0}.fems-layout .feature{margin:0}.fems-layout .feature h3{font-size:1.1875rem}.fems-layout .feature p{font-size:var(--text-body-small)}.fems-layout>.service-copy>.small-note{grid-column:1/-1;margin-top:0}.map-screen .zoom-image{height:340px}.connection-rail{font-size:var(--text-body-small);margin-top:18px}.evidence-side{display:grid;grid-template-columns:1.1fr 1fr;column-gap:22px;align-items:start}.evidence-screen{grid-column:1;grid-row:1/4}.evidence-screen .zoom-image{height:230px}.evidence-side h3{grid-column:2;font-size:19px;margin:4px 0 10px}.evidence-side>p{grid-column:2;font-size:var(--text-body);margin:0 0 12px}.evidence-side>.stage-badge{grid-column:2;justify-self:start;margin:0}
 .workflow.large{margin:20px 0 42px;gap:20px}.workflow.large li{padding-top:22px}.workflow.large strong{font-size:1.1875rem}.workflow.large span{font-size:var(--text-body-small)}.delivery-row{grid-template-columns:1fr 1.6fr 1fr;padding:23px 0;gap:20px}.delivery-row strong{font-size:var(--text-body)}.delivery-row p,.delivery-row>span{font-size:var(--text-body-small);line-height:1.9}.header-row{padding:13px 0}.header-row>span{font-size:var(--text-label)}.page-13>.small-note{font-size:var(--text-label);margin-top:27px}
 .contact-layout{grid-template-columns:1fr;gap:30px}.contact-message h2{font-size:44px;margin:27px 0 20px}.contact-message>p:not(.kicker){font-size:var(--text-body)}.contact-email{font-size:27px;padding-top:26px}.contact-phone{font-size:25px;margin-top:12px}.site-link{font-size:var(--text-body)}.contact-legal{padding-top:18px;margin-top:22px}.contact-legal strong,.contact-legal p{font-size:var(--text-label)}.contact-legal p{margin-top:8px}.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;padding-top:0}.contact-options>.kicker{grid-column:1/-1;margin-bottom:3px}.contact-options>a{padding:18px 0}.contact-options strong{font-size:20px}.contact-options p{font-size:var(--text-body-small);line-height:1.85}.page-14 .folio{padding-top:28px}
}
@media screen and (max-width:600px){.cover-layout{flex-direction:column}.leaflet-page{min-height:650px}.cover-brand h1{font-size:34px}.reading-meta>span:last-child{font-size:var(--text-caption)}.header-label{display:none}}
@media print{
 @page{size:A4 portrait;margin:0}
 :root{--sidebar:0px;--header:0px}
 html,body{margin:0!important;padding:0!important;background:white!important;width:210mm}
 .reader-header,.sidebar,.reading-meta,.reader-controls,.reader-bottom-note,.zoom-label,.cover-start,dialog,.toast,.skip-link{display:none!important}
 .reader-shell,#reader,.page-canvas{display:block!important;margin:0!important;padding:0!important;max-width:none!important;width:210mm!important}
 .leaflet-page,.leaflet-page[hidden]{display:flex!important;width:210mm;height:297mm;min-height:0;max-height:297mm;padding:12mm 12mm 8mm;border:0;box-shadow:none;overflow:hidden;break-after:page;break-inside:avoid;animation:none}
 .leaflet-page:last-child{break-after:auto}.page-heading{margin-bottom:7mm}.page-heading h2{font-size:28px;line-height:1.32}.lead{font-size:var(--text-label);line-height:1.8;margin-top:11px}.kicker{font-size:var(--text-caption)}.folio{font-size:var(--text-caption);padding-top:5mm;margin-top:auto}.small-note{font-size:var(--text-caption);margin-top:12px}.feature{margin-bottom:16px}.feature h3{font-size:var(--text-subheading)}.feature p,.body-copy{font-size:var(--text-label);line-height:1.8}
 .page-1{padding:0}.cover-layout{display:flex;flex-direction:column;min-height:0;flex:1}.cover-brand{padding:10mm 12mm;min-height:0;height:154mm;flex:none}.cover-brand h1{font-size:44px;line-height:1.32}.cover-sub{font-size:var(--text-body)}.cover-base{flex-direction:row;margin-top:18px}.cover-image{min-height:0;height:129mm;flex:none}.cover-image>img{object-position:50% 67%}.cover-image figcaption{left:10mm;bottom:27mm}.cover-domain{left:10mm;right:10mm;bottom:8mm}.page-1 .folio{padding:4mm 10mm}
 .overview-layout{grid-template-columns:1fr;gap:8mm}.company-info dl{display:grid;grid-template-columns:1fr 1fr;gap:0 8mm;margin:5mm 0}.company-info dl>div{font-size:var(--text-label);padding:9px 0}.company-info>p{font-size:var(--text-label)}.business-map{display:grid;grid-template-columns:1fr 1fr;gap:4mm}.business-map button{margin:0;min-height:33mm}.business-map p{font-size:var(--text-caption)}
 .capabilities{grid-template-columns:1fr;border-left:0}.capability{padding:6mm 0;border-right:0;display:grid;grid-template-columns:1fr 1fr;gap:0 6mm}.cap-label{grid-column:1/-1;font-size:var(--text-caption)}.capability h3{font-size:20px;margin:10px 0 0}.capability p{font-size:var(--text-label);margin-top:10px}.cap-evidence{grid-column:1/-1;display:flex;gap:12px;align-items:baseline;margin-top:12px;padding:0;border:0;font-size:var(--text-caption)}.cap-evidence strong{font-size:var(--text-caption);margin:0}
 .residential-layout,.supply-layout,.industrial-layout,.bess-layout,.monitor-layout,.home-layout,.fems-layout,.evidence-layout{grid-template-columns:minmax(0,1fr);gap:6mm}.field-photo{height:76mm}.residential-layout .service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5mm}.residential-layout .feature{margin:0}.proof{margin-top:5mm;padding:5mm}.proof>strong{font-size:var(--text-subheading)}.proof p{font-size:var(--text-label)}.inline-link{font-size:var(--text-caption)}.product-showcase{height:80mm;padding:5mm 12mm;grid-template-columns:1.1fr .9fr}.product-photo img{height:58mm}.small-product img{height:40mm}.credential h3{font-size:23px}.credential p{font-size:var(--text-label)}.spec-list>div{display:grid;grid-template-columns:27mm 1fr;gap:4mm;padding:10px 0;font-size:var(--text-label)}.spec-list dt{font-size:var(--text-caption);margin:0}
 .diagram-panel{padding:5mm}.factory-diagram{max-height:72mm}.energy-rail{font-size:var(--text-caption)}.industrial-layout>.service-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5mm}.industrial-layout .feature{margin:0}.industrial-layout .input-note{grid-column:1/-1}.bess-photo{order:-1;height:80mm}.ess-number strong{font-size:78px}.bess-layout .spec-list{margin-top:15px}
 .console-screen .zoom-image{height:88mm}.monitor-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5mm}.monitor-copy .feature h3{font-size:var(--text-body)}.monitor-copy .feature p{font-size:var(--text-caption)}.workflow.slim{margin-top:7mm}.workflow strong{font-size:var(--text-label)}.workflow span{font-size:var(--text-caption)}.screen-figure>figcaption{font-size:var(--text-caption)}.role-layout{grid-template-columns:1fr;gap:8mm}.role-panel{display:grid;grid-template-columns:55mm minmax(0,1fr);column-gap:6mm;padding:5mm 0;border-top:1px solid #dbe3ec}.role-head{grid-column:1;grid-row:1}.role-screen{grid-column:2;grid-row:1/3}.role-screen .zoom-image{height:62mm}.role-head h3{font-size:22px}.role-head p,.check-list{font-size:var(--text-caption)}.check-list{grid-column:1;grid-row:2;padding-top:0}
 .home-layout>.service-copy{display:grid;grid-template-columns:1fr 1fr;gap:6mm}.home-layout>.service-copy>.small-note{grid-column:1/-1;margin:0}.home-feature{margin-bottom:0}.home-feature h3{font-size:23px}.home-feature p{font-size:var(--text-label)}.phones{padding:8mm 13mm 5mm;gap:8mm}.phone{max-width:45%;width:53mm;flex:0 1 53mm}.phone>.screen-figure>.zoom-image{height:106mm}.phone>figcaption{font-size:var(--text-caption)}
 .fems-screen .zoom-image{height:102mm}.fems-layout>.service-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5mm}.fems-layout>.service-copy>.stage-badge{grid-column:1/-1;justify-self:start;margin:0}.fems-layout .feature{margin:0}.fems-layout>.service-copy>.small-note{grid-column:1/-1;margin:0}.map-screen .zoom-image{height:85mm}.connection-rail{font-size:var(--text-label)}.evidence-side{display:grid;grid-template-columns:1.1fr 1fr;column-gap:6mm}.evidence-screen{grid-column:1;grid-row:1/4}.evidence-screen .zoom-image{height:58mm}.evidence-side h3{grid-column:2;font-size:1.1875rem;margin:0 0 10px}.evidence-side>p{grid-column:2;font-size:var(--text-label);margin:0 0 12px}.evidence-side>.stage-badge{grid-column:2;justify-self:start;margin:0}
 .workflow.large{margin:8mm 0 10mm}.delivery-row{padding:6mm 0}.delivery-row strong{font-size:var(--text-body-small)}.delivery-row p,.delivery-row>span{font-size:var(--text-label)}.contact-layout{grid-template-columns:1fr;gap:7mm}.contact-message h2{font-size:37px;margin:7mm 0 5mm}.contact-message>p:not(.kicker){font-size:var(--text-body-small)}.contact-email{font-size:25px;padding-top:6mm}.contact-phone{font-size:22px;margin-top:10px}.site-link{font-size:var(--text-label)}.contact-legal{margin-top:5mm;padding-top:5mm}.contact-legal p,.contact-legal strong{font-size:var(--text-caption)}.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:0 7mm;padding:0}.contact-options>.kicker{grid-column:1/-1}.contact-options>a{padding:5mm 0}.contact-options strong{font-size:18px}.contact-options p{font-size:var(--text-label)}
}

/* Photo-free typographic cover. */
.cover-no-photo .cover-brand{height:auto;flex:1;justify-content:space-between}
.cover-businesses{display:flex;flex-wrap:wrap;gap:14px 24px;border-top:1px solid #ffffff40;padding-top:22px;margin-top:36px;color:#fff;font-size:var(--text-body);letter-spacing:.02em}
@media screen and (min-width:601px){.cover-no-photo .cover-brand{padding:45px 46px 40px;min-height:1060px}.cover-no-photo .cover-brand h1{font-size:53px;line-height:1.32}.cover-no-photo .cover-base{margin-top:0}.cover-no-photo .cover-businesses{margin-top:0}}
@media screen and (max-width:600px){.cover-no-photo .cover-brand{min-height:690px;gap:35px}.cover-no-photo .cover-businesses{gap:13px 20px;margin-top:0;font-size:var(--text-body-small)}.cover-no-photo .cover-base{margin-top:0}}
@media print{.cover-no-photo .cover-brand{height:auto;min-height:0;flex:1;padding:12mm}.cover-no-photo .cover-businesses{font-size:var(--text-body-small);padding-top:6mm;margin-top:0}.cover-no-photo .cover-base{margin-top:0}}

/* Company overview and leadership: experience before the business map. */
.leader-profile{display:grid;grid-template-columns:160px minmax(0,1fr);gap:26px;align-items:center;padding:24px;background:var(--navy);color:#fff}
.leader-photo{display:block;width:160px;height:240px;object-fit:contain;background:#f6f6f6}
.leader-label{font-size:var(--text-caption);font-weight:700;color:#9fc9ff;margin-bottom:8px;letter-spacing:.05em}
.leader-copy h3{font-size:26px;line-height:1.3;letter-spacing:-.03em}.leader-copy h3 span{display:inline-block;font-size:var(--text-body-small);letter-spacing:.02em;font-weight:500;color:#bfcde0;margin-left:9px}
.leader-current{font-size:var(--text-body-small);color:#d7e3f2;margin-top:6px}.leader-statement{font-size:21px;font-weight:600;line-height:1.5;letter-spacing:-.03em;margin:18px 0 12px}.leader-bio{font-size:var(--text-body);line-height:1.85;color:#d7e3f2;word-break:keep-all;overflow-wrap:break-word}
@media screen and (min-width:601px){.page-2 .page-heading{margin-bottom:23px}.page-2 .page-heading h2{font-size:33px}.page-2 .overview-layout{gap:21px}.page-2 .company-info{padding-top:16px}.page-2 .company-info dl{margin:12px 0}.page-2 .company-info dl>div{padding:9px 0;font-size:var(--text-body-small)}.page-2 .company-info>p{font-size:var(--text-body-small);line-height:1.75}.page-2 .business-map{gap:12px}.page-2 .business-map button{min-height:86px;padding:17px 16px;align-items:center}.page-2 .business-map strong{font-size:var(--text-subheading)}.page-2 .business-map p{font-size:var(--text-label)}.page-2 .mini-icon{font-size:27px;padding:0}}
@media screen and (max-width:600px){.leader-profile{grid-template-columns:88px minmax(0,1fr);gap:0 18px;padding:22px;margin:25px 0}.leader-photo{grid-column:1;grid-row:1/4;width:88px;height:132px}.leader-copy{display:contents}.leader-label,.leader-copy h3,.leader-current{grid-column:2}.leader-label{align-self:end;margin-bottom:8px}.leader-copy h3{font-size:24px;align-self:center}.leader-copy h3 span{display:block;margin:5px 0 0;font-size:var(--text-caption)}.leader-current{align-self:start;margin-top:8px;font-size:var(--text-body-small)}.leader-statement,.leader-bio{grid-column:1/-1}.leader-statement{font-size:20px;margin:23px 0 13px}.leader-bio{font-size:var(--text-body-small);line-height:1.95}}
@media print{.page-2 .page-heading{margin-bottom:5mm}.page-2 .page-heading h2{font-size:27px}.page-2 .overview-layout{gap:5mm}.page-2 .company-info{padding-top:4mm}.page-2 .company-info dl{margin:3mm 0}.page-2 .company-info dl>div{padding:7px 0}.page-2 .company-info>p{font-size:var(--text-caption);line-height:1.7}.page-2 .business-map{gap:3mm}.page-2 .business-map button{min-height:23mm;padding:4mm}.page-2 .business-map strong{font-size:var(--text-body)}.page-2 .business-map p{font-size:var(--text-caption)}.leader-profile{grid-template-columns:36mm minmax(0,1fr);gap:6mm;padding:6mm;print-color-adjust:exact;-webkit-print-color-adjust:exact}.leader-photo{width:36mm;height:54mm}.leader-label{font-size:var(--text-caption);margin-bottom:5px}.leader-copy h3{font-size:22px}.leader-copy h3 span{font-size:var(--text-caption)}.leader-current{font-size:var(--text-caption)}.leader-statement{font-size:18px;margin:3mm 0}.leader-bio{font-size:var(--text-caption);line-height:1.8}}

@media screen and (min-width:601px){.page-2 .page-heading{margin-bottom:18px}.page-2 .overview-layout{gap:16px}.page-2 .company-info dl>div{padding:7px 0}.page-2 .business-map button{padding:12px 16px}.page-2 .leader-profile{padding:20px}.page-2 .leader-bio{font-size:var(--text-body-small)}.page-2 .leader-statement{margin:12px 0 10px}}

/* Page 05: catalogue models, each with its own name and rated energy. */
.page-5 .catalogue-products{grid-template-columns:repeat(3,minmax(0,1fr));height:auto;min-height:325px;padding:24px 20px 18px;gap:16px;align-items:end}
.catalogue-product{min-width:0}.catalogue-product img{height:200px;width:100%;object-fit:contain}.catalogue-product figcaption{text-align:center;margin-top:12px}.catalogue-product strong{display:block;font-size:var(--text-subheading);font-weight:600;line-height:1.5;color:var(--ink)}.catalogue-product figcaption>span{display:block;font-size:var(--text-body);line-height:1.6;color:var(--blue);margin-top:2px}.page-5 .catalogue-products>p{margin-top:0;font-size:var(--text-caption);line-height:1.7}
@media screen and (max-width:600px){.page-5 .catalogue-products{grid-template-columns:minmax(0,1fr);min-height:0;padding:22px;gap:18px}.catalogue-product{display:grid;grid-template-columns:94px minmax(0,1fr);gap:20px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.catalogue-product img{width:94px;height:126px}.catalogue-product figcaption{text-align:left;margin:0}.catalogue-product strong{font-size:var(--text-subheading)}}
@media print{.page-5 .catalogue-products{grid-template-columns:repeat(3,minmax(0,1fr));height:auto;min-height:0;padding:5mm;gap:4mm}.catalogue-product img{height:47mm}.catalogue-product figcaption{margin-top:3mm}.catalogue-product strong{font-size:var(--text-body)}.catalogue-product figcaption>span{font-size:var(--text-label)}}

/* Unified product gallery: transparent cutouts on one white surface. */
.page-5 .catalogue-products{background:#fff;border:1px solid var(--line)}
.catalogue-product,.catalogue-product img{background:transparent}

/* Clip only the catalog page surrounding each unchanged source photograph. */
.product-clip-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.product-photo-stage{width:100%;height:200px;display:flex;align-items:center;justify-content:center}
.catalogue-product .product-photo-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.product-mask-rack{clip-path:url(#product-rack-clip)}.product-mask-51200{clip-path:url(#product-51200-clip)}.product-mask-51314{clip-path:url(#product-51314-clip)}
@media screen and (max-width:600px){.catalogue-product .product-photo-stage{width:94px;height:126px}}
@media print{.catalogue-product .product-photo-stage{height:47mm}}

/* Review improvements: clear offers, scan-friendly careers and a readable image viewer. */
.folio,.reader-bottom-note{color:#607086}
.leader-career{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:var(--text-body-small);line-height:1.6;color:#d7e3f2}
.leader-career strong,.leader-career span{display:block}.leader-career strong{font-weight:600;color:#fff;margin-bottom:2px}
.service-brief{border-top:2px solid var(--blue);border-bottom:1px solid var(--line);margin:0 0 22px;padding:13px 0}
.service-brief dl{display:grid;grid-template-columns:1fr 1fr;gap:11px 26px;margin:0}
.service-brief dl>div{min-width:0}.service-brief dt{font-size:var(--text-caption);font-weight:600;color:var(--blue);margin-bottom:2px}.service-brief dd{font-size:var(--text-body-small);line-height:1.6;color:var(--ink)}
.brief-state{font-size:var(--text-caption);font-weight:600;color:var(--teal);margin-bottom:10px}
.home-service-showcase{display:grid;grid-template-columns:210px minmax(0,1fr);gap:35px;align-items:center;padding:24px;background:var(--tint)}
.home-request-screen{min-width:0}.home-request-screen .zoom-image{height:430px;border:5px solid var(--navy);border-radius:22px}.home-request-screen img{object-fit:cover;object-position:top;border-radius:15px}.home-request-screen figcaption{font-size:var(--text-caption);line-height:1.6}
.care-flow>.kicker{font-family:Pretendard,sans-serif;font-size:var(--text-label);letter-spacing:0}.care-flow ol{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:24px}.care-flow li{display:flex;align-items:baseline;gap:14px}.care-flow li>span{font:600 23px/1 Barlow,sans-serif;color:var(--blue)}.care-flow h3{font-size:var(--text-subheading);line-height:1.5;margin-bottom:5px}.care-flow p:not(.kicker){font-size:var(--text-body-small);line-height:1.8;color:var(--muted)}.care-flow .small-note{font-size:var(--text-caption)!important;margin-top:23px}
.contact-options>a{position:relative;display:block;padding-right:0}.contact-action{display:block;margin-top:10px;color:#c2d8ff;font-size:var(--text-caption);line-height:1.6}.contact-options strong{font-weight:600}
.page-9 .role-screen img{object-fit:contain;background:#fff}
#image-dialog{width:min(1400px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:16px}
#image-dialog[open]{display:flex;flex-direction:column}
#image-dialog .dialog-head{margin-bottom:10px;flex:none;gap:14px}
#image-caption{font-size:var(--text-body-small);line-height:1.5}
.image-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;flex:none;margin-bottom:8px}
.image-tools button,.image-tools a{font-size:var(--text-label);line-height:1.4;padding:10px 12px;min-height:42px;background:#edf2f8;color:var(--ink);border:1px solid var(--line)}
.image-tools button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:white}.image-tools button:disabled{opacity:.4;cursor:default}.image-tools output{min-width:48px;text-align:center;font-size:var(--text-label);font-variant-numeric:tabular-nums}.image-tools a{margin-left:auto;background:white;color:var(--blue)}
#image-help{font-size:var(--text-caption);color:var(--muted);margin-bottom:10px;flex:none}
#image-dialog .expanded-image-wrap{min-height:0;max-height:70dvh;overflow:auto;overscroll-behavior:contain;background:#edf1f5;flex:1 1 auto;touch-action:pan-x pan-y pinch-zoom}
#expanded-image{display:block;width:auto;max-width:none;height:auto;margin:0}
@media screen and (min-width:601px){
 .page-2 .page-heading .lead{line-height:1.7}.page-2 .overview-layout{gap:14px}.page-2 .leader-profile{grid-template-columns:135px minmax(0,1fr);gap:22px;padding:20px}.page-2 .leader-photo{width:135px;height:203px}.page-2 .leader-statement{font-size:19px;margin:10px 0}.page-2 .leader-career{font-size:14px;gap:8px}.page-2 .business-map button{min-height:78px;padding:10px 14px}
 .page-4 .field-photo{height:235px}.page-4 .residential-layout{gap:20px}.page-4 .proof{margin-top:18px;padding:16px 20px}
 .page-6 .factory-diagram{max-height:210px}.page-6 .diagram-panel{padding:16px 20px}.page-6 .industrial-layout{gap:20px}
 .page-8 .console-screen .zoom-image{height:320px}.page-8 .monitor-layout{gap:20px}.page-8 .workflow.slim{margin-top:24px}
 .page-8 .service-brief,.page-11 .service-brief{padding:10px 0;margin-bottom:15px}.page-8 .service-brief dl,.page-11 .service-brief dl{row-gap:8px}
 .page-9 .role-screen .zoom-image{height:300px}.page-9 .role-screen img{object-fit:contain;background:#fff}
 .page-11 .fems-screen .zoom-image{height:410px}.page-11 .fems-layout{gap:20px}
 .page-14 .contact-layout{gap:23px}.page-14 .contact-options>a{padding:14px 0}.page-14 .contact-options strong{font-size:19px}
}
@media screen and (max-width:600px){
 .leader-career{grid-column:1/-1;font-size:var(--text-body-small);gap:15px}.leader-career li{border-top:1px solid #ffffff26;padding-top:12px}
 .service-brief dl{grid-template-columns:1fr;gap:12px}.service-brief dl>div{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px}.service-brief dt{margin:1px 0 0}.service-brief{padding:16px 0;margin-bottom:24px}
 .home-service-showcase{grid-template-columns:minmax(0,1fr);padding:22px 16px;gap:28px}.home-request-screen{width:220px;max-width:100%;margin:0 auto}.home-request-screen .zoom-image{height:440px}.care-flow ol{gap:20px}.care-flow .small-note{margin-top:18px}
 #image-dialog{padding:12px}.image-tools{gap:6px}.image-tools button,.image-tools a{padding:9px 10px;font-size:var(--text-caption)}.image-tools a{margin-left:0}.image-tools output{min-width:40px;font-size:var(--text-caption)}
}
@media print{
 .sr-only{display:none!important}
 .page-2 .leader-profile{grid-template-columns:34mm minmax(0,1fr);gap:5mm;padding:5mm}.page-2 .leader-photo{width:34mm;height:51mm}.page-2 .leader-statement{font-size:17px;line-height:1.5;margin:3mm 0}.leader-career{font-size:var(--text-caption);gap:2mm;line-height:1.55}.page-2 .business-map button{min-height:20mm}
 .service-brief{margin-bottom:5mm;padding:3mm 0}.service-brief dl{gap:2mm 6mm}.service-brief dd{font-size:var(--text-label)}.brief-state{margin-bottom:2mm}
 .page-4 .field-photo{height:59mm}.page-4 .residential-layout{gap:5mm}.page-4 .proof{padding:4mm}
 .page-6 .factory-diagram{max-height:53mm}.page-6 .diagram-panel{padding:4mm}
 .page-8 .console-screen .zoom-image{height:80mm}.page-11 .fems-screen .zoom-image{height:100mm}
 .page-9 .role-screen .zoom-image{height:75mm}.page-9 .role-screen img{object-fit:contain;background:#fff}
 .home-service-showcase{grid-template-columns:53mm minmax(0,1fr);gap:8mm;padding:6mm}.home-request-screen .zoom-image{height:109mm}.care-flow ol{gap:6mm}.care-flow h3{font-size:var(--text-body)}.care-flow p:not(.kicker){font-size:var(--text-label)}.care-flow .small-note{margin-top:5mm}
 .contact-options>a{padding:4mm 0}.contact-action{font-size:var(--text-caption);margin-top:2mm}
}

/* Keep page size stable across navigation without shrinking readable text. */
@media screen{
 html{scrollbar-gutter:stable}
 .leaflet-page{min-height:var(--leaflet-page-height,1123px)}
 .page-canvas.measuring-pages .leaflet-page{
  display:flex!important;position:absolute;inset:0 0 auto;
  width:100%;height:auto!important;min-height:0!important;max-height:none!important;
  visibility:hidden;pointer-events:none;animation:none!important;
 }
}
@media screen and (max-width:600px){
 .cover-no-photo .cover-brand{justify-content:flex-start}
 .cover-no-photo .cover-brand>div:first-of-type{margin-top:80px}
 .cover-no-photo .cover-base{margin-top:auto}
}

/* Brochure visuals: show the service, rather than empty forms or long page captures. */
.operations-map{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1.08fr) 20px minmax(0,1fr);gap:10px;align-items:center;background:#f3f6fb;padding:28px 22px;border:1px solid var(--line)}
.map-eyebrow{font-size:var(--text-caption);font-weight:600;color:var(--muted);margin:0 0 18px;letter-spacing:.02em}
.endpoint{display:flex;align-items:center;gap:12px;margin-top:20px;min-height:47px}.endpoint strong,.endpoint div>span{display:block}.endpoint strong{font-size:var(--text-body);line-height:1.5}.endpoint div>span{font-size:var(--text-caption);line-height:1.7;color:var(--muted);margin-top:3px}.endpoint-symbol,.audience-mark{font-size:27px;line-height:1;width:28px;color:var(--blue);text-align:center;flex-shrink:0}
.battery-symbol,.meter-symbol{width:27px;height:18px;border:2px solid var(--blue);position:relative;flex-shrink:0}.battery-symbol:after{content:'';position:absolute;width:3px;height:8px;background:var(--blue);right:-5px;top:3px}.battery-symbol:before{content:'';position:absolute;inset:3px;background:linear-gradient(90deg,var(--blue) 30%,transparent 30%,transparent 36%,var(--blue) 36%,var(--blue) 64%,transparent 64%,transparent 70%,var(--blue) 70%)}.meter-symbol{height:27px}.meter-symbol:after{content:'';position:absolute;left:5px;right:5px;top:5px;height:6px;border:1px solid var(--blue)}
.map-connector{color:#829ecb;font-size:24px;text-align:center}.monitor-hub{background:var(--navy);color:white;display:flex;flex-direction:column;align-items:center;padding:28px 12px;gap:9px;min-width:0}.monitor-hub img{width:120px;height:auto;max-width:100%;margin-bottom:9px}.monitor-hub>strong{font-size:24px;line-height:1.4;margin-bottom:9px}.monitor-hub>span{font-size:var(--text-label);color:#dae7f9}
.screen-figure .visual-window{display:block;position:relative;width:100%;height:auto!important;background:#fff;overflow:hidden;border:1px solid var(--line)}
.screen-figure .visual-window img{display:block;position:absolute;max-width:none!important;height:auto!important;object-fit:initial!important;border-radius:0}
.battery-chart-window{aspect-ratio:1084/543}.battery-chart-window img{width:147.602%;left:-23.801%;top:-13.812%}
.fems-chart-window{aspect-ratio:1180/445}.fems-chart-window img{width:122.034%;left:-19.322%;top:-83.146%}
.fems-map-window{aspect-ratio:950/525}.fems-map-window img{width:151.579%;left:-21.684%;top:-66.667%}
.screen-figure:has(.visual-window)>figcaption{font-size:var(--text-label);color:var(--ink);margin-top:12px;font-weight:600}
.audience-columns{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:30px;border-top:1px solid var(--line);padding-top:27px}.audience-column h3{font-size:24px;margin:11px 0}.audience-column>p:not(.kicker){font-size:var(--text-body-small);color:var(--muted);line-height:1.8}.audience-column ul{list-style:none;padding:0;margin:20px 0 0;font-size:var(--text-body-small);line-height:2.1;color:var(--muted)}.audience-column li:before{content:'✓';color:var(--blue);margin-right:10px}
.home-service-visual{min-width:0}.phone-guide{position:relative;width:230px;max-width:100%;padding:20px 16px 15px;background:#fff;border:7px solid var(--navy);border-radius:28px;box-shadow:0 9px 20px #132b4810;margin:auto}.phone-speaker{width:48px;height:4px;border-radius:4px;background:#b1bfd0;margin:0 auto 18px}.phone-guide>img{width:128px;height:auto}.phone-guide>h3{font-size:20px;line-height:1.4;margin:23px 0 17px}.home-energy-route{display:flex;gap:5px;align-items:center;justify-content:space-between;padding:15px 0 20px;border-bottom:1px solid var(--line);margin-bottom:4px}.home-energy-route span{font-size:var(--text-caption);color:var(--muted);white-space:nowrap}.home-energy-route .route-house{font-weight:600;color:var(--blue)}.home-energy-route b{font-size:var(--text-caption);font-weight:400;color:#829ecb}.phone-function{display:flex;gap:10px;align-items:center;padding:15px 0;border-bottom:1px solid #e7edf4}.function-glyph{width:26px;flex-shrink:0;text-align:center;color:var(--blue);font-size:22px}.phone-function strong,.phone-function div>span{display:block}.phone-function strong{font-size:var(--text-label);line-height:1.5}.phone-function div>span{font-size:var(--text-caption);color:var(--muted);line-height:1.65;margin-top:2px}.phone-homebar{height:4px;width:58px;background:var(--navy);border-radius:4px;margin:20px auto 0}
.home-service-showcase{grid-template-columns:230px minmax(0,1fr);gap:28px;padding:24px}
.evidence-side.evidence-story{display:block}.evidence-story h3{font-size:20px;margin:25px 0 10px}.evidence-story>p{font-size:var(--text-body-small);line-height:1.9;margin:0;color:var(--muted)}
.document-route{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr;gap:12px;align-items:center;padding:23px 20px;background:#f1f6f3}.document-route>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.document-route strong{font-size:var(--text-body)}.document-route div>span:last-child{font-size:var(--text-caption);color:var(--muted)}.document-route>b{font-size:21px;font-weight:400;color:var(--teal);text-align:center}.document-icon{display:block;width:30px;height:36px;border:1.5px solid var(--teal);position:relative;margin-bottom:4px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 8px,#82a79c 8px,#82a79c 9px,transparent 9px,transparent 14px);background-clip:content-box;padding:5px}.review-icon{font-size:33px;color:var(--teal);line-height:36px;display:block;width:30px;margin-bottom:4px}
@media screen and (min-width:601px){.page-8 .monitor-layout{gap:27px}.page-8 .monitor-copy{margin-top:2px}.page-9 .role-chart{margin-top:2px}.page-10 .home-service-showcase{margin-top:4px}.page-12 .evidence-layout{gap:23px}.page-12 .connection-rail{margin-top:17px}}
@media screen and (max-width:600px){
 .operations-map{grid-template-columns:minmax(0,1fr);padding:22px 16px;gap:17px}.map-endpoints{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.map-eyebrow{grid-column:1/-1;margin:0 0 6px;text-align:center}.endpoint{flex-direction:column;text-align:center;gap:8px;margin:0;min-width:0}.endpoint strong{font-size:var(--text-label)}.endpoint div>span{font-size:var(--text-caption)}.monitor-hub{padding:23px 16px;width:100%;max-width:250px;margin:auto}.monitor-hub>strong{font-size:24px}.map-connector{transform:rotate(90deg);font-size:24px;line-height:1}
 .audience-columns{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:24px}.audience-column+ .audience-column{padding-top:24px;border-top:1px solid var(--line)}.audience-column h3{font-size:23px}.audience-column ul{margin-top:15px}
 .home-service-showcase{grid-template-columns:minmax(0,1fr);padding:22px 16px;gap:30px}.phone-guide{width:240px}.phone-guide>h3{font-size:21px}.phone-function{padding:17px 0}
 .document-route{gap:6px;padding:20px 12px;grid-template-columns:1fr 12px 1fr 12px 1fr}.document-route strong{font-size:var(--text-label)}.document-route div>span:last-child{font-size:var(--text-caption)}.document-route>b{font-size:17px}.evidence-story h3{font-size:19px}
}
@media print{
 .operations-map{padding:6mm 5mm;gap:2mm;print-color-adjust:exact;-webkit-print-color-adjust:exact}.monitor-hub{padding:7mm 3mm}.endpoint{gap:3mm;margin-top:4mm}.endpoint strong{font-size:var(--text-label)}.endpoint div>span{font-size:var(--text-caption)}.map-eyebrow{margin-bottom:4mm}
 .audience-columns{gap:10mm;margin-top:7mm;padding-top:6mm}.audience-column h3{font-size:22px}.audience-column>p:not(.kicker),.audience-column ul{font-size:var(--text-label)}
 .home-service-showcase{grid-template-columns:57mm minmax(0,1fr);gap:7mm;padding:5mm}.phone-guide{width:57mm;padding:4mm 3mm;border-width:5px}.phone-guide>h3{font-size:18px;margin:5mm 0 3mm}.phone-speaker{margin-bottom:4mm}.phone-function{padding:3mm 0}.phone-function strong{font-size:var(--text-label)}.phone-homebar{margin-top:4mm}
 .document-route{padding:5mm;gap:3mm}.document-route strong{font-size:var(--text-label)}.evidence-story h3{margin:6mm 0 3mm;font-size:18px}.evidence-story>p{font-size:var(--text-label)}
}
/* Keep the brochure clear immediately when turning pages. */
.leaflet-page{animation:none}
.endpoint>div{min-width:0}.endpoint div>span,.document-route div>span:last-child{overflow-wrap:anywhere}
@media screen and (min-width:601px){.phone-function{padding:13px 0}}

/* Page 6: generated architectural system concept. */
.page-6 .diagram-panel{background:#fff;border:1px solid var(--line)}
.industrial-concept-image{display:block;width:100%;height:305px;object-fit:contain;margin:8px auto 12px}
.page-6 .energy-rail{flex-wrap:wrap}
@media screen and (max-width:600px){.industrial-concept-image{height:auto;max-height:265px;margin:12px auto 20px}.page-6 .diagram-panel{padding:18px 14px}.page-6 .energy-rail{gap:6px;font-size:var(--text-caption)}}
@media print{.industrial-concept-image{height:67mm;margin:2mm auto 3mm}}

.industrial-concept-zoom{display:block;width:100%;height:auto!important;padding:0;background:#fff}.industrial-concept-zoom .industrial-concept-image{object-fit:contain}

.industrial-concept-zoom .industrial-concept-image{height:305px;object-position:center}
@media screen and (max-width:600px){.industrial-concept-zoom .industrial-concept-image{height:auto;max-height:265px}}
@media print{.industrial-concept-zoom .industrial-concept-image{height:67mm}}

/* Independent PV inverter and ESS branches meet at the electrical switchboard. */
.system-paths{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:14px;color:var(--blue);font-size:var(--text-label)}
.system-paths>div{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.system-paths strong{font-weight:600}.system-paths p{font-size:var(--text-caption);color:var(--muted);margin:2px 0 0}
@media screen and (max-width:600px){.system-paths>div{gap:7px}.system-paths{font-size:var(--text-caption)}}
.concept-legend{border-top:1px solid var(--line);padding-top:16px;margin-top:0}
.concept-legend ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 18px}
.concept-legend li{display:flex;align-items:flex-start;gap:8px;min-width:0}
.concept-key{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--blue);color:white;font:600 14px/1 Arial,sans-serif;margin-top:1px}
.concept-legend strong{display:block;color:var(--navy);font-size:var(--text-body-small);line-height:1.5;font-weight:600}
.concept-legend p{color:var(--muted);font-size:var(--text-label);line-height:1.65;margin:5px 0 0;overflow-wrap:anywhere}
.concept-legend .concept-connection{border-left:2px solid var(--line);padding-left:10px}.concept-connection p{color:var(--blue)}
@media screen and (max-width:600px){.concept-legend ol{grid-template-columns:minmax(0,1fr);gap:14px}.concept-legend .concept-connection{margin-left:30px}}
@media print{.concept-legend{padding-top:3mm}.concept-legend ol{gap:3mm}.concept-legend strong{font-size:12px}.concept-legend p{font-size:11px}.concept-key{width:18px;height:18px;flex-basis:18px;font-size:11px}}

.concept-legend .concept-connection{grid-column:1/-1}
.page-8 .endpoint-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #cfdced;border-radius:6px;background:#fff;color:var(--blue)}
.page-8 .endpoint-icon svg{display:block;width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.page-8 .map-connector{display:flex;align-items:center;justify-content:center;color:#7b97c1}
.page-8 .map-connector svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media print{.page-8 .endpoint-icon{width:11mm;height:11mm;flex-basis:11mm;print-color-adjust:exact;-webkit-print-color-adjust:exact}.page-8 .endpoint-icon svg{width:7mm;height:7mm}}

/* Page 09: two original application detail views, with full originals in the image viewer. */
.page-9 .monitoring-sites{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.page-9 .monitoring-capture{min-width:0;margin:0}
.page-9 .monitoring-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;text-align:left}
.page-9 .monitoring-caption h3{margin:0;font-size:var(--text-subheading);line-height:1.5;color:var(--ink)}
.page-9 .monitoring-caption p{margin:5px 0 0;font-size:var(--text-label);line-height:1.6;color:var(--muted)}
.page-9 .monitoring-caption a{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:5px;font-size:var(--text-caption);font-weight:600;color:var(--ink);text-decoration:none}
.page-9 .monitoring-caption a:hover{background:var(--tint);border-color:var(--ink)}
.page-9 .monitoring-caption a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.page-9 .site-screen-window{position:relative;width:100%;height:auto!important;overflow:hidden;border:1px solid var(--line);background:#e7eff5}
.page-9 .console-detail-window{aspect-ratio:1190/1060}
.page-9 .owner-detail-window{aspect-ratio:1200/842}
.page-9 .site-screen-window img{position:absolute;inset:0 auto auto 0;display:block;width:100%;height:auto!important;max-width:none;object-fit:initial;object-position:top}
@media screen and (max-width:600px){
 .page-9 .monitoring-caption{align-items:flex-start;flex-direction:column;gap:9px}
 .page-9 .monitoring-caption a{min-height:40px}
 .page-9 .monitoring-sites{gap:25px}
}
@media print{
 .page-9 .monitoring-sites{gap:5mm}
 .page-9 .monitoring-caption{margin-bottom:3mm}
 .page-9 .monitoring-caption h3{font-size:var(--text-body)}
 .page-9 .monitoring-caption p{font-size:var(--text-caption);margin-top:3px}
 .page-9 .monitoring-caption a{display:none}
 .page-9 .site-screen-window{width:150mm;max-width:100%;margin:0 auto}
}

/* Shared content tracks: wrapping titles never shift their neighbouring descriptions. */
.leaflet-page .copy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));column-gap:20px;row-gap:8px;align-items:start}
.leaflet-page .copy-grid>.feature{display:grid;grid-template-rows:subgrid;grid-row:span 2;align-self:stretch;align-items:start;margin:0;padding-block-end:12px}
.leaflet-page .copy-grid>.feature h3,.leaflet-page .copy-grid>.feature p{margin:0;min-width:0}
.leaflet-page .copy-grid>.small-note{grid-column:1/-1}
.page-13 .workflow{row-gap:8px}
.page-13 .workflow>li{display:grid;grid-template-rows:subgrid;grid-row:span 2;align-items:start;min-width:0}
.page-13 .workflow strong,.page-13 .workflow span{margin:0;min-width:0}

/* Page 08: compact layout is the default; a wide container shares all left/right tracks. */
.page-8 .monitor-layout{container-name:monitoring-layout;container-type:inline-size;width:100%;min-width:0}
.page-8 .operations-map{grid-template-columns:minmax(0,1fr);grid-template-rows:none;column-gap:12px;row-gap:18px;align-items:start;padding:24px 16px}
.page-8 .map-endpoints{display:grid;grid-column:1;grid-row:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto 44px auto auto;column-gap:12px;row-gap:8px;min-width:0}
.page-8 .map-eyebrow{grid-column:1/-1;grid-row:1;margin:0 0 8px;text-align:center}
.page-8 .endpoint{display:grid;grid-row:2/span 3;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;column-gap:0;row-gap:normal;align-items:start;min-height:0;min-width:0;margin:0;text-align:center}
.page-8 .endpoint:nth-of-type(1){grid-column:1}
.page-8 .endpoint:nth-of-type(2){grid-column:2}
.page-8 .endpoint:nth-of-type(3){grid-column:3}
.page-8 .endpoint>div{display:contents}
.page-8 .endpoint-icon{grid-column:1;grid-row:1;justify-self:center;align-self:start}
.page-8 .endpoint strong{grid-column:1;grid-row:2;font-size:var(--text-body);line-height:1.5;min-width:0}
.page-8 .endpoint div>span{grid-column:1;grid-row:3;margin:0;padding:0;font-size:var(--text-label);line-height:1.7;min-width:0}
.page-8 .monitor-hub{grid-column:1;grid-row:auto;justify-self:center;width:100%;max-width:250px;margin:0;justify-content:center;text-align:center;padding:24px 16px}
.page-8 .map-connector{grid-column:1;grid-row:auto;justify-self:center;align-self:center;transform:rotate(90deg);line-height:1}

/* Page 12: document icons, titles and descriptions each share their own row. */
.page-12 .document-route{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr);grid-template-rows:auto auto auto;align-items:start;column-gap:8px;row-gap:8px}
.page-12 .document-route>div{display:grid;grid-row:1/span 3;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;row-gap:normal;justify-items:center;align-items:start;min-width:0}
.page-12 .document-route>div:nth-of-type(1){grid-column:1}
.page-12 .document-route>div:nth-of-type(2){grid-column:3}
.page-12 .document-route>div:nth-of-type(3){grid-column:5}
.page-12 .document-route>div>span:first-child{grid-row:1;margin:0}
.page-12 .document-route strong{grid-row:2}
.page-12 .document-route>div>span:last-child{grid-row:3}
.page-12 .document-route>b{grid-row:2;align-self:center}
.page-12 .document-route>b:nth-of-type(1){grid-column:2}
.page-12 .document-route>b:nth-of-type(2){grid-column:4}

@container monitoring-layout (min-width:520px){

 .page-8 .operations-map{grid-template-columns:minmax(0,1fr) 18px minmax(150px,1fr) 18px minmax(0,1fr);grid-template-rows:auto repeat(6,auto);column-gap:12px;row-gap:0;padding:28px 22px}
 .page-8 .map-endpoints{grid-row:1/8;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;row-gap:normal}
 .page-8 .map-endpoints:first-child{grid-column:1}
 .page-8 .map-endpoints:last-child{grid-column:5}
 .page-8 .map-eyebrow{grid-column:1;grid-row:1;text-align:start;margin:0 0 20px}
 .page-8 .endpoint{grid-column:1;grid-template-columns:44px minmax(0,1fr);grid-template-rows:subgrid;column-gap:12px;row-gap:normal;text-align:start}
 .page-8 .endpoint:nth-of-type(1){grid-row:2/span 2;grid-column:1}
 .page-8 .endpoint:nth-of-type(2){grid-row:4/span 2;grid-column:1}
 .page-8 .endpoint:nth-of-type(3){grid-row:6/span 2;grid-column:1}
 .page-8 .endpoint-icon{grid-column:1;grid-row:1/span 2;justify-self:start}
 .page-8 .endpoint strong{grid-column:2;grid-row:1}
 .page-8 .endpoint div>span{grid-column:2;grid-row:2;margin-top:4px;padding-block-end:20px}
 .page-8 .endpoint:last-child div>span{padding-block-end:0}
 .page-8 .monitor-hub{grid-column:3;grid-row:2/8;align-self:stretch;justify-self:stretch;width:auto;max-width:none;padding:24px 12px}
 .page-8 .map-connector{grid-row:2/8;transform:none}
 .page-8 .map-connector:nth-child(2){grid-column:2}
 .page-8 .map-connector:nth-child(4){grid-column:4}
}

@media print{

 .page-8 .operations-map{grid-template-columns:minmax(0,1fr) 18px minmax(150px,1fr) 18px minmax(0,1fr);grid-template-rows:auto repeat(6,auto);column-gap:12px;row-gap:0;padding:28px 22px}
 .page-8 .map-endpoints{grid-row:1/8;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;row-gap:normal}
 .page-8 .map-endpoints:first-child{grid-column:1}
 .page-8 .map-endpoints:last-child{grid-column:5}
 .page-8 .map-eyebrow{grid-column:1;grid-row:1;text-align:start;margin:0 0 20px}
 .page-8 .endpoint{grid-column:1;grid-template-columns:44px minmax(0,1fr);grid-template-rows:subgrid;column-gap:12px;row-gap:normal;text-align:start}
 .page-8 .endpoint:nth-of-type(1){grid-row:2/span 2;grid-column:1}
 .page-8 .endpoint:nth-of-type(2){grid-row:4/span 2;grid-column:1}
 .page-8 .endpoint:nth-of-type(3){grid-row:6/span 2;grid-column:1}
 .page-8 .endpoint-icon{grid-column:1;grid-row:1/span 2;justify-self:start}
 .page-8 .endpoint strong{grid-column:2;grid-row:1}
 .page-8 .endpoint div>span{grid-column:2;grid-row:2;margin-top:4px;padding-block-end:20px}
 .page-8 .endpoint:last-child div>span{padding-block-end:0}
 .page-8 .monitor-hub{grid-column:3;grid-row:2/8;align-self:stretch;justify-self:stretch;width:auto;max-width:none;padding:24px 12px}
 .page-8 .map-connector{grid-row:2/8;transform:none}
 .page-8 .map-connector:nth-child(2){grid-column:2}
 .page-8 .map-connector:nth-child(4){grid-column:4}

 .page-8 .endpoint strong{font-size:var(--text-label)}
 .page-8 .endpoint div>span{font-size:var(--text-caption)}
 .leaflet-page .copy-grid{column-gap:5mm}
}

/* Production captures: show the complete first monitoring chart, retain full originals for zoom. */
.page-9 .site-screen-window{max-width:620px;margin-inline:auto}
@media print{.page-9 .site-screen-window{width:122mm;max-width:100%}}

/* Page 09: main console first, with two aligned detail views below. */
.page-9 .monitoring-sites{container-name:p9-monitoring;container-type:inline-size;width:100%;min-width:0}
.page-9 .console-main-window{aspect-ratio:1190/779}
.page-9 .monitoring-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;column-gap:24px;row-gap:12px;min-width:0}
.page-9 .monitoring-details>.monitoring-capture{display:grid;grid-template-rows:subgrid;grid-row:span 2;align-items:start;min-width:0}
.page-9 .monitoring-details .monitoring-caption{flex-direction:column;align-items:flex-start;gap:8px;margin:0}
.page-9 .monitoring-details .site-screen-window{width:100%;max-width:100%;aspect-ratio:1190/1060;align-self:start}
.page-9 .monitoring-details .owner-detail-window img{height:100%!important;object-fit:contain;object-position:top}
@container p9-monitoring (max-width:560px){
 .page-9 .monitoring-overview .monitoring-caption{flex-direction:column;align-items:flex-start;gap:9px}
 .page-9 .monitoring-details{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:25px}
 .page-9 .monitoring-details>.monitoring-capture{display:block;grid-row:auto}
 .page-9 .monitoring-details .monitoring-caption{margin-bottom:12px}
 .page-9 .monitoring-details .owner-detail-window{aspect-ratio:1200/842}
}
@media screen and (max-width:600px){
 .page-9 .monitoring-details{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:25px}
 .page-9 .monitoring-details>.monitoring-capture{display:block;grid-row:auto}
 .page-9 .monitoring-details .monitoring-caption{margin-bottom:12px}
 .page-9 .monitoring-details .owner-detail-window{aspect-ratio:1200/842}
}
@media print{
 .page-9 .console-main-window{width:145mm;max-width:100%}
 .page-9 .monitoring-details{column-gap:6mm;row-gap:3mm}
 .page-9 .monitoring-details .site-screen-window{width:100%;max-width:100%}
}

/* Page 10: native 390px production app capture replaces the schematic phone. */
.page-10 .home-live-capture{width:230px;max-width:100%;min-width:0;margin:0;justify-self:center}
.page-10 .home-live-phone{height:auto!important;border:5px solid var(--navy);border-radius:24px;background:var(--navy);overflow:hidden}
.page-10 .home-live-phone img{display:block;width:100%;height:auto!important;object-fit:contain;border-radius:18px 18px 0 0}
.page-10 .home-capture-action{display:block;padding:7px 10px;background:var(--navy);color:#fff;text-align:center;font-size:var(--text-caption);line-height:1.5}
.page-10 .home-live-capture figcaption{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:12px;text-align:center;font-size:var(--text-label);line-height:1.6}
.page-10 .home-live-capture figcaption strong{font-weight:600}
.page-10 .home-live-capture figcaption a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:5px 9px;color:var(--blue);text-decoration:underline;text-underline-offset:3px}
/* Keep the mobile screen on the page surface, aligned with the text above. */
.page-10 .home-service-showcase{background:transparent;padding:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.page-10 .home-live-capture{width:260px;justify-self:start}
@media screen and (max-width:600px){.page-10 .home-service-showcase{grid-template-columns:minmax(0,1fr);gap:28px}.page-10 .home-live-capture{justify-self:center}}
@media screen and (max-width:600px){.page-10 .home-live-capture{width:260px}}
@media print{
 .page-10 .home-live-capture{width:57mm}
 .page-10 .home-live-phone{border-width:1mm;border-radius:5mm}
 .page-10 .home-capture-action{display:none}
 .page-10 .home-live-capture figcaption{margin-top:3mm;font-size:var(--text-caption)}
 .page-10 .home-live-capture figcaption a{min-height:0;padding:0}
}
/* Expanded service copy: readable paragraphs with shared heading baselines. */
/* Korean brochure labels use the same typeface as the main copy. */
.header-label,.sidebar-heading,.reading-meta>span:last-child,.kicker,.cap-label,.edition,.cover-pre,.drawing-label,.proof>span,.credential>span{font-family:Pretendard,Arial,sans-serif;letter-spacing:.04em}
@media screen and (min-width:601px){.page-4 .residential-layout>.field-photo{height:310px}}
@media screen and (min-width:601px){
 .page-11 .fems-layout>.service-copy{display:block}
 .page-11 .fems-layout .feature{display:grid;grid-template-columns:130px minmax(0,1fr);grid-template-rows:auto;grid-row:auto;column-gap:24px;row-gap:0;padding:24px 0;border-top:1px solid var(--line)}
 .page-11 .fems-layout .feature h3{grid-column:1;grid-row:1;margin:0}
 .page-11 .fems-layout .feature p{grid-column:2;grid-row:1}
}
@media screen{.leaflet-page>.folio{margin-top:auto}}
.page-12 .page-heading h2,.page-13 .page-heading h2{text-wrap:balance}
.development-label{display:inline-block;margin-top:12px;padding:3px 10px;border:1px solid #c5ddd6;color:var(--teal);font-size:var(--text-label);font-weight:600;line-height:1.6}
.fems-detail-layout{display:grid;gap:24px;min-width:0}
.fems-detail-grid,.delivery-workflow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;row-gap:10px}
.fems-detail,.delivery-workflow>li{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:subgrid;grid-row:span 2;column-gap:10px;border-top:1px solid var(--line);padding:17px 0 18px;min-width:0}
.detail-number,.step-number{grid-column:1;grid-row:1;font:600 22px/1.5 Barlow,sans-serif;color:var(--blue)}
.fems-detail h3,.delivery-workflow h3{grid-column:2;grid-row:1;font-size:20px;line-height:1.5;letter-spacing:-.025em;margin:0}
.fems-detail p,.delivery-workflow p{grid-column:1/-1;grid-row:2;font-size:var(--text-body);line-height:1.85;color:var(--muted);margin:0}
.delivery-workflow{list-style:none;padding:0;margin:0 0 26px}
.handover-section{margin-top:2px;border-top:2px solid var(--blue);padding-top:18px}
.handover-section>h3{font-size:21px;line-height:1.5;letter-spacing:-.02em;margin:0 0 14px}
.handover-list{margin:0}
.handover-list>div{display:grid;grid-template-columns:125px minmax(0,1fr);gap:18px;padding:14px 0;border-top:1px solid var(--line);font-size:var(--text-body);line-height:1.8}
.handover-list dt{font-weight:600}.handover-list dd{margin:0;color:var(--muted)}
@media screen and (max-width:600px){
 .fems-detail-grid,.delivery-workflow{grid-template-columns:minmax(0,1fr);column-gap:0;row-gap:8px}
 .fems-detail h3,.delivery-workflow h3{font-size:20px}
 .fems-detail,.delivery-workflow>li{padding-block:18px}
 .handover-list>div{grid-template-columns:minmax(0,1fr);gap:5px;padding:16px 0}
 .development-label{margin-top:10px}
}
@media print{
 .development-label{font-size:var(--text-caption);margin-top:2mm;padding:1mm 3mm}
 .fems-detail-layout{gap:5mm}
 .fems-detail-grid,.delivery-workflow{column-gap:6mm;row-gap:2mm}
 .fems-detail,.delivery-workflow>li{grid-template-columns:7mm minmax(0,1fr);column-gap:2mm;padding:3mm 0}
 .detail-number,.step-number{font-size:19px}
 .fems-detail h3,.delivery-workflow h3{font-size:var(--text-subheading)}
 .fems-detail p,.delivery-workflow p,.handover-list>div{font-size:var(--text-label);line-height:1.8}
 .delivery-workflow{margin-bottom:5mm}
 .handover-section{padding-top:4mm}
 .handover-section>h3{font-size:var(--text-subheading);margin-bottom:3mm}
 .handover-list>div{grid-template-columns:29mm minmax(0,1fr);gap:4mm;padding:3mm 0}
}

/* Keep the original portrait size and align it with the name at the top. */
@media screen{
 .page-2 .overview-layout{container-name:company-overview;container-type:inline-size}
 @container company-overview (min-width:620px){
  .page-2 .leader-profile{grid-template-columns:135px minmax(0,1fr);column-gap:22px;row-gap:16px;align-items:start;padding:20px}
  .page-2 .leader-label{grid-column:1/-1;grid-row:1;align-self:start;margin:0}
  .page-2 .leader-profile>.leader-photo{grid-column:1;grid-row:2;width:135px;height:203px;min-height:0;align-self:start;object-fit:contain}
  .page-2 .leader-copy{grid-column:2;grid-row:2;display:block;min-height:0;min-width:0}
  .page-2 .leader-copy h3{margin:0}
  .page-2 .leader-current{margin:6px 0 0}
  .page-2 .leader-statement{margin:10px 0}
  .page-2 .leader-career{margin-top:16px}
 }
 @container company-overview (max-width:619.99px){
  .page-2 .leader-profile{grid-template-columns:88px minmax(0,1fr);column-gap:18px;row-gap:0;align-items:stretch;padding:22px}
  .page-2 .leader-label{grid-column:1/-1;grid-row:1;align-self:start;margin:0 0 16px}
  .page-2 .leader-profile>.leader-photo{grid-column:1;grid-row:2/span 2;width:88px;height:132px;align-self:start;object-fit:contain}
  .page-2 .leader-copy{display:contents}
  .page-2 .leader-copy h3{grid-column:2;grid-row:2;align-self:start;margin:0}
  .page-2 .leader-current{grid-column:2;grid-row:3;align-self:end;margin:0}
  .page-2 .leader-statement{grid-column:1/-1;grid-row:4;margin:22px 0 13px}
  .page-2 .leader-career{grid-column:1/-1;grid-row:4;margin:20px 0 0}
 }
}
@media print{
 .page-2 .leader-profile{align-items:start}
 .page-2 .leader-label{grid-column:1/-1;grid-row:1;margin:0}
 .page-2 .leader-profile>.leader-photo{grid-column:1;grid-row:2;height:51mm;min-height:0;align-self:start;object-fit:contain}
 .page-2 .leader-copy{grid-column:2;grid-row:2;display:block;min-height:0}
 .page-2 .leader-copy h3{margin:0}
 .page-2 .leader-career{margin-top:0}
}

/* One shared outer frame and one footer baseline for every screen page. */
@media screen{
 .page-canvas{height:var(--leaflet-page-height,1123px)}
 .page-canvas>.leaflet-page{height:100%;min-height:0;max-height:none}
 .page-canvas>.leaflet-page>.folio{flex-shrink:0;margin-top:auto}
 .page-canvas>.page-1>.folio{padding-block-start:25px;padding-block-end:29px}
}
@media screen and (max-width:600px){.page-canvas>.page-1>.folio{padding-block-end:19px}}
.cover-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:14px;margin-top:26px}
.cover-actions .cover-start,.cover-actions .cover-video-button{width:100%;min-width:0;min-height:52px;padding:12px 16px;align-self:stretch;font-size:var(--text-body-small);line-height:1.5}
.cover-actions .cover-start{margin:0;justify-content:space-between;gap:12px}
.cover-video-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:11px 16px;border:1px solid #ffffff80;background:transparent;color:#fff;font-size:var(--text-body-small);line-height:1.5}
.cover-video-button:hover{background:#ffffff12}
.cover-video-button svg{flex-shrink:0}
#intro-dialog{width:min(1000px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:20px;border:0;background:#fff;color:var(--ink)}
#intro-dialog[open]{display:flex;flex-direction:column}
#intro-dialog .dialog-head{flex:none;align-items:center;gap:16px;margin-bottom:14px}
#intro-title{font-size:24px;line-height:1.4;letter-spacing:-.025em}
.intro-duration{margin-top:3px;font-size:var(--text-label);color:var(--muted)}
#intro-video{display:block;width:100%;max-height:calc(100dvh - 180px);aspect-ratio:16/9;object-fit:contain;background:#071a2a;flex-shrink:1;min-height:0}
.intro-original{align-self:flex-end;display:inline-flex;align-items:center;gap:8px;margin-top:12px;min-height:36px;color:var(--blue);font-size:var(--text-label);text-decoration:underline;text-underline-offset:3px}
#intro-status{font-size:var(--text-body-small);line-height:1.7;margin-top:12px}
@media screen and (max-width:600px){
 .cover-actions{grid-template-columns:minmax(0,1fr);gap:12px}
 .cover-actions .cover-start,.cover-video-button{width:100%;min-width:0}
 #intro-dialog{padding:14px;width:calc(100vw - 24px);max-width:calc(100vw - 24px)}
 #intro-title{font-size:21px}
}
@media print{.cover-actions,#intro-dialog{display:none!important}}
/* Keep the two cover actions visible near the main introduction. */
@media screen and (min-width:601px){
 .cover-no-photo .cover-brand{justify-content:flex-start}
 .cover-no-photo .cover-brand>div:first-of-type{margin-top:72px}
 .cover-no-photo .cover-brand .cover-businesses{margin-top:auto}
 .cover-no-photo .cover-brand .cover-base{margin-top:32px}
}

/* Compact portrait pages: keep the copy readable and trim previews and spacing. */
.cover-businesses>a{padding-top:9px;color:inherit}
.cover-businesses>a:hover{text-decoration:underline;text-underline-offset:5px}
@media screen and (min-width:601px){
 .page-canvas>.leaflet-page:not(.page-1){padding-top:36px}
 .page-heading{margin-bottom:22px}
 .residential-layout,.supply-layout,.industrial-layout,.bess-layout,.monitor-layout,.home-layout,.fems-layout,.evidence-layout{gap:20px}
 .cover-no-photo .cover-brand{min-height:0}
 .page-5 .catalogue-products{min-height:285px;padding-top:18px;padding-bottom:14px}
 .page-5 .catalogue-product .product-photo-stage{height:180px}
 .page-9 .monitoring-overview .site-screen-window{max-width:540px;margin-inline:auto}
 .page-9 .monitoring-details .site-screen-window{max-width:270px;margin-inline:auto}
 .page-10 .home-live-capture{width:210px}
}
@media screen and (max-width:600px){
 .page-canvas>.leaflet-page:not(.page-1){padding-top:22px}
 .page-heading{margin-bottom:20px}
 .page-heading .lead{line-height:1.7;margin-top:12px}
 .residential-layout,.supply-layout,.industrial-layout,.bess-layout,.monitor-layout,.home-layout,.fems-layout,.evidence-layout{gap:18px}
 .page-10 .home-live-capture{width:180px}
 .page-10 .home-layout>.service-copy{display:block}
 .page-10 .home-feature{margin:0;padding:10px 0}
 .page-10 .home-feature>span{display:none}
 .page-10 .home-feature h3{font-size:19px;line-height:1.4;margin:0 0 6px}
 .page-10 .home-feature p{font-size:var(--text-body);line-height:1.65;margin:0}
 .page-10 .home-service-showcase{gap:20px}
 .page-10 .care-flow ol{gap:16px;margin-top:14px}
 .page-10 .care-flow p:not(.kicker){line-height:1.65}
 .page-13 .delivery-workflow{display:block;margin-bottom:20px}
 .page-13 .delivery-workflow>li{display:block;padding:10px 0;grid-row:auto;line-height:1.65}
 .page-13 .step-number{display:inline;font-size:18px;margin-inline-end:7px}
 .page-13 .delivery-workflow h3{display:inline;font-size:17px;line-height:1.65;margin:0 6px 0 0}
 .page-13 .delivery-workflow p{display:inline;line-height:1.65}
 .page-13 .delivery-workflow p:before{content:' '}
 .page-13 .handover-list>div{padding:10px 0;gap:3px;line-height:1.65}
 .page-13 .handover-section{padding-top:14px}
 .page-13 .handover-section>h3{margin-bottom:10px}
 .page-8 .operations-map .endpoint div>span{display:none}
 .page-8 .operations-map .endpoint{min-height:0}
 .page-8 .operations-map{padding-block:20px}
 .page-5 .catalogue-product .product-photo-stage{height:100px}
 .page-5 .catalogue-product{padding-bottom:12px}
 .page-5 .catalogue-products{gap:12px;padding:16px}
 .page-12 .fems-detail{padding-block:12px}
 .page-12 .fems-detail p{line-height:1.7}
 .page-14 .contact-options>a{padding-block:14px}
}
@media screen and (min-width:601px){.page-9 .monitoring-sites{gap:20px}}
@media screen and (max-width:600px){
 .page-9 .monitoring-overview .site-screen-window{max-width:270px;margin-inline:auto}
 .page-9 .monitoring-details .console-detail-window{max-width:220px;margin-inline:auto}
 .page-9 .monitoring-details .owner-detail-window{max-width:270px;margin-inline:auto}
 .page-10 .home-live-capture{width:170px}
 .page-8 .monitor-copy .feature p{line-height:1.7}
 .page-8 .monitor-copy .feature{margin-bottom:14px}
}
@media screen and (max-width:600px){
 .page-5 .credential{padding:18px}
 .page-5 .spec-list>div{padding-block:10px}
 .page-5 .spec-list dt,.page-5 .spec-list dd{display:inline;line-height:1.7;margin:0}
 .page-5 .spec-list dt{margin-inline-end:8px}
}

@media screen and (max-width:600px){.page-2 .business-map{display:none}}

/* Let each mobile page end after its own content. */
@media screen and (max-width:600px){
 .page-canvas{height:auto}
 .page-canvas>.leaflet-page{height:auto;min-height:0;max-height:none}
}

/* Three complete language editions share the same A4 desktop sheet. */
.language-switch{display:flex;align-items:center;gap:3px;flex-shrink:0;font-family:Pretendard,Arial,sans-serif;letter-spacing:0}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 9px;border:1px solid transparent;border-radius:4px;color:var(--muted);font-size:13px;line-height:1.4;text-decoration:none}
.language-switch a[aria-current="true"]{background:white;border-color:#b9c9e6;color:var(--blue);font-weight:700}
.language-switch a:hover{background:#e2eafa;color:var(--blue)}
.language-switch a:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.reading-meta{gap:12px;align-items:center}
#chapter-label{min-width:0;line-height:1.45}
html:not([lang="ko"]) .leader-copy h3>span{display:none}
@media screen and (min-width:601px){
 .paper-viewport{width:100%;max-width:794px;margin-inline:auto;height:calc(1123px * var(--paper-scale,1))}
 .paper-viewport>.page-canvas{width:794px;max-width:none;height:1123px;margin:0;transform:scale(var(--paper-scale,1));transform-origin:top left}
 .page-canvas>.leaflet-page{width:794px;height:1123px;min-height:0;max-height:1123px}
 .page-canvas>.leaflet-page>:not(.folio){flex-shrink:0}
 html:not([lang="ko"]) .page-heading h2{font-size:32px}
 html:not([lang="ko"]) .page-2 .business-map button{min-height:105px;padding:15px}
 html:not([lang="ko"]) .page-2 .business-map strong{font-size:17px}
 html:not([lang="ko"]) .page-2 .business-map p{font-size:14px;line-height:1.6}
 html:not([lang="ko"]) .page-2 .business-map{gap:10px}
 html:not([lang="ko"]) .page-2 .leader-career{gap:9px}
}
@media screen and (max-width:600px){
 .paper-viewport{height:auto;min-width:0}
 .paper-viewport>.page-canvas{width:100%;height:auto;transform:none}
 .language-switch{gap:0}
 .language-switch a{font-size:12px;padding:6px 7px}
 .reading-meta #chapter-label{max-width:43%}
}
@media print{
 .paper-viewport{display:contents}
 .page-canvas{height:auto;transform:none;max-width:none;margin:0}
 .language-switch{display:none}
}
@media screen and (min-width:601px){
 html:not([lang="ko"]) .leaflet-page p{line-height:1.65}
 html:not([lang="ko"]) .page-2 .business-map p{display:none}
 html:not([lang="ko"]) .page-2 .business-map button{min-height:90px;padding:14px}
 html:not([lang="ko"]) .spec-list>div,html:not([lang="ko"]) .handover-list>div{line-height:1.65}
 html:not([lang="ko"]) .page-13 .delivery-workflow>li{padding-block:12px}
 html:not([lang="ko"]) .page-13 .delivery-workflow h3{font-size:19px;line-height:1.4}
 html:not([lang="ko"]) .page-13 .delivery-workflow{margin-bottom:18px}
 html:not([lang="ko"]) .page-13 .handover-list>div{padding-block:9px}
}
@media screen and (min-width:601px){
 html:not([lang="ko"]) .page-heading .lead{line-height:1.65}
 html:not([lang="ko"]) .page-2 .overview-layout{gap:10px}
 html:not([lang="ko"]) .page-2 .leader-profile{padding:16px;row-gap:10px}
 html:not([lang="ko"]) .page-2 .leader-career li{line-height:1.6}
 html:not([lang="ko"]) .page-10 .home-live-capture{width:200px}
 html:not([lang="ko"]) .page-9 .monitoring-sites{gap:16px}
 html:not([lang="ko"]) .page-9 .monitoring-overview .site-screen-window{max-width:520px}
 html:not([lang="ko"]) .page-9 .monitoring-details .site-screen-window{max-width:260px}
 html:not([lang="ko"]) .page-13 .handover-section{padding-top:16px}
 html:not([lang="ko"]) .page-13 .handover-section>h3{margin-bottom:10px}
}
@media screen and (min-width:601px){
 html:not([lang="ko"]) .page-6 .industrial-concept-zoom .industrial-concept-image{height:255px}
 html:not([lang="ko"]) .page-12 .map-screen{width:620px;max-width:100%;margin-inline:auto}
}
@media screen and (min-width:601px){html:not([lang="ko"]) .page-2 .business-map button{min-height:82px}}
@media print{
 html:not([lang="ko"]) .page-2 .business-map p{display:none}
 html:not([lang="ko"]) .leader-career li{line-height:1.6}
 html:not([lang="ko"]) .page-13 .handover-list>div{padding-block:2.5mm;line-height:1.65}
}

/* Localized copy wraps by words and phrases, with room for longer labels. */
html:is([lang="en"],[lang="vi"]) body{word-break:normal;hyphens:none}
html[lang="en"] .text-phrase{white-space:nowrap}
html:is([lang="en"],[lang="vi"]) .spec-list dt{text-wrap:balance}
html:is([lang="en"],[lang="vi"]) .leaflet-page :is(p,dd,.leader-career li>span){text-wrap:pretty}
html:is([lang="en"],[lang="vi"]) .leaflet-page :is(h1,h2,h3,.endpoint strong,.endpoint div>span,.map-eyebrow,.monitor-hub>strong,.monitor-hub>span,.document-route strong,.document-route div>span:last-child,.handover-list dt){text-wrap:balance}
html:is([lang="en"],[lang="vi"]) .endpoint div>span,
html:is([lang="en"],[lang="vi"]) .document-route div>span:last-child,
html:is([lang="en"],[lang="vi"]) .concept-legend p{overflow-wrap:normal}
html:is([lang="en"],[lang="vi"]) .monitor-hub>span{width:100%;line-height:1.65}
@container monitoring-layout (min-width:520px){
 html:is([lang="en"],[lang="vi"]) .page-8 .operations-map{grid-template-columns:minmax(0,1fr) 16px 232px 16px minmax(0,1fr);column-gap:8px;padding-inline:20px}
}
@media screen and (max-width:600px){
 html:is([lang="en"],[lang="vi"]) .page-8 .map-endpoints{grid-template-columns:minmax(0,1fr);grid-template-rows:auto repeat(6,auto);row-gap:0}
 html:is([lang="en"],[lang="vi"]) .page-8 .map-eyebrow{grid-column:1;grid-row:1;text-align:start;margin-bottom:16px}
 html:is([lang="en"],[lang="vi"]) .page-8 .endpoint{grid-template-columns:44px minmax(0,1fr);column-gap:12px;text-align:start}
 html:is([lang="en"],[lang="vi"]) .page-8 .endpoint:nth-of-type(1){grid-column:1;grid-row:2/span 2}
 html:is([lang="en"],[lang="vi"]) .page-8 .endpoint:nth-of-type(2){grid-column:1;grid-row:4/span 2}
 html:is([lang="en"],[lang="vi"]) .page-8 .endpoint:nth-of-type(3){grid-column:1;grid-row:6/span 2}
 html:is([lang="en"],[lang="vi"]) .page-8 .endpoint-icon{grid-column:1;grid-row:1/span 2;justify-self:start}
 html:is([lang="en"],[lang="vi"]) .page-8 .endpoint strong{grid-column:2;grid-row:1}
 html:is([lang="en"],[lang="vi"]) .page-8 .endpoint div>span{grid-column:2;grid-row:2;margin-top:4px;padding-bottom:18px}
 html:is([lang="en"],[lang="vi"]) .page-8 .endpoint:last-child div>span{padding-bottom:0}
}
@media print{
 html:is([lang="en"],[lang="vi"]) .page-8 .operations-map{grid-template-columns:minmax(0,1fr) 16px 232px 16px minmax(0,1fr);column-gap:8px;padding-inline:20px}
}
@media screen and (min-width:601px),print{
 html[lang="en"] .page-7 .spec-list>div{grid-template-columns:145px minmax(0,1fr)}
}
@media screen and (max-width:360px){
 html:is([lang="en"],[lang="vi"]) .leader-profile{grid-template-columns:64px minmax(0,1fr);column-gap:14px;padding:18px}
 html:is([lang="en"],[lang="vi"]) .leader-photo{width:64px;height:96px}
}

/* Current FEMS power capture: use the whole graph without the old viewport crop. */
.screen-figure .fems-current-power{aspect-ratio:972/525}
.screen-figure .fems-current-power img{position:static;inset:auto;width:100%;max-width:100%!important;height:auto!important;object-fit:contain!important}