.resource-page{--route-blue:#10447e;--route-navy:#102b4b;--route-muted:#738ca5;--route-pale:#eff4f9;--route-red:#ef2737}
.resource-page .vg-container{width:min(85%,1640px)}
.resource-page .route-hero{min-height:790px}
.resource-hero{background-image:linear-gradient(90deg,rgba(0,19,43,.9),rgba(0,25,53,.58) 48%,rgba(0,25,53,.05)),var(--resource-photo)}
.resource-hero--home{--resource-photo:url('../images/resources/resource-center-hero.png')}
.resource-hero--guides{--resource-photo:url('../images/resources/shipping-guides-hero.png')}
.resource-hero--cases{--resource-photo:url('../images/resources/case-studies-hero.png')}
.resource-hero--case-detail{--resource-photo:url('../images/resources/indonesia-case-hero.png')}
.resource-hero--faq{--resource-photo:url('../images/resources/faq-hero.png')}
.resource-hero h1{max-width:990px}
.resource-hero .route-hero-description{max-width:810px}
.resource-page .route-tint{background:var(--route-pale)}
.resource-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.resource-topic{display:flex;flex-direction:column;align-items:flex-start;min-height:545px;border:1px solid #d7e2ec;padding:36px 31px;background:#fff}
.resource-topic-number{color:var(--route-red);font-size:13px;font-weight:700;margin-bottom:43px}
.resource-topic h3{font-size:26px;margin-bottom:17px}
.resource-topic>p{font-size:15px;color:var(--route-muted);min-height:70px}
.resource-topic-links{width:100%;margin:22px 0 32px}
.resource-topic-links a{display:block;padding:13px 0;border-top:1px solid #dbe4ed;color:#385676;font-size:14px;font-weight:600}
.resource-topic-links a:last-child{border-bottom:1px solid #dbe4ed}
.resource-topic-links a:hover{color:var(--route-red)}
.resource-topic>.route-link{width:100%;justify-content:space-between;margin-top:auto}
.resource-topic--cta{background:var(--route-blue);border-color:var(--route-blue);color:#fff;justify-content:center}
.resource-topic--cta .route-eyebrow{color:var(--route-red);margin-bottom:30px}
.resource-topic--cta h3{font-size:39px;line-height:1.13;font-weight:500}
.resource-topic--cta>p{color:#d6e4f3;min-height:0;max-width:320px;margin:14px 0 28px}
.resource-topic--cta .route-button{margin-top:0}
.resource-connect-grid,.resource-support-grid,.resource-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.resource-connect-grid article{min-height:280px;background:#fff;border-top:3px solid var(--route-red);padding:34px 32px;display:flex;flex-direction:column;align-items:flex-start}
.resource-connect-grid b{font-size:19px;color:var(--route-red);margin-bottom:28px}
.resource-connect-grid h3{font-size:22px;margin-bottom:14px}
.resource-connect-grid p{font-size:15px;color:var(--route-muted)}
.resource-connect-grid .route-link{width:100%;justify-content:space-between;margin-top:auto}
.resource-feature-section{padding-top:15px}
.resource-feature{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}
.resource-feature>.vg-image-zoom{aspect-ratio:1.55}
.resource-feature .route-heading{margin-bottom:24px}
.resource-feature .route-heading h2{font-size:34px}
.resource-feature .route-heading>p:last-child{font-size:16px;line-height:1.7}
.resource-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.resource-photo-card{background:#fff;min-width:0;display:flex;flex-direction:column}
.resource-photo-card>.vg-image-zoom{aspect-ratio:1.8}
.resource-photo-card>div{padding:30px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.resource-photo-card h3{font-size:24px;margin-bottom:17px}
.resource-photo-card p:not(.route-eyebrow){color:var(--route-muted);font-size:15px;line-height:1.55;margin-bottom:28px}
.resource-photo-card .route-link{width:100%;justify-content:space-between;margin-top:auto}
.resource-support-grid .resource-photo-card{border:0}
.resource-support-grid .resource-photo-card>div{padding:25px 0}
.resource-support-grid .resource-photo-card h3{font-size:21px}
.resource-case-grid .resource-photo-card>div{padding:24px 25px}
.resource-case-grid .resource-photo-card h3{font-size:21px}
.resource-case-grid .resource-photo-card p:not(.route-eyebrow){min-height:70px}
.resource-case-grid .resource-photo-card .route-eyebrow{font-size:12px;margin-bottom:12px}
.resource-article-header{padding:8px 0 0}
.resource-article-header h1{font-size:clamp(40px,3vw,58px);line-height:1.12;letter-spacing:-.025em;max-width:1200px;margin:20px auto 20px}
.resource-article-header>p{font-size:17px;color:var(--route-muted);max-width:1100px;margin:0 auto 46px;line-height:1.65}
.resource-article-header>.vg-image-zoom{display:block;aspect-ratio:3.25}
.resource-article-header>.vg-image-zoom img{width:100%;height:100%;object-fit:cover}
.resource-article-section{padding-top:42px}
.resource-article-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:74px;align-items:start}
.resource-toc{position:sticky;top:125px;border-left:2px solid #d8e3ef;padding-left:20px}
.resource-toc .route-eyebrow{margin-bottom:17px;font-size:12px}
.resource-toc nav{display:grid;gap:13px}
.resource-toc a{font-size:13px;line-height:1.45;color:#58728b}
.resource-toc a:hover,.resource-toc a.is-current{color:var(--route-blue);font-weight:700}
.resource-article-body{min-width:0}
.resource-article-part{scroll-margin-top:125px;border-bottom:1px solid #d8e3ec;padding:0 0 45px;margin-bottom:46px}
.resource-article-part:last-child{border-bottom:0}
.resource-article-part h2{font-size:clamp(25px,2.05vw,37px);margin-bottom:25px}
.resource-article-part>p,.resource-article-part li{color:#627b94;font-size:16px;line-height:1.78}
.resource-callout{border-top:3px solid var(--route-blue);background:#f1f5f9;padding:26px 30px;color:#536f89;font-size:16px;line-height:1.7}
.resource-article-part .route-table td,.resource-article-part .route-table th{font-size:14px}
.resource-article-part .route-table td{padding:17px 20px}
.resource-steps{display:grid;gap:8px}
.resource-steps article{display:flex;gap:30px;background:#f0f4f9;padding:22px 27px;align-items:flex-start}
.resource-steps b{font-size:26px;color:#9fb8cf;min-width:42px;line-height:1}
.resource-steps h3{font-size:19px;margin-bottom:7px}
.resource-steps p{font-size:14px;color:var(--route-muted);margin:0}
.resource-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.resource-tiles article{background:#f1f5f9;padding:28px 25px;min-height:180px}
.resource-tiles h3{font-size:18px;margin-bottom:15px}
.resource-tiles p{font-size:14px;color:var(--route-muted);margin:0}
.resource-related{padding-left:24px}
.resource-related li{margin-bottom:12px}
.resource-article-part .route-faq-list summary{font-size:18px;padding:23px 0}
.resource-article-part .route-faq-list p{font-size:15px}
.resource-faq-heading h2{margin-bottom:16px}
.resource-faq-heading p{color:var(--route-muted);max-width:760px;font-size:16px}
.resource-faq-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#f3f6fa;padding:18px 22px;margin:48px 0 28px}
.resource-faq-toolbar>div{display:flex;flex-wrap:wrap;gap:8px}
.resource-faq-toolbar button{border:1px solid #d4e0ec;background:#fff;color:var(--route-navy);padding:12px 17px;font-size:14px;font-weight:700}
.resource-faq-toolbar button[aria-pressed=true],.resource-faq-toolbar button:hover{background:var(--route-blue);border-color:var(--route-blue);color:#fff}
.resource-faq-toolbar input{height:44px;width:230px;border:1px solid #d4e0ec;padding:10px 12px;color:var(--route-navy)}
.resource-faq-list{padding:0 28px}
.resource-faq-list details[hidden]{display:none}
.resource-faq-list summary{font-size:19px}
.resource-faq-empty{color:var(--route-muted);padding:20px;text-align:center}
.resource-form-note{color:#bdd5eb;font-size:13px}
@media(max-width:1100px){.resource-page .vg-container{width:min(calc(100% - 72px),1640px)}.resource-topic-grid,.resource-case-grid,.resource-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-topic{min-height:490px}.resource-article-grid{grid-template-columns:200px minmax(0,1fr);gap:35px}.resource-faq-toolbar{align-items:flex-start;flex-direction:column}.resource-faq-toolbar input{width:min(360px,100%)}}
@media(max-width:900px){.resource-article-grid,.resource-feature{grid-template-columns:1fr}.resource-toc{display:none}.resource-connect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.resource-page .vg-container{width:calc(100% - 36px)}.resource-page .route-hero{min-height:590px}.resource-topic-grid,.resource-guide-grid,.resource-connect-grid,.resource-feature,.resource-article-grid{grid-template-columns:1fr}.resource-topic{min-height:0}.resource-feature{gap:28px}.resource-support-grid,.resource-case-grid,.resource-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-toc{position:static;display:none}.resource-article-header h1,.resource-article-header>p{margin-left:0}.resource-article-header>.vg-image-zoom{aspect-ratio:2}.resource-faq-list{padding:0}.resource-faq-toolbar{margin:28px 0}}
@media(max-width:520px){.resource-support-grid,.resource-case-grid,.resource-tiles{grid-template-columns:1fr}.resource-hero h1{font-size:42px}.resource-article-header>.vg-image-zoom{aspect-ratio:1.5}.resource-steps article{padding:20px 17px;gap:16px}.resource-faq-toolbar button{font-size:12px;padding:9px 11px}.resource-faq-list summary{font-size:17px}}

/* Theme addition: on the FAQs page the category chips are real links and the
   search is a GET form, so filtering works without JavaScript and each state
   has its own URL. The links and the submit button reuse the original button
   styling above. */
.resource-faq-toolbar a{border:1px solid #d4e0ec;background:#fff;color:var(--route-navy);padding:12px 17px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}
.resource-faq-toolbar a[aria-current=page],.resource-faq-toolbar a:hover{background:var(--route-blue);border-color:var(--route-blue);color:#fff}
.resource-faq-toolbar form{display:flex;align-items:center;gap:8px;margin:0}
.resource-faq-toolbar form label{display:block;margin:0}
.resource-faq-toolbar button{cursor:pointer}
@media(max-width:760px){.resource-faq-toolbar form{flex-wrap:wrap;width:100%}}
@media(max-width:520px){.resource-faq-toolbar a{font-size:12px;padding:9px 11px}}