/* Native components: presentation only; preserve states, validation and handlers. */
body.leiu-design-petrol [hidden] { display:none!important; }
body.leiu-design-petrol :is(.home-hero,.lu-lookup__hero,.lu-order-status__intro) { background:radial-gradient(ellipse at 50% 28%,rgba(78,113,110,.16),transparent 70%),linear-gradient(170deg,#101b1b,#0b1314 60%,#0d1717); }
body.leiu-design-petrol .home-hero { margin:0; }
body.leiu-design-petrol .entry-content :is(h1,h2,h3,p,figure,ul,ol) { font-family:Inter,Arial,sans-serif; }
body.leiu-design-petrol .entry-content :is(h1,h2,h3) { color:#18282b; }
body.leiu-design-petrol .entry-content :is(.hero-content,.service-hero,.card--green,.petrol-surface) :is(h1,h2,h3) { color:#fff; }
body.leiu-design-petrol.article-page .entry-content .service-hero h1 { color:#18282b; }
/* Alternate surfaces as in the reviewed homepage; service FAQs invert the pills. */
body.leiu-design-petrol .questions-section { background:#fff; }
body.leiu-design-petrol .questions-section .question-list details { background:#f3f7f8; }
body.leiu-design-petrol:is(.petrol-page-create,.petrol-page-renew,.petrol-page-pricing) .questions-section { background:#f3f7f8; padding:80px 32px; }
body.leiu-design-petrol:is(.petrol-page-create,.petrol-page-renew,.petrol-page-pricing) .questions-section .question-list details { background:#fff; }
body.leiu-design-petrol .question-answer { padding:2px 66px 30px 26px; font:400 17px/1.7 Inter,Arial,sans-serif; color:#526166; }
body.leiu-design-petrol .question-answer :is(p,li) { font:inherit; color:inherit; }
body.leiu-design-petrol .question-answer > * { margin:0; }
body.leiu-design-petrol .question-answer > * + * { margin-top:16px; }
body.leiu-design-petrol .question-answer :is(strong,b) { color:#243638; font-weight:600; }
body.leiu-design-petrol .question-answer :is(ul,ol) { padding-left:22px; }
body.leiu-design-petrol .question-answer li + li { margin-top:10px; }
body.leiu-design-petrol .question-answer a:hover { text-decoration:underline!important; }
/* Keep support in view without trapping it on short screens or mobile. */
@media(min-width:961px) and (min-height:700px) {
 body.leiu-design-petrol.petrol-page-home .questions-grid .support-card { position:sticky; top:112px; }
}
body.leiu-design-petrol .related-section .home-title { font:550 32px/1.25 Inter,Arial,sans-serif; letter-spacing:-.03em; }
@media(max-width:720px) {
 body.leiu-design-petrol .related-section .home-title { font-size:28px; }
}
body.leiu-design-petrol .service-switch .pc-tab { border:0; background:transparent; box-shadow:none; color:#586b6d; }
body.leiu-design-petrol .service-switch .pc-tab[aria-selected="true"] { background:#265959; color:#fff; }
body.leiu-design-petrol .service-switch .pc-tab[aria-selected="true"]:hover { background:#265959; color:#fff; }
body.leiu-design-petrol .service-switch .pc-tab:not([aria-selected="true"]):hover { background:#e6eeee; color:#265959; }
body.leiu-design-petrol .service-plan-grid { margin:0; }
body.leiu-design-petrol .plan-saving { font-weight:600; }
body.leiu-design-petrol .plan-features svg { flex:none; width:20px; height:20px; color:#265959; }
body.leiu-design-petrol .plan-choose svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; }
body.leiu-design-petrol .lei-contact-form-el { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
body.leiu-design-petrol .lei-contact-form-el p { grid-column:1/-1; margin:0; }
body.leiu-design-petrol .lei-contact-form-el p.half { grid-column:auto; }
body.leiu-design-petrol .lei-contact-form-el label { display:block; margin-bottom:8px; font-size:14px; font-weight:500; color:#344a4d; }
body.leiu-design-petrol .lei-contact-form-el :is(input:not([type="hidden"]),textarea) { width:100%; height:46px; padding:12px 14px; border:1px solid #dbe3e5; border-radius:9px; background:#fff; font:400 15px/1.5 Inter,Arial,sans-serif; color:#18282b; }
body.leiu-design-petrol .lei-contact-form-el textarea { min-height:150px; resize:vertical; }
body.leiu-design-petrol .lei-contact-form-el :is(button,input)[type="submit"] { width:auto; padding:13px 24px; border:0; border-radius:10px; color:white; background:#265959; font:550 15px/1.5 Inter,Arial,sans-serif; }
body.leiu-design-petrol .lei-contact-hp { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
/* The two information cards share the form's inset and a stable label column. */
body.leiu-design-petrol .contact-aside { grid-template-rows:auto 1fr; }
body.leiu-design-petrol .contact-company-card,
body.leiu-design-petrol .contact-aside .contact-support { padding:40px; }
body.leiu-design-petrol .contact-company-card h2 { margin:0 0 24px; }
body.leiu-design-petrol .contact-company-card .company-details { margin:0; gap:18px; }
body.leiu-design-petrol .contact-company-card .company-details > div { grid-template-columns:110px minmax(0,1fr); gap:16px; }
body.leiu-design-petrol .contact-company-card .company-details dt { font:400 14px/1.6 Inter,Arial,sans-serif; color:#667577; }
body.leiu-design-petrol .contact-company-card .company-details dd { margin:0; font:400 15px/1.6 Inter,Arial,sans-serif; color:#243638; overflow-wrap:anywhere; }
body.leiu-design-petrol .contact-aside .contact-support { justify-content:center; }
body.leiu-design-petrol .contact-aside .contact-support h2 { margin:0 0 14px; }
body.leiu-design-petrol .contact-aside .contact-support p { margin:0 0 24px; }
body.leiu-design-petrol :is(.lu-lookup,.lu-order-status) { --lu-brand:#265959; --lu-ink:#18282b; --lu-muted:#586b6d; font-family:Inter,Arial,sans-serif; background:#f3f7f8; }
body.leiu-design-petrol .lu-lookup__hero { padding:160px 24px 64px; }
body.leiu-design-petrol :is(.lu-lookup__title,.lu-order-status__title) { font:600 clamp(36px,5vw,56px)/1.12 Inter,Arial,sans-serif; letter-spacing:-.035em; color:#fff; }
body.leiu-design-petrol :is(.lu-lookup__lead,.lu-order-status__lead) { font:400 19px/1.6 Inter,Arial,sans-serif; color:#c0cecd; }
body.leiu-design-petrol .lu-lookup__title span { color:inherit; }
body.leiu-design-petrol .lu-lookup__searchwrap { max-width:760px; margin:32px auto 0; }
body.leiu-design-petrol .lu-lookup__field { min-height:64px; border:1px solid rgba(255,255,255,.6); border-radius:16px; background:rgba(246,250,250,.9); box-shadow:0 12px 32px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.7); backdrop-filter:blur(20px); outline:0; }
body.leiu-design-petrol .lu-lookup__field:focus-within { outline:0; border-color:#82b6b1; box-shadow:0 0 0 2px #82b6b1,0 12px 32px rgba(0,0,0,.15); }
body.leiu-design-petrol .lu-lookup__input { font-family:Inter,Arial,sans-serif; color:#233b3d; background:transparent; }
body.leiu-design-petrol .lu-lookup__input:is(:focus,:focus-visible) { border:0!important; outline:0!important; box-shadow:none!important; }
body.leiu-design-petrol .lu-lookup__go { background:#265959; border-radius:11px; font:550 15px/1.4 Inter,Arial,sans-serif; }
body.leiu-design-petrol .lu-lookup__stats { gap:48px; margin:32px auto 0; justify-content:center; }
body.leiu-design-petrol .lu-lookup__stat { background:none; border:0; box-shadow:none; padding:0; }
body.leiu-design-petrol .lu-lookup__stat strong { color:#b2c4c2; font:550 28px/1.2 Inter,Arial,sans-serif; }
body.leiu-design-petrol .lu-lookup__stat span { color:#b2c4c2; font:400 14px/1.5 Inter,Arial,sans-serif; }
body.leiu-design-petrol .lu-lookup__browse { max-width:1120px; padding:56px 24px 72px; }
body.leiu-design-petrol .lu-lookup__browse-title { font-size:27px; font-weight:550; letter-spacing:-.03em; }
body.leiu-design-petrol .lu-lookup.is-variant-flow ~ .lu-cta-panel { width:100%; max-width:none!important; margin:0; padding:24px 32px 80px; background:#fff; }
body.leiu-design-petrol .lu-cta-panel__card { max-width:1072px; margin:0 auto; padding:40px; border-radius:24px; background:radial-gradient(ellipse at 85% 0%,#315b58,transparent 75%),#163b3d; box-shadow:0 16px 40px -24px rgb(20 50 52 / 28%); }
body.leiu-design-petrol .lu-cta-panel__card h2 { margin:0 0 12px; font:550 28px/1.25 Inter,Arial,sans-serif; color:#fff; letter-spacing:-.025em; }
body.leiu-design-petrol .lu-cta-panel__card p { margin:0; font:400 16px/1.6 Inter,Arial,sans-serif; color:#d1e0de; }
body.leiu-design-petrol .lu-cta-panel__btn { flex:none; background:transparent; border:1px solid rgb(255 255 255 / 50%); border-radius:10px; font:550 15px/1.4 Inter,Arial,sans-serif; color:#fff; padding:14px 22px; }
body.leiu-design-petrol .lu-cta-panel__btn:hover { background:rgb(255 255 255 / 10%); color:#fff; }
html body.leiu-design-petrol .lu-lookup .lu-lookup__input:is(:focus,:focus-visible) { border:0!important; outline:0!important; box-shadow:none!important; }
html body.leiu-design-petrol .lu-order-status .lu-order-status__field input:is(:focus,:focus-visible) { outline:0!important; outline-offset:0!important; box-shadow:none!important; border-color:#265959!important; }
html body.leiu-design-petrol .leiu-lei-profile .leiu-lei-profile__search-form input:is(:focus,:focus-visible) { outline:0!important; outline-offset:0!important; box-shadow:none!important; border:0!important; }
@media(max-width:720px) {
 body.leiu-design-petrol .lu-lookup.is-variant-flow ~ .lu-cta-panel { padding:24px 20px 48px; }
 body.leiu-design-petrol .lu-cta-panel__card { padding:28px; gap:24px; }
 body.leiu-design-petrol .lu-cta-panel__card h2 { font-size:25px; }
}
/* Existing legal copy, with the same quiet typography and surface as the site. */
body.leiu-design-petrol .lu-legal { width:100%; margin:0!important; background:#fff; --primary:#265959; --muted:#526166; --text:#18282b; --border:#e6ecee; }
body.leiu-design-petrol .lu-legal,
body.leiu-design-petrol .lu-legal * { font-family:Inter,Arial,sans-serif; }
body.leiu-design-petrol .lu-legal .wrap { max-width:848px; padding:152px 32px 80px; }
body.leiu-design-petrol .lu-legal .head { padding:0 0 36px; }
body.leiu-design-petrol .lu-legal .head-h1 { font:600 clamp(32px,4vw,48px)/1.15 Inter,Arial,sans-serif; letter-spacing:-.035em; }
body.leiu-design-petrol .lu-legal .body h2 { font:550 24px/1.35 Inter,Arial,sans-serif; letter-spacing:-.02em; text-transform:none; margin:36px 0 18px; padding-top:28px; }
body.leiu-design-petrol .lu-legal .body h2:first-child { margin-top:0; padding-top:0; border-top:0; }
body.leiu-design-petrol .lu-legal :is(.body p,.clause,.p-list li,.sub-list li) { font-size:16px; line-height:1.75; }
body.leiu-design-petrol .lu-legal .clause-num { font-weight:550; }
@media(max-width:720px) {
 body.leiu-design-petrol .lu-legal .wrap { padding:124px 24px 56px; }
 body.leiu-design-petrol .lu-legal .body h2 { font-size:22px; }
}
body.leiu-design-petrol .lu-lookup :is(code,.lu-lookup__rlei) { font-family:Inter,Arial,sans-serif; }
body.leiu-design-petrol .lu-order-status__intro { padding-top:160px; }
body.leiu-design-petrol .lu-order-status__form { background:#fff; border:0; border-radius:20px; box-shadow:0 4px 10px rgba(22,53,54,.04),0 24px 70px -20px rgba(22,53,54,.2); }
body.leiu-design-petrol .lu-order-status__btn { background:#265959; color:#fff; min-height:48px; padding:12px 24px; border-radius:10px; font:550 15px/1.4 Inter,Arial,sans-serif; }
body.leiu-design-petrol .lu-order-status__back { font:500 14px/1.5 Inter,Arial,sans-serif; color:#265959; }
body.leiu-design-petrol :is(.lu-order-status__btn,.lu-lookup__go):hover { background:#326966; color:#fff; }
body.leiu-design-petrol .article-code-structure .lu-struct { padding:0; background:transparent; }
body.leiu-design-petrol #lei_request { --c-brand:#265959; --c-brand-dark:#1c4748; --c-brand-deep:#153e3e; --c-bg-soft:#f3f7f8; --c-text:#18282b; font-family:Inter,Arial,sans-serif; }
body.leiu-design-petrol #lei_request :is(input,select,textarea,button) { font-family:inherit; }
body.leiu-design-petrol #lei_request .ri-btn--secondary { background:#f3f7f8; color:#243638; }
body.leiu-design-petrol #lei_request .ri-btn--secondary:is(:hover,:focus-visible) { background:#e5edef; color:#243638; }
body.leiu-design-petrol #lei_request .lookup__field:focus-within { outline:0; border-color:#265959; box-shadow:0 0 0 1px #265959; }
body.leiu-design-petrol #lei_request .lookup__input:is(:focus,:focus-visible) { border:0!important; outline:0!important; box-shadow:none!important; }
/* The native posts index keeps its query, pinned pages and article-card API. */
body.leiu-design-petrol.petrol-page-articles { background:#fff; }
body.leiu-design-petrol.petrol-page-articles .lu-news { padding:0 0 80px; background:#fff; }
body.leiu-design-petrol.petrol-page-articles .lu-news-inner { max-width:none; padding:0; }
body.leiu-design-petrol.petrol-page-articles .lu-news-mast { margin:0 0 64px; padding:160px 24px 72px; text-align:center; background:radial-gradient(ellipse at 50% 28%,rgba(78,113,110,.16),transparent 70%),linear-gradient(170deg,#101b1b,#0b1314 60%,#0d1717); border-radius:0 0 28px 28px; }
body.leiu-design-petrol.petrol-page-articles .lu-news-mast h1 { color:#fff; font:600 clamp(36px,4.5vw,52px)/1.12 Inter,Arial,sans-serif; letter-spacing:-.035em; }
body.leiu-design-petrol.petrol-page-articles .lu-news-lede { max-width:680px; margin:20px auto 0; color:#c0cecd; font:400 18px/1.65 Inter,Arial,sans-serif; }
body.leiu-design-petrol.petrol-page-articles :is(.lu-news-grid,.leiu-pagination) { max-width:1168px; margin-inline:auto; }
body.leiu-design-petrol.petrol-page-articles .lu-news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px 24px; padding:0 24px; }
body.leiu-design-petrol.petrol-page-articles .lu-news-card { min-width:0; background:transparent; border:0; box-shadow:none; border-radius:0; }
body.leiu-design-petrol.petrol-page-articles .lu-news-thumb { min-width:0; height:clamp(220px,22vw,250px); border-radius:16px; overflow:hidden; aspect-ratio:auto; }
body.leiu-design-petrol.petrol-page-articles .lu-news-card-body { padding:20px 0 0; }
body.leiu-design-petrol.petrol-page-articles .lu-news-card h2 { font:550 21px/1.3 Inter,Arial,sans-serif; color:#18282b; letter-spacing:-.025em; }
body.leiu-design-petrol.petrol-page-articles .lu-news-card p { font:400 16px/1.65 Inter,Arial,sans-serif; color:#586b6d; display:block; flex:0 0 auto; min-height:0; -webkit-line-clamp:unset; overflow:visible; }
body.leiu-design-petrol .contact-support-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px 20px; }
body.leiu-design-petrol .contact-aside .contact-support-actions .contact-support-hours { margin:0; font-size:14px; line-height:1.5; }
body.leiu-design-petrol .contact-support-actions .content-button { min-height:42px; padding:10px 16px; font-size:14px; }
body.leiu-design-petrol .contact-support .contact-support-hours { margin:0 0 20px; color:#d3e3e1; font-size:14px; line-height:1.5; font-weight:500; }
@media(max-width:720px) {
 body.leiu-design-petrol .question-answer { padding:2px 20px 26px; font-size:16px; }
 body.leiu-design-petrol .contact-company-card,
 body.leiu-design-petrol .contact-aside .contact-support { padding:28px; }
 body.leiu-design-petrol .contact-company-card .company-details > div { grid-template-columns:96px minmax(0,1fr); gap:14px; }
 body.leiu-design-petrol .contact-company-card .company-details dd { font-size:14px; }
 body.leiu-design-petrol:is(.petrol-page-create,.petrol-page-renew,.petrol-page-pricing) .questions-section { padding:48px 20px; }
 body.leiu-design-petrol .lei-contact-form-el { grid-template-columns:1fr; }
 body.leiu-design-petrol :is(.lu-lookup__hero,.lu-order-status__intro) { padding-top:136px; }
 body.leiu-design-petrol :is(.lu-lookup__lead,.lu-order-status__lead) { font-size:16px; }
 body.leiu-design-petrol .lu-lookup__stats { gap:24px; }
 body.leiu-design-petrol .lu-lookup__stat strong { font-size:24px; }
 body.leiu-design-petrol .lu-lookup__browse-title { font-size:20px; line-height:1.3; letter-spacing:-.025em; }
}

/* The archive cards must shrink with the one-column mobile grid. */
@media(max-width:760px) {
 body.leiu-design-petrol.petrol-page-articles .lu-news-grid { grid-template-columns:minmax(0,1fr); padding:0 4px; }
 body.leiu-design-petrol.petrol-page-articles .lu-news-card,
 body.leiu-design-petrol.petrol-page-articles .lu-news-thumb { min-width:0; width:100%; }
 body.leiu-design-petrol.petrol-page-articles .lu-news-thumb img { width:100%; }
}

/* Match the more restrained search control on the company record. */
body.leiu-design-petrol .lu-lookup.is-variant-flow .lu-lookup__searchwrap { max-width:760px; }
body.leiu-design-petrol .lu-lookup.is-variant-flow .lu-lookup__field { min-height:64px; padding:7px; border-radius:16px; background:rgb(244 249 247 / 88%); border-color:rgb(255 255 255 / 86%); box-shadow:inset 0 1px 0 rgb(255 255 255 / 92%),0 22px 52px -25px rgb(0 0 0 / 55%); backdrop-filter:blur(20px) saturate(150%); }
body.leiu-design-petrol .lu-lookup.is-variant-flow .lu-lookup__field:focus-within { border-color:#82b6b1; box-shadow:inset 0 1px 0 rgb(255 255 255 / 92%),0 22px 52px -25px rgb(0 0 0 / 55%); }
body.leiu-design-petrol .lu-lookup.is-variant-flow .lu-lookup__go { height:48px; align-self:center; border-radius:10px; padding:0 25px; }
body.leiu-design-petrol .lu-lookup.is-variant-flow .lu-lookup__input { height:48px; }
html body.leiu-design-petrol .lu-lookup.is-variant-flow .lu-lookup__hero .lu-lookup__stat strong { color:#b2c4c2; font-size:28px; }
@media(max-width:720px) {
 html body.leiu-design-petrol .lu-lookup.is-variant-flow .lu-lookup__hero .lu-lookup__stat strong { font-size:16px; }
}