/* Practical manuals: image-led openings, short reading columns and usable tools. */
.guide-hub-hero{padding:160px 0 56px;background:#0b0813;color:white}.guide-hub-hero .eyebrow{font-size:.8125rem;color:#c9afe9}.hub-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end}.hub-intro h1{font-size:clamp(2.75rem,4.3vw,4.4rem);max-width:820px;line-height:1.05}.hub-intro p{font-size:1.2rem;color:#dbd3e5;max-width:550px}.hub-intro a{display:inline-block;color:#e7d0ff;margin:12px 24px 0 0;font-size:.9375rem}.guide-topics{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid #ffffff26;margin-top:45px;padding-top:25px}.guide-topics a{font-size:.9375rem;border:1px solid #ffffff36;padding:8px 16px;text-decoration:none;color:#ece5f5;border-radius:3px}.guide-topics a:hover{background:#342043;color:white}.guide-directory{padding-block:64px 80px}.guide-directory>.eyebrow,.manual-resources .eyebrow{color:#744894;font-size:.8125rem}.guide-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 35px}.guide-card{display:block;text-decoration:none!important;color:#1d1729}.guide-card:hover{color:#592b7e}.guide-card figure{margin:0;overflow:hidden;background:#e8e8ef}.guide-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}.guide-card>div{padding:25px 0 0}.guide-card .eyebrow{font-size:.8125rem;color:#754b91;letter-spacing:.12em;margin-bottom:13px}.guide-card h2{font-size:clamp(1.7rem,2.3vw,2.1rem);line-height:1.18}.guide-card p:not(.eyebrow){font-size:1.0625rem;line-height:1.6;margin:15px 0 22px}.guide-card span{font-size:.9375rem;font-weight:600;border-bottom:1px solid #8350a2;padding-bottom:4px}.guide-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;background:#21162e;color:white}.guide-card:first-child figure{height:100%}.guide-card:first-child img{aspect-ratio:16/11;height:100%;object-fit:cover}.guide-card:first-child>div{padding:38px;align-self:center}.guide-card:first-child .eyebrow{color:#d2b9e8}.guide-card:first-child p{color:#e3d9ee}.guide-card img[src*="safety-induction"]{object-fit:contain;background:#e8eff5}.manual-resources{padding:70px 0;background:#f0eaf6}.manual-resources h2{margin-bottom:22px}.manual-resources .wrap>p{max-width:750px}.manual-resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 38px;margin:35px 0}.manual-resource{border-top:1px solid #cfc1db;padding:0}.manual-resource summary{padding:22px 24px 22px 0;cursor:pointer;position:relative;list-style:none}.manual-resource summary::-webkit-details-marker{display:none}.manual-resource summary:after{content:'+';position:absolute;right:3px;top:28px;font-size:1.5rem;color:#784394}.manual-resource[open] summary:after{content:'−'}.manual-resource summary span{display:block}.manual-resource small{display:block;color:#684284;font-size:.875rem;margin-bottom:7px}.manual-resource strong{font-size:1.3rem;line-height:1.4;display:block}.manual-resource em{display:none}.manual-resource ul{padding-left:22px;margin:0 0 25px}.manual-resource li{padding:6px 0;font-size:1rem;line-height:1.6}.guide-back{display:inline-block;margin:22px 0 0 25px;color:#ece1f7;font-size:.9375rem}.pp-article .article-hero h1{font-size:clamp(2.35rem,3.7vw,3.65rem)}.pp-article .article-photo img{aspect-ratio:4/3}.pp-article .article-photo img[src*="safety-induction"]{object-fit:contain;background:#e9f0f6}.pp-article .article-aside details summary{font-size:.875rem;font-weight:600;cursor:pointer;color:#744894;list-style:none;text-transform:uppercase;letter-spacing:.1em}.pp-article .article-aside details summary:after{content:' −';float:right}.pp-article .article-aside details:not([open]) summary:after{content:' +'}
.manual-example,.manual-reflect{margin:30px 0;padding:24px 27px;border-left:3px solid #834bbe;background:#f0eaf7}.manual-example strong,.manual-reflect strong{display:block;margin-bottom:9px;font-size:.875rem;color:#6a3b86}.manual-example p,.manual-reflect p{font-size:1.0625rem;line-height:1.7;margin:0}.manual-reflect{background:#ecf3fa;border-color:#337db4}.manual-reflect strong{color:#256998}.manual-model{margin:38px 0;padding:32px;background:#21162e;color:white}.manual-model .eyebrow{display:block;font-size:.8125rem;color:#d0afea}.manual-model h2{font-size:1.7rem;line-height:1.2;margin:12px 0 25px}.manual-model ol{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0;margin:0}.manual-model li{padding:20px 0 0;border-top:1px solid #b29ac14d;min-width:0}.manual-model li>span{font-size:.875rem;color:#bf9bdf;display:block;margin-bottom:10px}.manual-model strong{display:block;font-size:1.15rem;line-height:1.3;margin-bottom:8px}.manual-model li p{font-size:1rem;color:#e1d4eb;line-height:1.55;margin:0}.manual-model-3 li:first-child{grid-column:1/-1;background:#39204e;padding:20px;border:0}.manual-model-3 li:not(:first-child){border-left:2px solid #b38dcf;padding:10px 0 0 18px}.manual-model .model-note{margin:25px 0 0!important;font-size:.875rem!important;line-height:1.6;color:#cdbdd9}.manual-table{margin:32px 0}.manual-table table{width:100%;border-collapse:collapse;font-size:1rem;line-height:1.6;table-layout:fixed}.manual-table caption{text-align:left;font-weight:600;font-size:1.125rem;margin-bottom:15px}.manual-table th,.manual-table td{text-align:left;vertical-align:top;padding:17px 15px;border-bottom:1px solid #d7cce0;overflow-wrap:break-word}.manual-table thead{background:#ede5f4}.manual-table th{font-weight:600}.manual-table tbody th{width:28%;color:#633b7f}.manual-checklist{margin:38px 0;border:1px solid #d1c3dc;padding:28px 30px;background:#fff}.manual-checklist h3{font-size:1.35rem;margin-bottom:20px}.manual-checklist ul{padding:0;margin:0;list-style:none}.manual-checklist li{position:relative;padding:12px 0 12px 30px;border-top:1px solid #ece6f2;font-size:1rem;line-height:1.65}.manual-checklist li:before{content:'✓';position:absolute;left:0;color:#69428e}.client-guide{padding:70px 0;background:#eae1f3;color:#24182f}.client-guide>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px}.client-guide .eyebrow{color:#71498d}.client-guide h2{font-size:clamp(2rem,3vw,2.9rem)}.client-guide p:not(.eyebrow){font-size:1.125rem;line-height:1.75}.client-guide .button{margin-top:25px;background:#21132f;color:#fff}.case-hero img[src*="gas-hseq-hero"]{object-fit:contain!important;background:#e7eef3!important;max-width:830px;margin:auto}.case-photo:has(img[src*="gas-hseq-thumbnail"]){background:#e7eef3}.case-photo img[src*="gas-hseq-thumbnail"]{object-fit:contain!important}.pp-article a,.guide-hub a{overflow-wrap:anywhere}
@media(max-width:900px){.hub-intro{gap:35px}.article-hero-grid{gap:28px}.client-guide>.wrap{gap:35px}}
@media(max-width:760px){.guide-hub-hero{padding:122px 0 35px}.hub-intro{display:block}.hub-intro h1{font-size:2.6rem}.hub-intro p{font-size:1.0625rem;margin-top:25px}.guide-topics{margin-top:30px;gap:9px}.guide-topics a{font-size:.875rem;padding:8px 11px}.guide-directory{padding-block:38px 45px}.guide-card-grid{display:block}.guide-card{margin-bottom:37px}.guide-card:first-child{display:block}.guide-card:first-child img{aspect-ratio:16/10}.guide-card:first-child>div{padding:26px}.guide-card h2{font-size:1.75rem}.manual-resources{padding:45px 0}.manual-resource-grid{display:block}.guide-back{display:block;margin-left:0}.pp-article .article-aside nav{display:block}.pp-article .article-aside{margin-bottom:30px;padding-bottom:25px}.pp-article .article-aside nav a{font-size:.9375rem;padding:9px 0}.pp-article .aside-enquiry{margin-top:23px}.manual-model{padding:24px 22px}.manual-model ol{grid-template-columns:1fr}.manual-model li{grid-column:auto!important}.manual-table th,.manual-table td{padding:12px 9px;font-size:.9375rem}.manual-checklist{padding:23px 21px}.manual-example,.manual-reflect{padding:21px}.client-guide{padding:48px 0}.client-guide>.wrap{display:block}.client-guide h2{margin-bottom:25px}.client-guide .button{max-width:100%}.pp-article .article-hero h1{font-size:2.4rem}}
@media(max-width:360px){.hub-intro h1,.pp-article .article-hero h1{font-size:2.1rem}.manual-table th,.manual-table td{padding:10px 7px;font-size:.875rem}.manual-model h2{font-size:1.5rem}.pp-article .wrap,.guide-hub .wrap{width:calc(100% - 32px)}}
@media print{.pp-site-header,.article-aside,.article-close,.footer{display:none!important}.article-layout{display:block}.article-hero{padding:20px 0!important}.manual-model,.manual-checklist,.manual-reflect{break-inside:avoid}body,main{background:white!important;color:black!important}}
/* September guide depth: preserve real photography; grade only the display. */
.guide-card img[src*="safety-induction"],.pp-article .article-photo img[src*="safety-induction"]{filter:saturate(1.14) contrast(1.035);object-fit:cover;background:transparent}
.guide-card img[src*="production-process"],.pp-article .article-photo img[src*="production-process"]{filter:saturate(1.2) contrast(1.045) brightness(1.025)}
.guide-card:first-child img[src*="kjts"]{object-fit:cover;object-position:center 28%;aspect-ratio:1.25}
.manual-project-photo{margin:32px 0;background:#f4f0f8}.manual-project-photo img{display:block;width:100%;height:auto;object-fit:contain}.manual-project-photo figcaption{font-size:.875rem;line-height:1.65;padding:16px 20px;color:#5e5268}.manual-photo-story{margin:38px 0}.manual-photo-story h3{font-size:1.7rem;line-height:1.25;margin:12px 0 25px}.manual-photo-story .eyebrow{font-size:.8125rem;color:#744894}
.qualification-manual{margin:38px 0}.qualification-title{padding:28px 30px;background:#21162e;color:#fff}.qualification-title>span{font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;color:#d8b8ef}.qualification-title h3{font-size:1.7rem;line-height:1.3;margin:12px 0}.qualification-title p{font-size:1rem!important;margin:0!important;color:#e7ddef}.qualification-list{list-style:none;padding:0;margin:0;border:1px solid #d5c8df}.qualification-list li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:18px;padding:25px;border-bottom:1px solid #d5c8df}.qualification-list li:nth-child(even){background:#f1edf6}.qualification-list li:last-child{border-bottom:0}.q-number{font-size:1rem;font-weight:600;color:#82529f}.q-topic{font-size:.8125rem!important;color:#73488f;text-transform:uppercase;letter-spacing:.06em;margin:0 0 9px!important}.qualification-list h4{font-size:1.13rem;line-height:1.5;margin:0 0 10px;font-weight:600;color:#291b37}.qualification-list p:not(.q-topic){font-size:1rem;line-height:1.7;margin:0;color:#574b61}
.format-comparison{padding:30px;margin:35px 0;background:#21162e;color:#fff}.format-comparison h3{font-size:1.7rem;line-height:1.25;margin:12px 0 28px}.format-comparison .eyebrow{color:#d1afe9;font-size:.8125rem}.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.format-grid>div{padding-top:18px;border-top:1px solid #63526f;display:flex;flex-direction:column;align-items:flex-start}.screen-shape{display:flex;align-items:center;justify-content:center;border:2px solid #bd90df;color:white;font-size:1.125rem;margin:0 0 20px;background:#3c2451}.screen-shape.landscape{width:160px;aspect-ratio:16/9}.screen-shape.square{width:110px;aspect-ratio:1}.screen-shape.portrait{width:75px;aspect-ratio:9/16}.screen-shape.feed{width:105px;aspect-ratio:4/5}.format-grid strong{font-size:1.125rem}.format-grid p{font-size:1rem;line-height:1.65;color:#ded1e7}.format-comparison .model-note{font-size:.875rem;line-height:1.65;color:#ddc9ec;margin:20px 0 0}
.case-photo img[src*="gas-malaysia-safety-animation"]{object-fit:contain!important;height:auto!important;background:#fff}.case-hero img[src*="gas-malaysia-ceo"]{object-fit:cover!important;object-position:center center!important}.case-supplement{margin-block:30px 60px}.case-supplement>.case-photo{max-width:1100px;margin:auto}.case-supplement .case-photo img{width:100%;height:auto;display:block}.case-supplement figcaption{font-size:.875rem;line-height:1.65;padding:16px 20px;background:#f1edf6;color:#554360}
@media(max-width:760px){.guide-card:first-child img[src*="kjts"]{aspect-ratio:1.2;object-position:center 25%}.qualification-title{padding:23px}.qualification-list li{padding:21px 17px;grid-template-columns:28px minmax(0,1fr);gap:12px}.format-comparison{padding:23px}.format-grid{gap:20px}.screen-shape.landscape{width:120px}.manual-project-photo figcaption{padding:13px 15px}.article-body .manual-table{overflow-x:auto}.manual-table table{min-width:490px}.manual-table{scrollbar-width:thin}}
@media(max-width:380px){.format-grid{grid-template-columns:1fr}.guide-card:first-child img[src*="kjts"]{aspect-ratio:1.05}}

.legacy-visual-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}.legacy-visual-gallery figure{margin:0;min-width:0}.legacy-visual-gallery img{display:block;width:100%;height:auto;aspect-ratio:640/520;object-fit:cover}.legacy-visual-gallery figcaption{font-size:13px;line-height:1.6;margin-top:12px;color:#635b6c}@media(max-width:760px){.legacy-visual-gallery{grid-template-columns:1fr;gap:32px}}