/* TradeRoute EU site styles. Tokens follow the TradeRoute EU design system. */
:root:root{
--global-palette1:#c23800;--global-palette2:#9e2e00;--global-palette3:#14263f;--global-palette4:#14263f;--global-palette5:#536379;--global-palette6:#76859a;--global-palette7:#d5dce6;--global-palette8:#f3f6fa;--global-palette9:#ffffff;
--tr-navy:#1a385e;--tr-orange:#fe4900;--tr-surface:#ffffff;--tr-alt:#f3f6fa;--tr-ink:#14263f;--tr-muted:#536379;--tr-border:#d5dce6;--tr-border-strong:#76859a;--tr-accent:#c23800;--tr-accent-dark:#9e2e00;--tr-tint:#fff1ea;--tr-on-inv:#ffffff;--tr-on-inv-muted:#c5d0df;--tr-accent-on-inv:#ffa574;--tr-focus:#1f5fa8;--tr-danger:#b42318;--tr-success:#0f766e;
--tr-mono:"Fira Mono",ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
--tr-shadow:0 1px 2px rgba(20,38,63,.06),0 8px 24px rgba(20,38,63,.1);
}

/* Header */
.site-header .custom-logo{max-height:44px;width:auto}
.site-branding .site-title,.site-branding .site-description{display:none}
#masthead{position:sticky;top:0;z-index:100;background:var(--tr-surface)}
.admin-bar #masthead{top:32px}
.header-navigation .menu{align-items:center}
.header-navigation .menu>li.tr-nav-cta{order:9}
.header-navigation .menu>li.tr-nav-cta>a,.mobile-navigation li.tr-nav-cta>a{background:var(--tr-accent);color:#fff!important;border-radius:8px;padding:.65em 1.25em!important;font-weight:600;margin-left:.5em}
.header-navigation .menu>li.tr-nav-cta>a:hover{background:var(--tr-accent-dark)}
.header-navigation .menu>li.tr-lang>a{border:1px solid var(--tr-border);border-radius:8px;padding:.45em .8em!important;font-size:14px;color:var(--tr-muted)}
.header-navigation .menu>li.tr-lang>a::after{content:"";display:inline-block;margin-left:.5em;border:4px solid transparent;border-top-color:currentColor;transform:translateY(2px)}
.header-navigation .menu>li.tr-lang{position:relative}
.header-navigation .menu>li.tr-lang>ul.sub-menu{display:none;position:absolute;right:0;top:100%;min-width:170px;margin:0;padding:6px;list-style:none;background:var(--tr-surface);border:1px solid var(--tr-border);border-radius:8px;box-shadow:var(--tr-shadow);z-index:200}
.header-navigation .menu>li.tr-lang:hover>ul.sub-menu,.header-navigation .menu>li.tr-lang:focus-within>ul.sub-menu{display:block}
.header-navigation .menu>li.tr-lang>ul.sub-menu a{display:block;padding:8px 12px;border-radius:4px;color:var(--tr-ink);font-size:15px;text-decoration:none;width:auto}
.header-navigation .menu>li.tr-lang>ul.sub-menu a:hover{background:var(--tr-alt);color:var(--tr-accent)}
.mobile-navigation li.tr-lang>ul.sub-menu{display:block!important}
.mobile-navigation li.tr-nav-cta>a{display:inline-block;margin:.75em 0 0}

/* Page building blocks */
.tr-page{font-size:16px;line-height:1.625;color:var(--tr-ink)}
.tr-page *,.tr-footer *,.tr-cb *,.tr-form *{box-sizing:border-box}
.tr-page h1,.tr-page h2,.tr-page h3,.tr-page p,.tr-page ul,.tr-page ol,.tr-page dl,.tr-page dd,.tr-page figure{margin:0}
.tr-wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.tr-sec{padding:88px 0}
.tr-sec+.tr-sec:not(.tr-alt){padding-top:0}
.tr-alt+.tr-sec:not(.tr-alt){padding-top:88px}
.tr-alt{background:var(--tr-alt)}
.tr-eyebrow{font-size:13px;line-height:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tr-accent)}
.tr-mono{font-family:var(--tr-mono);font-size:14px;line-height:22px;font-weight:500;letter-spacing:0}
.tr-eyebrow.tr-mono{text-transform:none;letter-spacing:.02em}
.tr-muted{color:var(--tr-muted)}
.tr-small{font-size:14px;line-height:22px}
.tr-lead{font-size:19px;line-height:30px;color:var(--tr-muted);max-width:34em}
.tr-row{display:flex;flex-wrap:wrap;gap:12px}
.tr-page h2{font-size:30px;line-height:38px;font-weight:600;color:var(--tr-ink);text-wrap:balance}
.tr-page h3{font-size:22px;line-height:30px;font-weight:600;color:var(--tr-ink)}
.tr-head{display:flex;flex-direction:column;gap:12px;max-width:680px;margin-bottom:40px}
.tr-head--row{max-width:none;flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px}
.tr-head--row>div{display:flex;flex-direction:column;gap:12px;max-width:680px}
.tr-more{font-weight:600;color:var(--tr-accent);text-decoration:none}
.tr-more:hover{text-decoration:underline}

