.page-heading{background:#071b26;color:white;padding:60px 6%;border-bottom:3px solid #f69a36}.page-heading h1{font-size:clamp(30px,3.4vw,52px);letter-spacing:-1px;max-width:1100px;line-height:1.15}.breadcrumbs{font-size:12px;color:#bdcbd0;margin-bottom:30px}.reading-layout{padding:55px 6%;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:60px;align-items:start}.prose{font-size:16px;line-height:1.7;overflow-wrap:anywhere}.prose p{margin:0 0 20px}.prose h2{font-size:28px;line-height:1.25;margin:35px 0 20px}.prose h3{font-size:22px;margin:25px 0 15px}.prose a{text-decoration:underline;text-underline-offset:3px;color:#086879}.prose ul,.prose ol{padding-left:25px}.prose table{width:100%;border-collapse:collapse;display:block;overflow:auto}.prose td,.prose th{padding:10px;border:1px solid #d4dddd}.advice{padding:28px;background:#f1f3f0;position:sticky;top:25px}.advice h2{font-size:28px}.advice p{font-size:14px}.advice .button{font-size:12px;gap:12px}.source-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}.source-gallery figure{margin:0;background:#f5f6f4;padding:20px}.source-gallery img{max-height:400px;width:100%;height:auto;object-fit:contain}.source-links{border-block:1px solid #dce2e2;margin:35px 0;padding:20px 0;font-size:13px}.source-links summary,.original-home summary{cursor:pointer;font-weight:bold}.resource-list{display:grid;gap:12px;padding-top:20px}.function-note{padding:25px;background:#f1f3f0;border-left:3px solid #f69a36;margin:30px 0}.function-note h2{margin-top:0}.directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:50px 6%}.directory a{padding:25px;background:#f2f4f1;border-bottom:2px solid #f69a36;overflow-wrap:anywhere}.directory strong{display:block;font-size:16px;line-height:1.4}.directory small{display:block;margin-top:15px;color:#68777d}.original-home{border-top:1px solid #dce2e2}.original-home article{padding-top:30px;max-width:1000px}.original-home .source-gallery{grid-template-columns:repeat(3,1fr)}@media(max-width:760px){.reading-layout{grid-template-columns:1fr;padding:35px 6%;gap:25px}.advice{position:static}.directory{grid-template-columns:1fr}.page-heading{padding:40px 6%}.source-gallery,.original-home .source-gallery{grid-template-columns:1fr}.prose h2{font-size:25px}}
/* V4: palette inspired by the visually reviewed gulfoilltd.com homepage.
   These are eVISKO design choices, not certified Gulf brand specifications. */
:root{--ink:#12345a;--navy:#073c88;--orange:#ff681d;--muted:#47647c;--paper:#edf6fa;--teal:#07509d;--sky:#b9dce9}
.utility{background:var(--navy);color:white}
header{background:#fff;border-bottom:4px solid var(--orange)}
header nav,.menu{color:var(--navy)}
.button{background:var(--orange);color:#172a45}
.button:hover{background:#ff8b4e;color:#172a45}
.hero{background:var(--sky);color:var(--ink)}
.hero-shade{background:linear-gradient(90deg,#b9dce9 0%,rgba(185,220,233,.98) 28%,rgba(185,220,233,.88) 43%,rgba(185,220,233,.12) 69%,transparent 100%)}
.hero .light,.hero-intro{color:#173e66}
.hero h1 em{color:#a73500}
.hero .ghost{background:#fff;color:var(--navy);border-color:var(--navy)}
.hero .ghost:hover{background:#e7f4fa}
.hero-caption{color:white}
.hero-bottom{color:#12345a;background:rgba(231,245,251,.96);border-top:3px solid var(--orange);padding:20px;left:0;right:0;padding-inline:6%}
.quick-links{background:#e2f1f7;border-color:#c2dce8;color:var(--navy)}
.quick-links a{border-color:#c2dce8}.quick-links span{color:#47647c}
.services>a{border-top:3px solid var(--orange)}
.services .industry{background:linear-gradient(#073c88cc,#073c88ed),url('assets/industry.jpg') center/cover}
.service-no,.services p{color:var(--muted)}
.industry .service-no,.industry p{color:white}
.text-link,.knowledge-links a,.appointments>a>span,.appointments small{color:var(--navy)}
nav a:hover,.text-link:hover,.knowledge-links a:hover,.footer-main a:hover,.services>a:hover .text-link{color:#a73500}
.petronas{background:var(--navy)}
.petronas .light,.petronas p:not(.eyebrow),.petronas-links{color:#fff}
.petronas em{color:#ffb68e}
.news{background:var(--paper)}
.contact{background:var(--navy)}
.contact-details,.contact .light{color:#fff}
.contact-details>a:last-child{color:#fff;text-decoration:underline;text-underline-offset:4px}
footer{background:#e2f1f7;border-top:4px solid var(--orange)}
.footer-main h3,.footer-main>div>a,.footer-bottom{color:#234c73}
.footer-brand p,.draft-note,.meta,.news-note{color:#47647c}
.page-heading{background:var(--sky);color:var(--navy);border-color:var(--orange)}
.breadcrumbs{color:#244e76}
.prose a{color:#074b98}
.advice,.function-note,.directory a{background:#e2f1f7}
.function-note,.directory a{border-color:var(--orange)}
.directory strong{color:var(--navy)}.directory small{color:#47647c}
.source-gallery figure{background:#f1f8fb}
@media(max-width:760px){.hero-shade{background:linear-gradient(90deg,rgba(185,220,233,.98),rgba(185,220,233,.84) 60%,rgba(185,220,233,.45)),linear-gradient(0deg,#b9dce9,transparent 75%)}.hero-bottom{padding-inline:6%}.hero-intro{max-width:330px}}
.services .industry .text-link{color:white}.services .industry:hover .text-link{color:#ffbc99}
em{color:#a73500}.petronas em{color:#ffb68e}

/* Local brand pages */
.brand-intro{border-bottom:1px solid #c9dce7;padding-bottom:25px;margin-bottom:30px}.brand-intro img{display:block;width:240px;max-width:100%;height:130px;object-fit:contain;object-position:left center;margin-bottom:24px}.brand-intro h2{margin-top:10px}.brand-contact{background:#edf6fa;border-left:4px solid #ff681d;padding:28px;margin-top:40px}.brand-contact h2{margin-top:8px}.brand-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.prose .brand-actions .button{color:#172a45;text-decoration:none}.brand-note{font-size:13px;margin-top:20px!important}.brand-related{display:flex;gap:22px;flex-wrap:wrap;margin:30px 0}@media(max-width:760px){.brand-contact{padding:20px}.brand-actions{align-items:flex-start;flex-direction:column}}