/* Buttons */
.tr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:8px;border:2px solid transparent;font:inherit;font-weight:600;line-height:1;text-decoration:none!important;cursor:pointer;white-space:nowrap}
.tr-btn--accent{background:var(--tr-accent);color:#fff!important}
.tr-btn--accent:hover{background:var(--tr-accent-dark)}
.tr-btn--primary{background:var(--tr-navy);color:#fff!important}
.tr-btn--primary:hover{background:#14263f}
.tr-btn--outline{background:transparent;border-color:var(--tr-border-strong);color:var(--tr-ink)!important}
.tr-btn--outline:hover{border-color:var(--tr-ink)}
.tr-btn--light{background:#fff;color:var(--tr-ink)!important}
.tr-btn--light:hover{background:var(--tr-alt)}
.tr-btn:focus-visible{outline:3px solid var(--tr-focus);outline-offset:2px}
.tr-cta .tr-btn:focus-visible{outline-color:#fff}
.tr-btn[disabled]{opacity:.55;cursor:not-allowed}

/* Page hero */
.tr-phero{padding:56px 0 64px;background:var(--tr-surface)}
.tr-phero__in{display:flex;flex-wrap:wrap;gap:40px 56px;align-items:stretch}
.tr-phero__copy{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px}
.tr-phero h1{font-size:clamp(34px,4.4vw,48px);line-height:1.1;font-weight:700;letter-spacing:-.015em;color:var(--tr-ink);text-wrap:balance}
.tr-phero--home h1{font-size:clamp(36px,5vw,56px);line-height:1.08;letter-spacing:-.02em}
.tr-phero__art{flex:1 1 340px;min-width:0;position:relative}
.tr-phero__art img{display:block;width:100%;height:100%;min-height:300px;max-height:440px;object-fit:cover;border-radius:16px}
.tr-phero__art::after{content:"";position:absolute;right:-12px;bottom:-12px;width:38%;height:34%;border-radius:16px;background:var(--tr-orange);z-index:-1}
.tr-phero__art{z-index:0}

/* Trust bar */
.tr-trust{background:var(--tr-alt);border-top:1px solid var(--tr-border);border-bottom:1px solid var(--tr-border);padding:24px 0}
.tr-trust .tr-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px 32px}
.tr-trust strong{display:block;font-weight:600}
.tr-trust span{font-size:14px;line-height:22px;color:var(--tr-muted)}

/* Prose */
.tr-prose{display:flex;flex-direction:column;gap:16px}
.tr-prose>*{max-width:68ch}
.tr-prose h2{margin-top:8px}
.tr-prose h2:first-child{margin-top:0}
.tr-prose h3{margin-top:12px}
.tr-prose ul,.tr-prose ol{padding-left:1.25em;display:flex;flex-direction:column;gap:8px}
.tr-prose li::marker{color:var(--tr-accent)}
.tr-page a:not(.tr-btn){color:var(--tr-accent)}
.tr-page a:not(.tr-btn):hover{color:var(--tr-accent-dark)}

/* Cards */
.tr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.tr-card{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--tr-border);border-radius:16px;background:var(--tr-surface);transition:border-color .15s,box-shadow .15s,transform .15s}
.tr-card:hover{border-color:var(--tr-border-strong);box-shadow:var(--tr-shadow);transform:translateY(-2px)}
.tr-card__k{color:var(--tr-accent)}
.tr-card p{color:var(--tr-muted)}
.tr-card>a{margin-top:auto;font-weight:600;text-decoration:none}
.tr-card>a:hover{text-decoration:underline}
.tr-card>a::after{content:" \2192"}

/* Steps */
.tr-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}
.tr-step{display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:3px solid var(--tr-navy)}
.tr-step .tr-mono{color:var(--tr-muted)}
.tr-step p{color:var(--tr-muted)}

/* Facts */
.tr-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 32px;border-bottom:1px solid var(--tr-border);max-width:none}
.tr-facts>div{display:flex;flex-direction:column;gap:4px;padding:16px 0;border-top:1px solid var(--tr-border)}
.tr-facts dt{font-size:14px;line-height:22px;color:var(--tr-muted)}
.tr-facts dd{font-weight:500}
.tr-prose .tr-facts{max-width:none}

/* Split */
.tr-split{display:flex;flex-wrap:wrap;gap:40px 64px;align-items:flex-start}
.tr-split>*{flex:1 1 380px;min-width:0}
.tr-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:16px}
.tr-figure figcaption{margin-top:8px;font-size:14px;line-height:22px;color:var(--tr-muted)}

/* FAQ */
.tr-faq{display:flex;flex-direction:column;border-bottom:1px solid var(--tr-border);max-width:820px}
.tr-faq details{border-top:1px solid var(--tr-border)}
.tr-faq summary{display:flex;justify-content:space-between;gap:16px;padding:18px 0;font-size:18px;line-height:28px;font-weight:600;cursor:pointer;list-style:none}
.tr-faq summary::-webkit-details-marker{display:none}
.tr-faq summary::after{content:"+";flex:none;font-family:var(--tr-mono);font-size:22px;color:var(--tr-accent)}
.tr-faq details[open] summary::after{content:"\2212"}
.tr-faq summary:focus-visible{outline:3px solid var(--tr-focus);outline-offset:2px}
.tr-faq details>p{padding:0 0 20px;color:var(--tr-muted);max-width:68ch}

/* Lanes */
.tr-lanes{display:flex;flex-wrap:wrap;gap:40px 64px}
.tr-lanes__intro{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.tr-lanes__intro a{font-weight:600;text-decoration:none}
.tr-lanes__list{flex:1.4 1 440px;min-width:0;border-bottom:1px solid var(--tr-border)}
.tr-lane{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;padding:20px 0;border-top:1px solid var(--tr-border)}
.tr-lane strong{display:block;font-size:22px;line-height:30px;font-weight:600}
.tr-lane .tr-mono{color:var(--tr-muted)}

/* Call to action and stripe motif */
.tr-cta{display:flex;flex-wrap:wrap;border-radius:16px;overflow:hidden;background:var(--tr-navy)}
.tr-cta__copy{flex:2 1 420px;min-width:0;padding:56px 48px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.tr-page .tr-cta h2{font-size:34px;line-height:40px;font-weight:700;color:#fff}
.tr-cta p{color:var(--tr-on-inv-muted);max-width:34em}
.tr-cta__art,.tr-stripes{position:relative;overflow:hidden}
.tr-cta__art{flex:1 1 240px;min-height:160px}
.tr-cta__art i,.tr-stripes i{position:absolute;top:0;bottom:0;transform:skewX(-20deg);transform-origin:bottom}
.tr-cta__art i:nth-child(1){left:30%;width:22%;background:var(--tr-orange)}
.tr-cta__art i:nth-child(2){left:62%;width:12%;background:#fff}
.tr-cta__art i:nth-child(3){left:84%;width:60%;background:var(--tr-orange)}
.tr-stripes{background:var(--tr-alt)}
.tr-stripes i:nth-child(1){left:18%;width:26%;background:var(--tr-tint)}
.tr-stripes i:nth-child(2){left:44%;width:20%;background:var(--tr-orange)}
.tr-stripes i:nth-child(3){left:64%;width:80%;background:var(--tr-navy)}

/* Post cards */
.tr-post{display:flex;flex-direction:column;border:1px solid var(--tr-border);border-radius:16px;background:var(--tr-surface);overflow:hidden;transition:border-color .15s,box-shadow .15s}
.tr-post:hover{border-color:var(--tr-border-strong);box-shadow:var(--tr-shadow)}
.tr-post__img{aspect-ratio:16/9;overflow:hidden}
.tr-post__img img{display:block;width:100%;height:100%;object-fit:cover}
.tr-post__body{display:flex;flex-direction:column;gap:12px;padding:24px}
.tr-post__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.tr-post__meta time{color:var(--tr-muted)}
.tr-post h3 a{color:var(--tr-ink)!important;text-decoration:none}
.tr-post h3 a:hover{text-decoration:underline}
.tr-post p{color:var(--tr-muted)}

/* Form */
.tr-form{display:flex;flex-direction:column;gap:16px;padding:32px;border:1px solid var(--tr-border);border-radius:16px;background:var(--tr-surface);box-shadow:var(--tr-shadow)}
.tr-form__step{display:flex;flex-direction:column;gap:16px;margin:0;padding:0;border:0;min-width:0}
.tr-form__step[hidden]{display:none}
.tr-form legend{padding:0;margin-bottom:8px;font-size:22px;line-height:30px;font-weight:600;color:var(--tr-ink)}
.tr-form legend .tr-mono{display:block;color:var(--tr-accent)}
.tr-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.tr-field label{font-size:14px;line-height:22px;font-weight:600;color:var(--tr-ink)}
.tr-field input,.tr-field select,.tr-field textarea{width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--tr-border-strong);border-radius:8px;background:var(--tr-surface);color:var(--tr-ink);font:inherit;font-size:16px;line-height:24px}
.tr-field textarea{min-height:110px;resize:vertical}
.tr-field input:focus-visible,.tr-field select:focus-visible,.tr-field textarea:focus-visible{outline:3px solid var(--tr-focus);outline-offset:1px}
.tr-field [aria-invalid="true"]{border-color:var(--tr-danger);border-width:2px}
.tr-field__error{font-size:14px;line-height:22px;font-weight:500;color:var(--tr-danger)}
.tr-form__note{margin:0;font-size:14px;line-height:22px;color:var(--tr-muted)}
.tr-form__status{margin:0;font-weight:600}
.tr-form__status:empty{display:none}
.tr-form__status.is-ok{color:var(--tr-success);font-size:19px;line-height:30px}
.tr-form__status.is-err{color:var(--tr-danger)}
.tr-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* Footer */
.site-footer:not(.tr-footer){display:none}
.tr-footer{background:var(--tr-navy);color:var(--tr-on-inv-muted);font-size:14px;line-height:22px;padding:56px 0 32px}
.tr-footer__grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:32px}
.tr-footer__brand{display:flex;flex-direction:column;gap:8px}
.tr-footer__brand img{display:block;align-self:flex-start;flex:none;height:48px;width:auto;max-width:100%;object-fit:contain;margin-bottom:8px}
.tr-footer p{margin:0}
.tr-footer h2{margin:0 0 12px;font-size:13px;line-height:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.tr-footer ul{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
.tr-footer a,.tr-linkbtn{color:var(--tr-on-inv-muted);text-decoration:none}
.tr-footer a:hover,.tr-linkbtn:hover{color:var(--tr-accent-on-inv)}
.tr-footer a:focus-visible,.tr-linkbtn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.tr-linkbtn{padding:0;border:0;background:none;font:inherit;cursor:pointer;text-align:left}
.tr-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;margin-top:40px;padding-top:24px;border-top:1px solid rgba(197,208,223,.35)}
.tr-footer__langs{display:flex;flex-wrap:wrap;gap:8px 16px}

/* Cookie banner and language suggestion */
.tr-cb{position:fixed;left:16px;right:16px;bottom:16px;z-index:9999;max-width:560px;margin:0 auto 0 0;padding:20px;border:1px solid var(--tr-border);border-radius:16px;background:var(--tr-surface);color:var(--tr-ink);box-shadow:var(--tr-shadow);font-size:15px;line-height:24px}
.tr-cb p{margin:0 0 14px}
.tr-cb a{color:var(--tr-accent)}
.tr-cb .tr-row{align-items:center}
.tr-cb .tr-btn{min-height:44px;padding:0 20px;font-size:15px}
.tr-sugg{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;padding:10px 16px;background:var(--tr-navy);color:#fff;font-size:15px;line-height:22px}
.tr-sugg a{color:var(--tr-accent-on-inv);font-weight:600}
.tr-sugg button{border:0;background:none;color:var(--tr-on-inv-muted);font:inherit;font-size:20px;line-height:1;cursor:pointer;padding:4px 8px}

/* Blog (theme templates) */
.single-post .entry-content h2{margin-top:1.6em}
.single-post .entry-content{font-size:18px;line-height:30px}
.single-post .entry-content>*{max-width:70ch}
.blog .entry-title a:hover,.archive .entry-title a:hover{color:var(--tr-accent)}

@media (max-width:820px){
.tr-footer__grid{grid-template-columns:1fr 1fr}
.tr-footer__brand{grid-column:1/-1}
}
@media (max-width:600px){
.tr-wrap{padding:0 16px}
.tr-sec{padding:56px 0}
.tr-alt+.tr-sec:not(.tr-alt){padding-top:56px}
.tr-phero{padding:32px 0 48px}
.tr-cta__copy{padding:40px 24px}
.tr-form{padding:20px}
.tr-phero__art::after{display:none}
.admin-bar #masthead{top:0}
}
@media (prefers-reduced-motion:reduce){.tr-card,.tr-post{transition:none}.tr-card:hover{transform:none}}

/* == rhythm and components == */

/* Admin-only Hostinger assistant must never sit on top of the header */
#vue-app{display:none!important}

/* Header */
.header-navigation .menu>li.tr-lang{order:8;margin-left:8px}
.header-navigation .menu>li.tr-nav-cta{order:9;margin-left:8px}
.header-navigation .menu>li.tr-nav-cta>a{margin-left:0;white-space:nowrap}

/* Vertical rhythm: one section spacing for every page */
.tr-sec{padding:80px 0}
.tr-alt+.tr-sec:not(.tr-alt){padding-top:80px}
.tr-head{margin-bottom:36px}

/* Icons */
.tr-ic{display:inline-grid;place-items:center;flex:none;width:48px;height:48px;border-radius:12px;background:var(--tr-tint);color:var(--tr-accent)}
.tr-ic svg{display:block;width:24px;height:24px}
.tr-card>.tr-ic{margin-bottom:4px}

/* Process steps: icon tiles joined by a dashed connector */
.tr-step{border-top:0;padding-top:0;gap:10px}
.tr-step__top{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.tr-step .tr-ic{width:56px;height:56px;border-radius:50%;background:var(--tr-navy);color:#fff}
.tr-step__line{position:relative;flex:1;min-width:24px;height:2px;background:repeating-linear-gradient(90deg,var(--tr-border-strong) 0 6px,transparent 6px 12px)}
.tr-step__line::after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:2px solid var(--tr-border-strong);border-right:2px solid var(--tr-border-strong);transform:rotate(45deg)}
.tr-step:last-child .tr-step__line{visibility:hidden}
.tr-steps{gap:32px 24px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}

/* Trust bar and lanes with icons */
.tr-trust__i{display:flex;align-items:center;gap:14px}
.tr-trust__i .tr-ic{width:44px;height:44px;border-radius:10px;background:var(--tr-surface)}
.tr-trust__i strong{display:block}
.tr-lane__c{display:flex;align-items:center;gap:16px}
.tr-lane__c .tr-ic{border-radius:50%}

/* Mini quote bar */
.tr-miniq{background:var(--tr-surface)}
.tr-miniq__form{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px;margin:40px 0 0;padding:22px 28px;border:1px solid var(--tr-border);border-radius:16px;background:var(--tr-surface);box-shadow:var(--tr-shadow)}
.tr-miniq__title{display:flex;align-items:center;gap:14px;font-size:18px;line-height:26px;color:var(--tr-ink)}
.tr-miniq__fields{flex:1 1 560px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px 16px;align-items:end}
.tr-miniq__fields label{display:flex;flex-direction:column;gap:4px;min-width:0}
.tr-miniq__fields label span{font-size:13px;line-height:18px;font-weight:600;color:var(--tr-muted)}
.tr-miniq__fields input,.tr-miniq__fields select{width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--tr-border-strong);border-radius:8px;background:var(--tr-surface);color:var(--tr-ink);font:inherit;font-size:16px}
.tr-miniq__fields input:focus-visible,.tr-miniq__fields select:focus-visible{outline:3px solid var(--tr-focus);outline-offset:1px}
@media (max-width:900px){.tr-miniq__fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tr-miniq__fields .tr-btn{grid-column:1/-1}}
@media (max-width:560px){.tr-miniq__fields{grid-template-columns:minmax(0,1fr)}.tr-miniq__form{padding:18px}}

/* Inner page header: a navy band with the photo overlapping its lower edge. The home page keeps its own split hero. */
.tr-phero:not(.tr-phero--home){position:relative;padding:28px 0 56px;background-color:var(--tr-navy);background-image:linear-gradient(106deg,transparent 0 76%,#234b7d 76% 91%,var(--tr-orange) 91% 93.2%,#234b7d 93.2% 100%);color:var(--tr-on-inv)}
.tr-phero:not(.tr-phero--home):has(.tr-phero__art){padding-bottom:0}
.tr-phero:not(.tr-phero--home) .tr-phero__in{flex-direction:column;flex-wrap:nowrap;gap:0;align-items:stretch}
.tr-phero:not(.tr-phero--home) .tr-phero__copy{flex:none;max-width:700px;justify-content:flex-start;gap:16px;padding-bottom:40px}
.tr-phero:not(.tr-phero--home) h1{font-size:clamp(32px,4vw,42px);line-height:1.12;color:#fff}
.tr-phero:not(.tr-phero--home) .tr-eyebrow{color:var(--tr-accent-on-inv)}
.tr-phero:not(.tr-phero--home) .tr-lead{color:var(--tr-on-inv-muted);font-size:18px;line-height:28px}
.tr-phero:not(.tr-phero--home) .tr-btn--accent{background:#fff;color:var(--tr-ink)!important}
.tr-phero:not(.tr-phero--home) .tr-btn--accent:hover{background:var(--tr-alt)}
.tr-phero:not(.tr-phero--home) .tr-btn--outline{border-color:#fff;color:#fff!important}
.tr-phero:not(.tr-phero--home) .tr-btn--outline:hover{background:rgba(255,255,255,.12)}
.tr-phero:not(.tr-phero--home) .tr-btn:focus-visible{outline-color:#fff}
.tr-phero:not(.tr-phero--home) .tr-phero__art{flex:none;position:relative;z-index:2;margin-bottom:-64px}
.tr-phero:not(.tr-phero--home) .tr-phero__art::after{display:none}
.tr-phero:not(.tr-phero--home) .tr-phero__art img{width:100%;height:auto;aspect-ratio:21/8;min-height:0;max-height:340px;object-fit:cover;border-radius:16px;box-shadow:var(--tr-shadow)}
.tr-phero:has(.tr-phero__art):not(.tr-phero--home)+.tr-sec{padding-top:144px}
.tr-phero:has(.tr-phero__art):not(.tr-phero--home)+.tr-sec.tr-alt{padding-top:144px}

/* Breadcrumb */
.tr-bc{margin:0 0 20px;font-size:14px;line-height:22px}
.tr-bc ol{display:flex;flex-wrap:wrap;gap:2px 0;margin:0;padding:0;list-style:none}
.tr-bc li{display:flex;align-items:center}
.tr-bc li+li::before{content:"\203A";margin:0 10px;color:var(--tr-on-inv-muted)}
.tr-bc a{color:var(--tr-on-inv-muted)!important;text-decoration:none}
.tr-bc a:hover{color:#fff!important;text-decoration:underline}
.tr-bc [aria-current]{color:#fff}

/* Calculators */
.tr-tool{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:stretch}
.tr-tool__panel{padding:28px;border:1px solid var(--tr-border);border-radius:16px;background:var(--tr-surface);display:flex;flex-direction:column;gap:20px}
.tr-tool__title{display:flex;align-items:center;gap:14px;font-size:20px;line-height:28px}
.tr-tool__units{display:flex;flex-wrap:wrap;gap:12px 20px}
.tr-tool__units label{min-width:140px}
.tr-tool__units label,.tr-tool__f{display:flex;flex-direction:column;gap:4px;min-width:0}
.tr-tool__units label span,.tr-tool__f>span:first-child{font-size:13px;line-height:18px;font-weight:600;color:var(--tr-muted)}
.tr-tool input,.tr-tool select{width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--tr-border-strong);border-radius:8px;background:var(--tr-surface);color:var(--tr-ink);font:inherit;font-size:16px}
.tr-tool input:focus-visible,.tr-tool select:focus-visible,.tr-tool button:focus-visible{outline:3px solid var(--tr-focus);outline-offset:1px}
.tr-tool__lines{display:flex;flex-direction:column;gap:14px}
.tr-tool__line{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:12px;align-items:end}
.tr-tool__line:not([data-line]){grid-template-columns:repeat(2,minmax(0,1fr))}
.tr-tool__line--duty{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.tr-tool__in{position:relative;display:block}
.tr-tool__in i{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--tr-muted)}
.tr-tool__rm{width:44px;height:44px;border:1px solid var(--tr-border);border-radius:8px;background:var(--tr-surface);color:var(--tr-muted);font-size:22px;line-height:1;cursor:pointer}
.tr-tool__rm:hover{border-color:var(--tr-danger);color:var(--tr-danger)}
.tr-tool__add{align-self:flex-start;padding:6px 0;border:0;background:none;color:var(--tr-accent);font:inherit;font-weight:600;cursor:pointer}
.tr-tool__add:hover{text-decoration:underline}
.tr-tool__result{padding:28px;border-radius:16px;background:var(--tr-navy);color:var(--tr-on-inv);display:flex;flex-direction:column;gap:18px;min-width:0}
.tr-tool__big{display:flex;flex-direction:column;gap:2px}
.tr-tool__bl{font-size:13px;line-height:18px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tr-accent-on-inv)}
.tr-tool__big strong{font-size:44px;line-height:52px;font-weight:700;letter-spacing:-.01em;color:#fff;overflow-wrap:anywhere}
.tr-tool__big small{font-size:20px;font-weight:500;color:var(--tr-on-inv-muted)}
.tr-tool__rows{display:flex;flex-direction:column;margin:0;border-bottom:1px solid rgba(197,208,223,.3)}
.tr-tool__rows>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid rgba(197,208,223,.3)}
.tr-tool__rows dt{color:var(--tr-on-inv-muted);font-size:14px;line-height:22px}
.tr-tool__rows dd{margin:0;font-weight:600;text-align:right;font-size:15px}
.tr-tool__note,.tr-tool__hint{margin:0;font-size:14px;line-height:22px;color:var(--tr-on-inv-muted)}
.tr-tool__result .tr-btn{align-self:flex-start}
@media (max-width:960px){.tr-tool{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){.tr-tool__line{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-tool__rm{grid-column:1/-1;width:100%}.tr-tool__panel,.tr-tool__result{padding:20px}.tr-tool__big strong{font-size:36px;line-height:44px}}

/* Sticky quote button on phones */
.tr-sticky-cta{position:fixed;left:16px;right:16px;bottom:16px;z-index:9000;display:none;box-shadow:var(--tr-shadow)}
.tr-sticky-cta.is-on{display:inline-flex}
@media (min-width:701px){.tr-sticky-cta{display:none!important}}

@media (max-width:760px){
.tr-phero:not(.tr-phero--home){background-image:none;padding-top:20px}
.tr-phero:not(.tr-phero--home) .tr-phero__copy{padding-bottom:28px}
.tr-phero:not(.tr-phero--home) .tr-phero__art{margin-bottom:-40px}
.tr-phero:not(.tr-phero--home) .tr-phero__art img{aspect-ratio:16/9}
.tr-phero:has(.tr-phero__art):not(.tr-phero--home)+.tr-sec,.tr-phero:has(.tr-phero__art):not(.tr-phero--home)+.tr-sec.tr-alt{padding-top:96px}
.tr-step__line{display:none}
}

/* == visual pass == */

/* Less template, more editorial: headings carry the section, no eyebrow above every one */
.tr-page h2{font-size:34px;line-height:40px;font-weight:700;letter-spacing:-.015em}
.tr-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:12px 56px;align-items:end;max-width:none;margin-bottom:40px}
.tr-head:not(:has(p)){grid-template-columns:minmax(0,1fr)}
.tr-head .tr-eyebrow{display:none}
.tr-head:has(+ .tr-faq) .tr-eyebrow{display:block;grid-column:1/-1}
.tr-head h2{grid-column:1}
.tr-head p{grid-column:2;margin:0;padding-bottom:4px}
.tr-head--row{display:flex}
@media (max-width:760px){.tr-head{grid-template-columns:minmax(0,1fr);gap:10px}.tr-head p{grid-column:1}.tr-page h2{font-size:28px;line-height:34px}}

/* Quieter surfaces: smaller radius, no lifting cards */
.tr-card,.tr-post,.tr-form,.tr-tool__panel,.tr-tool__result,.tr-cta,.tr-figure img,.tr-miniq__form,.tr-infocard,.tr-modes__c,.tr-bw__n,.tr-rel__i{border-radius:12px}
.tr-phero__art img{border-radius:12px}
.tr-card:hover{transform:none;box-shadow:none;border-color:var(--tr-ink)}
.tr-card .tr-card__k{order:3;margin-top:4px;color:var(--tr-muted);font-size:13px;line-height:20px}
.tr-card>.tr-ic{order:0}
.tr-card>h3,.tr-card__body>h3{order:1}
.tr-card>p,.tr-card__body>p{order:2}
.tr-card>a,.tr-card__body>a{order:4}

/* Home hero: a real data card instead of a decorative block */
.tr-phero--home .tr-phero__art::after{display:none}
.tr-routecard{position:absolute;left:-28px;bottom:32px;display:flex;flex-direction:column;gap:2px;max-width:250px;padding:14px 18px;border:1px solid var(--tr-border);border-radius:10px;background:var(--tr-surface);box-shadow:var(--tr-shadow)}
.tr-routecard__r{color:var(--tr-muted);font-size:13px}
.tr-routecard strong{font-size:26px;line-height:32px;color:var(--tr-ink)}
.tr-routecard__n{font-size:13px;line-height:20px;color:var(--tr-muted)}
@media (max-width:760px){.tr-routecard{left:12px;bottom:12px;padding:10px 14px}.tr-routecard strong{font-size:20px;line-height:26px}}

/* Trust bar: plain columns */
.tr-trust__i .tr-ic{display:none}
.tr-trust .tr-wrap>div{padding-left:20px;border-left:1px solid var(--tr-border-strong)}
.tr-trust .tr-wrap>div:first-child{padding-left:0;border-left:0}
@media (max-width:760px){.tr-trust .tr-wrap>div,.tr-trust .tr-wrap>div:first-child{padding-left:0;border-left:0}}

/* Photo cards: services and industries */
.tr-grid--photo{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.tr-grid--photo>.tr-card:nth-child(1){grid-column:span 7}
.tr-grid--photo>.tr-card:nth-child(2){grid-column:span 5}
.tr-grid--photo>.tr-card:nth-child(3){grid-column:span 5}
.tr-grid--photo>.tr-card:nth-child(4){grid-column:span 7}
.tr-grid--photo>.tr-card:nth-child(5){grid-column:span 6}
.tr-grid--photo>.tr-card:nth-child(6){grid-column:span 6}
.tr-grid--photo:has(> .tr-card:nth-child(3):last-child)>.tr-card{grid-column:span 4}
.tr-card--photo{padding:0;gap:0;overflow:hidden}
.tr-card__img{height:230px;overflow:hidden;background:var(--tr-alt)}
.tr-card__img img{display:block;width:100%;height:100%;object-fit:cover}
.tr-card__body{display:flex;flex-direction:column;gap:10px;padding:20px 24px 22px;flex:1}
@media (max-width:900px){.tr-card__img{height:190px}}
.tr-card--tool{padding:0;gap:0;overflow:hidden}
.tr-card--tool .tr-card__body{padding:20px 24px 24px}
@media (max-width:900px){.tr-grid--photo{grid-template-columns:minmax(0,1fr)}.tr-grid--photo>.tr-card,.tr-grid--photo>.tr-card:nth-child(n){grid-column:auto}}

/* Tools hub */
.tr-grid--tools{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.tr-grid--tools>.tr-card{grid-column:span 4}
.tr-grid--tools>.tr-card:nth-child(n+4){grid-column:span 6}
@media (max-width:900px){.tr-grid--tools{grid-template-columns:minmax(0,1fr)}.tr-grid--tools>.tr-card,.tr-grid--tools>.tr-card:nth-child(n){grid-column:auto}}

/* Tiny CSS previews of each tool */
.tr-pv{display:flex;align-items:center;gap:6px;height:112px;padding:22px 24px;background:var(--tr-alt);border-bottom:1px solid var(--tr-border)}
.tr-pv--bars{flex-direction:column;align-items:flex-start;justify-content:center;gap:9px}
.tr-pv--bars i{display:block;height:12px;border-radius:3px;background:var(--tr-navy)}
.tr-pv--bars i:nth-child(2){background:#4a6a96}
.tr-pv--bars i:nth-child(3){background:#8fa6c4}
.tr-pv--two i:nth-child(2){background:var(--tr-orange)}
.tr-pv--trailer b{flex:none;width:22px;height:44px;border-radius:5px 2px 2px 5px;background:var(--tr-navy)}
.tr-pv--trailer i{flex:1;height:44px;border:1.5px solid var(--tr-accent);border-radius:2px;background:var(--tr-tint)}
.tr-pv--stack{gap:0;align-items:stretch;padding:40px 24px}
.tr-pv--stack i{display:block;height:100%}
.tr-pv--stack i:nth-child(1){background:var(--tr-navy)}
.tr-pv--stack i:nth-child(2){background:#4a6a96}
.tr-pv--stack i:nth-child(3){background:var(--tr-accent)}
.tr-pv--stack i:nth-child(4){background:var(--tr-orange)}
.tr-pv--grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;align-content:center}
.tr-pv--grid i{aspect-ratio:1;border-radius:2px;background:var(--tr-navy)}
.tr-pv--grid i:nth-child(n+14){background:var(--tr-border-strong);opacity:.5}
.tr-pv--chips{gap:6px}
.tr-pv--chips i{flex:1;height:30px;border-radius:4px}
.tr-pv--chips i.s{background:var(--tr-navy)}
.tr-pv--chips i.b{background:var(--tr-orange)}
.tr-pv--units{justify-content:center;gap:18px;font-size:30px;font-weight:700;color:var(--tr-navy)}
.tr-pv--units em{font-style:normal;color:var(--tr-accent)}

/* Tool navigation and related tools */
.tr-tnav{background:var(--tr-surface);border-bottom:1px solid var(--tr-border)}
.tr-tnav ul{display:flex;gap:8px;margin:0;padding:12px 0;list-style:none;overflow-x:auto}
.tr-tnav a{display:block;padding:7px 14px;border:1px solid var(--tr-border);border-radius:999px;color:var(--tr-ink);font-size:14px;line-height:22px;text-decoration:none;white-space:nowrap}
.tr-tnav a:hover{border-color:var(--tr-ink)}
.tr-tnav a[aria-current]{background:var(--tr-navy);border-color:var(--tr-navy);color:#fff}
.tr-sec--rel{padding:56px 0}
.tr-rel__h{margin:0 0 24px;font-size:24px;line-height:32px}
.tr-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tr-rel__i{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--tr-border);background:var(--tr-surface);color:var(--tr-ink)!important;text-decoration:none!important}
.tr-rel__i:hover{border-color:var(--tr-ink)}
.tr-rel__i .tr-pv{height:88px;padding:16px 20px}
.tr-rel__i strong{padding:14px 18px 16px;font-size:17px;line-height:24px}
@media (max-width:760px){.tr-rel{grid-template-columns:minmax(0,1fr)}}

/* Closing call to action with a photo */
.tr-cta__art--photo{position:relative;min-height:240px;background:var(--tr-navy)}
.tr-cta__art--photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tr-cta__art--photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--tr-navy) 0,rgba(26,56,94,.55) 45%,rgba(26,56,94,.1) 100%)}

/* Infographics */
.tr-sec+.tr-sec.tr-sec--info:not(.tr-alt),.tr-sec--info{padding:48px 0}
.tr-infocard{padding:32px 36px;border:1px solid var(--tr-border);background:var(--tr-surface)}
.tr-infocard__h{margin:0 0 28px!important;font-size:24px!important;line-height:32px!important}
.tr-info__n{margin:20px 0 0;font-size:14px;line-height:22px;color:var(--tr-muted);max-width:68ch}
.tr-info__n--top{margin:0 0 20px}
.tr-info__big{display:flex;align-items:center;gap:12px;margin:22px 0 0;font-size:18px;font-weight:600}

/* Network */
.tr-net{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.tr-net__rows{position:relative;display:flex;flex-direction:column;gap:18px;padding-right:28px}
.tr-net__rows::after{content:"";position:absolute;right:0;top:30px;bottom:30px;border-right:2px dashed var(--tr-border-strong)}
.tr-net__row{display:grid;grid-template-columns:minmax(130px,200px) minmax(0,1fr);align-items:center;gap:16px}
.tr-net__from strong{display:block;font-size:19px;line-height:26px}
.tr-net__from span{font-size:14px;line-height:22px;color:var(--tr-muted)}
.tr-net__line{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;height:44px}
.tr-net__line::before{content:"";position:absolute;left:0;right:-28px;top:50%;border-top:2px dashed var(--tr-border-strong)}
.tr-net__chip{position:relative;display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border:1px solid var(--tr-border-strong);border-radius:999px;background:var(--tr-surface);font-size:15px;font-weight:600}
.tr-net__chip .tr-ic{width:28px;height:28px;border-radius:50%;background:var(--tr-navy);color:#fff}
.tr-net__chip .tr-ic svg{width:16px;height:16px}
.tr-net__line em{position:relative;padding:0 8px;background:var(--tr-surface);font-style:normal;font-size:13px;color:var(--tr-muted)}
.tr-net__to{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding-left:22px}
.tr-net__to .tr-ic{background:var(--tr-orange);color:#fff}
.tr-net__to strong{font-size:22px;line-height:28px}
.tr-net__to span{font-size:14px;color:var(--tr-muted)}
@media (max-width:760px){.tr-net{grid-template-columns:minmax(0,1fr)}.tr-net__rows{padding-right:0}.tr-net__rows::after{display:none}.tr-net__row{grid-template-columns:minmax(0,1fr);gap:4px}.tr-net__line::before{right:0}.tr-net__to{padding:20px 0 0;flex-direction:row;align-items:center;flex-wrap:wrap}}

/* Containers */
.tr-ct__row{display:grid;grid-template-columns:54px minmax(0,1fr) 150px;gap:16px;align-items:center;margin-bottom:14px}
.tr-ct__code{font-size:15px;color:var(--tr-ink)}
.tr-ct__box{height:34px;border-radius:3px;background:repeating-linear-gradient(90deg,var(--tr-navy) 0 14px,#234b7d 14px 16px)}
.tr-ct__box--hc{height:42px}
.tr-ct__vol{font-weight:600;line-height:20px}
.tr-ct__vol small{display:block;font-weight:400;font-size:13px;color:var(--tr-muted)}
.tr-lcl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:32px;padding-top:28px;border-top:1px solid var(--tr-border)}
.tr-lcl__box{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;padding:5px;margin-bottom:12px;border:2px solid var(--tr-navy);border-radius:4px}
.tr-lcl__box i{display:block;height:24px;border-radius:2px;background:var(--tr-border)}
.tr-lcl__box i.a{background:var(--tr-orange)}
.tr-lcl__box i.b{background:var(--tr-navy)}
.tr-lcl__box i.c{background:var(--tr-border-strong)}
.tr-lcl__box i.d{background:#ffa574}
.tr-lcl__box i.e{background:#8fa6c4}
.tr-lcl__i strong{display:block}
.tr-lcl__i span{font-size:14px;color:var(--tr-muted)}
@media (max-width:600px){.tr-ct__row{grid-template-columns:44px minmax(0,1fr)}.tr-ct__vol{grid-column:2}.tr-lcl{grid-template-columns:minmax(0,1fr)}}

/* Chargeable weight */
.tr-bar{display:grid;grid-template-columns:150px minmax(0,1fr) 72px;gap:14px;align-items:center;margin-bottom:14px}
.tr-bar__l{font-size:14px;color:var(--tr-muted)}
.tr-bar__t{height:16px;border-radius:8px;background:var(--tr-alt);overflow:hidden}
.tr-bar__f{height:100%;border-radius:8px;background:var(--tr-navy)}
.tr-bar--hi .tr-bar__f{background:var(--tr-orange)}
.tr-bar strong{text-align:right}
.tr-cw__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:22px;padding-top:20px;border-top:1px solid var(--tr-border)}
.tr-cw__foot code{padding:8px 12px;border-radius:6px;background:var(--tr-alt);font-size:14px}
.tr-cw__chg{display:inline-flex;align-items:center;gap:10px;font-size:17px}
.tr-cw__chg .tr-ic{width:40px;height:40px}
@media (max-width:600px){.tr-bar{grid-template-columns:minmax(0,1fr) 72px}.tr-bar__t{grid-column:1/-1;order:3}}

/* Trailer */
.tr-tl__len span{position:relative;display:block;margin:0 0 10px 46px;padding-top:8px;border-top:2px solid var(--tr-ink);text-align:center;font-size:14px;font-weight:600}
.tr-tl__len span::before,.tr-tl__len span::after{content:"";position:absolute;top:-8px;height:14px;border-left:2px solid var(--tr-ink)}
.tr-tl__len span::before{left:0}
.tr-tl__len span::after{right:0}
.tr-tl__body{display:flex;align-items:stretch;gap:6px}
.tr-tl__cab{flex:none;width:40px;border-radius:8px 2px 2px 8px;background:var(--tr-navy)}
.tr-tl__load{flex:1;display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:4px;padding:6px;border:2px solid var(--tr-navy);border-radius:4px}
.tr-tl__load i{display:block;aspect-ratio:3/2;border:1.5px solid var(--tr-accent);border-radius:2px;background:var(--tr-tint)}
.tr-tl__wid{flex:none;display:flex;align-items:center;margin-left:6px}
.tr-tl__wid span{writing-mode:vertical-rl;padding-left:8px;border-left:2px solid var(--tr-ink);font-size:14px;font-weight:600}
@media (max-width:600px){.tr-tl__len span{margin-left:0}.tr-tl__cab{width:20px}.tr-tl__load{gap:2px;padding:3px}.tr-tl__wid{display:none}}

/* Customs flow */
.tr-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}
.tr-flow li{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 10px;text-align:center}
.tr-flow .tr-ic{width:56px;height:56px;border-radius:50%;background:var(--tr-navy);color:#fff}
.tr-flow li:not(:last-child)::after{content:"";position:absolute;top:28px;left:calc(50% + 40px);right:calc(-50% + 40px);border-top:2px dashed var(--tr-border-strong)}
.tr-flow strong{margin-top:6px}
.tr-flow span:not(.tr-ic){font-size:14px;line-height:21px;color:var(--tr-muted)}
@media (max-width:760px){.tr-flow{grid-template-columns:minmax(0,1fr);gap:18px}.tr-flow li{flex-direction:row;flex-wrap:wrap;align-items:center;text-align:left;gap:4px 16px}.tr-flow li:not(:last-child)::after{display:none}.tr-flow strong{margin:0}.tr-flow li span:not(.tr-ic){flex-basis:100%;padding-left:72px;margin-top:-18px}}

/* Customs warehouse */
.tr-bw{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1.2fr);align-items:center;gap:14px}
.tr-bw__n{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:18px;border:1px solid var(--tr-border);background:var(--tr-surface)}
.tr-bw__n strong{font-size:17px}
.tr-bw__n span:not(.tr-ic){font-size:14px;line-height:21px;color:var(--tr-muted)}
.tr-bw__n--mid{background:var(--tr-navy);border-color:var(--tr-navy);color:#fff}
.tr-bw__n--mid span:not(.tr-ic){color:var(--tr-on-inv-muted)}
.tr-bw__n--mid .tr-ic{background:rgba(255,255,255,.14);color:#fff}
.tr-bw__outs{display:flex;flex-direction:column;gap:12px}
.tr-bw__a{position:relative;height:2px;background:var(--tr-ink)}
.tr-bw__a::after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:2px solid var(--tr-ink);border-right:2px solid var(--tr-ink);transform:rotate(45deg)}
@media (max-width:860px){.tr-bw{grid-template-columns:minmax(0,1fr);gap:10px}.tr-bw__a{width:2px;height:24px;margin:0 auto}.tr-bw__a::after{right:-4px;top:auto;bottom:0;transform:rotate(135deg)}}

/* Air, sea, road comparison */
.tr-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tr-modes__c{display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid var(--tr-border)}
.tr-modes__c strong{font-size:20px}
.tr-modes__r{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:var(--tr-muted)}
.tr-meter{display:inline-flex;gap:3px}
.tr-meter i{width:18px;height:10px;border-radius:2px;background:var(--tr-border)}
.tr-meter i.on{background:var(--tr-navy)}
.tr-modes__c p{margin:6px 0 0;font-size:15px;line-height:23px}
.tr-modes__c p span{display:block;font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--tr-muted);text-transform:uppercase}
@media (max-width:860px){.tr-modes{grid-template-columns:minmax(0,1fr)}}

/* Calculators: result graphics */
.tr-tool__line--fit{grid-template-columns:repeat(5,minmax(0,1fr))}
.tr-tool__line--one{grid-template-columns:minmax(0,1fr)}
.tr-tool__wide{min-width:min(100%,260px)}
.tr-viz{display:flex;flex-direction:column;gap:2px}
.tr-viz__row{display:grid;grid-template-columns:minmax(64px,130px) minmax(0,1fr) auto;gap:12px;align-items:center;margin:5px 0}
.tr-viz__l{font-size:13px;line-height:18px;color:var(--tr-on-inv-muted)}
.tr-viz__t{height:10px;border-radius:5px;background:rgba(255,255,255,.16);overflow:hidden}
.tr-viz__f{height:100%;border-radius:5px;background:#c5d0df;transition:width .25s}
.tr-viz__row.is-hi .tr-viz__f{background:var(--tr-orange)}
.tr-viz__v{min-width:48px;text-align:right;font-size:14px;color:#fff}
.tr-viz__stack{display:flex;height:16px;border-radius:5px;overflow:hidden;background:rgba(255,255,255,.16)}
.tr-viz__stack i{display:block;height:100%}
.tr-viz__stack i.c0,.tr-viz__lg i.c0{background:#c5d0df}
.tr-viz__stack i.c1,.tr-viz__lg i.c1{background:#8fa6c4}
.tr-viz__stack i.c2,.tr-viz__lg i.c2{background:#5f7aa0}
.tr-viz__stack i.c3,.tr-viz__lg i.c3{background:var(--tr-orange)}
.tr-viz__stack i.c4,.tr-viz__lg i.c4{background:#ffa574}
.tr-viz__lg{display:flex;flex-wrap:wrap;gap:6px 16px;margin:10px 0 0;padding:0;list-style:none;font-size:13px;color:var(--tr-on-inv-muted)}
.tr-viz__lg li{display:flex;align-items:center;gap:6px}
.tr-viz__lg i{display:inline-block;width:10px;height:10px;border-radius:2px}
.tr-viz__trailer{position:relative;height:22px;border:2px solid #c5d0df;border-radius:4px;overflow:hidden}
.tr-viz__load{height:100%;background:var(--tr-orange)}
.tr-viz__cap{display:flex;justify-content:space-between;margin-top:6px;font-size:13px;color:var(--tr-on-inv-muted)}
.tr-viz__journey{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
.tr-viz__journey i{display:block;height:12px;border-radius:3px}
.tr-viz__journey i.s,.tr-viz__lg i.s{background:#c5d0df}
.tr-viz__journey i.b,.tr-viz__lg i.b{background:var(--tr-orange)}
.tr-viz__journey i.n{background:transparent;border:1px dashed rgba(255,255,255,.35)}
.tr-tool__rows--who dd.is-s{color:#c5d0df}
.tr-tool__rows--who dd.is-b{color:#ffa574}
.tr-tool__rows--who dd.is-n{color:var(--tr-on-inv-muted);font-weight:400}
@media (max-width:700px){.tr-tool__line--fit{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Home lanes: the infographic below replaces the list */
.tr-lanes__list{display:none}
.tr-lanes{display:block}
.tr-lanes__intro{max-width:720px}
#lanes{padding-bottom:16px}
#lanes+.tr-sec--info{padding-top:16px}

/* The Hostinger Kodee sidebar squeezes the page for logged-in admins. Visitors never see it, so keep the real layout visible. */
html.kodee-sidebar-active body{margin-right:0!important;width:auto!important}
html.kodee-sidebar-active #vue-app{display:none!important}

/* Incoterm picker */
.tr-chipgroup{display:flex;flex-direction:column;gap:8px}
.tr-chipgroup__l{font-size:13px;font-weight:600;color:var(--tr-muted)}
.tr-chips{display:flex;flex-wrap:wrap;gap:8px}
.tr-chip{min-width:64px;padding:10px 16px;border:1px solid var(--tr-border-strong);border-radius:8px;background:var(--tr-surface);color:var(--tr-ink);font:inherit;font-weight:600;cursor:pointer}
.tr-chip:hover{border-color:var(--tr-ink)}
.tr-chip[aria-pressed="true"]{border-color:var(--tr-navy);background:var(--tr-navy);color:#fff}
.tr-chip:focus-visible{outline:3px solid var(--tr-focus);outline-offset:2px}
.tr-tool__desc{margin:4px 0 0;padding:16px 18px;border-radius:8px;background:var(--tr-alt);font-size:16px;line-height:26px}

/* Phones: comfortable tap targets and a branded menu drawer */
.tr-bc a{display:inline-block;padding:9px 0}
.tr-card>a,.tr-card__body>a{display:inline-block;align-self:flex-start;padding:9px 0}
.menu-toggle-open{min-width:44px;min-height:44px}
#mobile-drawer .drawer-inner{background:var(--tr-navy)}
#mobile-drawer .mobile-navigation a{color:#fff}
#mobile-drawer .mobile-navigation li.current-menu-item>a{color:var(--tr-accent-on-inv)}
#mobile-drawer .mobile-navigation .menu>li{border-bottom-color:rgba(197,208,223,.25)}
#mobile-drawer .mobile-navigation li.tr-nav-cta>a{color:#fff!important}
#mobile-drawer .mobile-navigation li.tr-lang>a{color:var(--tr-on-inv-muted);font-size:14px}
#mobile-drawer .drawer-header .drawer-toggle{color:#fff}

/* Calculators on phones: no stray full-width remove bar, room above the sticky button */
.tr-tool__lines [data-line]:only-child .tr-tool__rm{display:none}
@media (max-width:700px){.tr-tool__rm{grid-column:1/-1;justify-self:end;width:44px}.has-sticky .tr-footer{padding-bottom:96px}}

/* Language suggestion bar: easier to tap */
.tr-sugg{padding:4px 8px 4px 16px;gap:0 12px}
.tr-sugg a{display:inline-block;padding:11px 2px}
.tr-sugg button{min-width:44px;min-height:44px;font-size:22px}

/* == blog archive header matches inner page bands == */
.post-archive-hero-section .entry-hero-container-inner{background-color:var(--tr-navy)!important;background-image:linear-gradient(106deg,transparent 0 76%,#234b7d 76% 91%,var(--tr-orange) 91% 93.2%,#234b7d 93.2% 100%)}
.post-archive-hero-section .hero-section-overlay{background:transparent!important}
.post-archive-hero-section .hero-container{text-align:left;max-width:1200px}
.post-archive-hero-section .entry-title,.post-archive-hero-section h1{color:#fff!important;text-align:left;font-size:clamp(30px,4vw,44px);line-height:1.15}
.post-archive-hero-section .entry-hero-container-inner{padding:20px 0}
@media (max-width:767px){.post-archive-hero-section .entry-hero-container-inner{background-image:none}}
.post-archive-hero-section .hero-container,.post-archive-hero-section .entry-header{text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important}
.post-archive-hero-section .hero-container{width:min(1200px,calc(100% - 48px));margin-inline:auto;padding:0}
.post-archive-hero-section .hero-container{width:100%;max-width:1290px;margin-inline:auto;padding-inline:1.5rem;box-sizing:border-box}
.post-archive-hero-section .hero-container .entry-header{padding:0}

/* == embeddable calculators == */
.tr-embed-box{margin-top:20px;padding:20px 24px;border:1px solid var(--tr-border);border-radius:12px;background:var(--tr-alt)}
.tr-embed-box__t strong{display:block;font-size:18px;line-height:26px;color:var(--tr-navy)}
.tr-embed-box__t p{margin:4px 0 14px;color:var(--tr-muted);font-size:15px;line-height:24px}
.tr-embed-box__code{display:block;width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid var(--tr-border-strong);border-radius:8px;background:#fff;color:var(--tr-ink);font:13px/20px ui-monospace,SFMono-Regular,Consolas,Menlo,monospace;resize:vertical}
.tr-embed-box__row{display:flex;align-items:center;gap:14px;margin-top:12px}
.tr-embed-box__msg{color:var(--tr-success);font-weight:600;font-size:15px}
body.tr-embed{margin:0;background:#fff}
body.tr-embed .tr-embed__main{padding:16px}
body.tr-embed .tr-tool{margin:0}
body.tr-embed .tr-embed__credit{margin:14px 0 0;font-size:14px;line-height:22px;color:var(--tr-muted);text-align:center}
body.tr-embed .tr-embed__credit a{color:var(--tr-accent);font-weight:600}

/* == trade lane chips on the home page == */
.tr-lanechips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px}
.tr-lanes__intro .tr-lanechips a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid var(--tr-border-strong);border-radius:999px;background:#fff;color:var(--tr-navy);font-size:15px;line-height:22px;font-weight:600;text-decoration:none}
.tr-lanes__intro .tr-lanechips a:hover{border-color:var(--tr-accent);color:var(--tr-accent)}
.tr-lanes__intro .tr-lanechips a.tr-lanechips__all{background:var(--tr-navy);border-color:var(--tr-navy);color:#fff}
.tr-lanes__intro .tr-lanechips a.tr-lanechips__all:hover{background:#234b7d;color:#fff}