/* MOCRASHIP editorial redesign: September 2026 */
:root{--navy:#2e3335;--ink:#303536;--teal:#4c631b;--muted:#606569;--border:#d8dade;--paper:#f5f6ff;--mint:#edf2d7;--lime:#bfd363}body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.7}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.035em;font-weight:700}h2{font-size:42px;line-height:1.16}h3{font-size:25px;line-height:1.25}.wrap{max-width:1200px}.topbar{background:var(--paper);color:#606569;padding:6px 0;letter-spacing:.4px;font-size:11px}header{background:#fff;border-bottom:1px solid #ececef}.navigation{height:88px;gap:20px}.brand-mark{border-radius:50%;background:var(--lime);color:#303536}.brand-mark>span{color:#4c631b}.brand b{font-size:21px;letter-spacing:1.6px}.brand small{font-size:8px}.navigation nav{font-size:13px;gap:18px}.navigation nav a:hover{color:#536821}.button,.nav-quote{border-radius:40px;background:var(--lime);color:#282e24;border:1px solid var(--lime);font-weight:700;min-height:48px;gap:24px;padding:12px 24px}.button:hover,.nav-quote:hover{background:#adca43;color:#242b17}.button.secondary{border:1.5px solid #363b3d;color:#303536;background:transparent}.button.secondary:hover{background:#e9eddc}.text-link{color:#3b4820}.eyebrow{font-family:Arial,Helvetica,sans-serif;color:#55642f;letter-spacing:1.7px;font-size:11px}.editorial-hero{background:var(--paper);position:relative;overflow:hidden;padding:70px 0 64px}.editorial-hero:after{content:'';position:absolute;width:190px;height:130px;right:0;bottom:0;background-image:radial-gradient(#bac2a2 1px,transparent 1px);background-size:15px 15px;opacity:.5;pointer-events:none}.editorial-hero .hero-grid{grid-template-columns:1fr 1.15fr;min-height:0;gap:64px}.editorial-hero h1{font-size:64px;line-height:1.03;letter-spacing:-2.5px;margin:16px 0 25px}.editorial-hero h1 em{font-style:normal;position:relative;color:#303536;text-decoration:underline;text-decoration-color:#bfd363;text-decoration-thickness:7px;text-underline-offset:9px}.editorial-hero .hero-desc{max-width:450px;font-size:17px;line-height:1.75}.hero-product-image{position:relative}.hero-product-image img{width:100%;height:430px;object-fit:cover;object-position:54% center;border-radius:5px}.hero-image-label{font-size:11px;color:#666;margin:9px 0 0}.route-pill{display:flex;justify-content:space-between;gap:20px;align-items:center;background:white;border:1px solid #d9dccf;border-radius:5px;padding:18px 23px;margin:18px 0 0;font-size:12px;letter-spacing:1px}.route-pill strong{font:700 22px Georgia,serif;letter-spacing:0}.route-pill span:nth-child(2){color:#72912d;font-size:26px}.service-strip{background:#fff}.service-strip b{font-size:14px;color:#4c5355}.section{padding-block:88px}.section-heading{margin-bottom:38px}.section-heading>p{max-width:380px}.product-card{background:#f5f6ff!important;border:1px solid var(--border);border-radius:3px;padding:30px}.product-card h3{font-size:30px}.card-top{margin-bottom:28px;color:#58624a}.product-types{color:#475431}.notice>span{background:#edf2d7;color:#4a5826}.service-section{background:var(--paper)}.service-photo{border-radius:4px}.service-copy h2{font-size:42px}.destination-grid{border:0;gap:28px}.destination-grid article{border:1px solid var(--border);border-radius:3px}.destination-grid article+article{border-left:1px solid var(--border)}.simple-icon{color:#607b25}.process-section{background:#303637}.process-section .eyebrow,.process-section .text-link,.steps li>span{color:var(--lime)}.process-section h2,.process-section h3{color:white}.steps li{border-color:#677052}.process-section p{color:#d2d7d6}.trust-section{background:#f5f6ff}.trust-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;margin-bottom:45px}.trust-intro p{margin-bottom:0}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.trust-card{background:#fff;padding:28px;border:1px solid var(--border);border-radius:3px}.trust-card .trust-number{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#edf2d7;color:#4b6020;margin-bottom:24px;font-weight:700}.trust-card h3{font-size:26px}.trust-card p{font-size:15px}.trust-card ul{padding-left:18px;font-size:14px;color:#5b6265}.trust-footnote{font-size:14px;margin-top:24px;max-width:850px}.article-card{border-radius:3px}.page-hero{background:var(--paper);padding:60px 0}.page-hero h1{font-size:54px}.page-hero p:last-child{max-width:720px}.content-grid{gap:28px}.info-card{background:#fff;border-color:var(--border)}.cta{background:#303637;color:#fff;padding:55px;max-width:1200px;border-radius:4px}.cta h2{font-size:42px;color:white}.cta p{color:#dee2dd}.cta .eyebrow{color:var(--lime)}.cta .button{background:var(--lime);color:#303536}footer{background:var(--paper);color:#303536;border-top:0}.footer-main{padding-block:60px;gap:50px}.footer-main h3{font:700 15px Arial,sans-serif}.footer-main a,.footer-main p{color:#5a6063;font-size:14px}.footer-main .brand b{color:#303536}.footer-bottom{border-top:1px solid #dfe2e9;color:#62676a}.quote-layout aside{background:#303637}.quote-layout aside .eyebrow{color:var(--lime)}input,select,textarea{border-radius:7px}.article .source-note{background:var(--paper)}.resource-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:35px}.resource-heading h2{margin:0}.blog-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:20px;margin-bottom:20px;align-items:end}.blog-filters label{font-size:12px;color:#5f6567;display:flex;flex-direction:column;gap:8px}.blog-filters input,.blog-filters select{border-radius:28px;border:1px solid #d8dce1;font-size:14px;padding:12px 18px;min-height:48px}.blog-filters button{height:48px}.blog-results{font-size:13px;color:#747a7d;margin-bottom:28px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 28px}.blog-card{display:flex;flex-direction:column;border:1px solid #d4d7dc;border-radius:3px;overflow:hidden;background:white;transition:transform .2s,box-shadow .2s}.blog-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #30363710}.blog-card img{width:100%;height:190px;object-fit:cover}.blog-card-body{padding:23px;display:flex;flex-direction:column;flex:1}.blog-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;font-size:11px;color:#666}.blog-tag{padding:4px 8px;background:#c5d8f1;letter-spacing:.8px;font-size:9px;color:#303b4b;font-weight:700;border-radius:3px;text-transform:uppercase}.blog-card h3{font-size:25px;line-height:1.2;margin:0 0 22px}.blog-card .read-more{margin-top:auto;font-size:13px;font-weight:700;color:#333b3e}.blog-pagination{display:flex;justify-content:center;gap:10px;margin-top:45px}.blog-pagination a,.blog-pagination span{padding:7px 13px;border-radius:50%;font-size:14px}.blog-pagination .current{background:var(--lime)}.blog-empty{grid-column:1/-1;padding:45px;border:1px solid var(--border);background:var(--paper)}.blog-empty h3{margin-bottom:12px}.blog-reset{font-size:13px;text-decoration:underline}.sensitive-band{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.cargo-levels{list-style:none;padding:0;margin:0;border-top:1px solid var(--border)}.cargo-levels li{padding:22px 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:40px 1fr;gap:14px}.cargo-levels b{font:700 23px Georgia,serif}.cargo-levels p{font-size:14px;margin:8px 0 0}.cargo-levels .level{color:#718a38;font-size:12px;margin-top:5px}.home-resources{background:#fff}.trust-card a{font-size:13px;font-weight:700;color:#526829}.article-header-note{font-size:13px;color:#697063;margin-top:20px}.article{max-width:850px}.article h2{font-size:32px}.article p{font-size:17px}.article .button{margin-top:20px}.home .section-heading h2{max-width:700px}
@media(max-width:1150px){.navigation nav{gap:12px;font-size:12px}.navigation{gap:14px}.brand b{font-size:19px}.editorial-hero .hero-grid{gap:32px}.editorial-hero h1{font-size:55px}.hero-product-image img{height:410px}.blog-card h3{font-size:23px}.blog-filters{gap:12px}.blog-card-body{padding:20px}}
@media(max-width:900px){.editorial-hero .hero-grid{grid-template-columns:1fr 1fr}.editorial-hero h1{font-size:46px}.hero-product-image img{height:370px}.trust-intro,.sensitive-band{gap:36px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-grid{gap:16px}.trust-card{padding:23px}.blog-filters{grid-template-columns:1fr 1fr}.blog-filters label:first-child{grid-column:1/-1}.blog-filters button{grid-column:1/-1;justify-content:center}.service-copy h2{font-size:34px}.footer-main{gap:25px}.navigation nav.open{z-index:50}.page-hero h1{font-size:44px}}
@media(max-width:640px){.editorial-hero{padding:33px 0 40px}.editorial-hero .hero-grid{grid-template-columns:1fr;gap:25px}.editorial-hero h1{font-size:47px;letter-spacing:-1.8px}.editorial-hero .hero-desc{font-size:16px}.hero-product-image img{height:290px}.hero-copy{padding:0}.editorial-hero .actions{flex-wrap:wrap}.button,.nav-quote{padding:11px 18px;font-size:13px}.hero-image-label{font-size:10px}.route-pill{margin-top:12px}.section{padding-block:55px}h2,.service-copy h2{font-size:34px}.trust-intro,.trust-grid,.sensitive-band{grid-template-columns:1fr;gap:25px}.trust-card h3{font-size:26px}.trust-card .trust-number{margin-bottom:15px}.resource-heading{align-items:flex-start;flex-direction:column}.resource-heading h2{font-size:34px}.blog-grid{grid-template-columns:1fr;gap:24px}.blog-card img{height:190px}.blog-card h3{font-size:26px}.blog-card-body{padding:24px}.blog-meta{font-size:12px}.blog-tag{font-size:10px}.blog-filters{gap:15px}.blog-filters input,.blog-filters select{font-size:13px;min-width:0}.page-hero h1{font-size:38px}.page-hero{padding:38px 0}.cta{padding:30px;gap:18px}.cta h2{font-size:35px}.footer-main{padding-block:40px}.navigation{height:76px}.brand b{font-size:18px}.brand small{font-size:7px}.nav-quote{font-size:11px;padding:9px 13px}.article h2{font-size:29px}.article p{font-size:16px}}

/* Approved MOCRASHIP logo, shared across header and footer. */
.brand .mocra-logo{display:block;width:250px;height:auto;max-width:100%;object-fit:contain}.navigation .brand{flex-shrink:0;max-width:250px}.footer-main .brand{display:block;max-width:280px}.footer-main .mocra-logo{width:280px}.navigation nav{gap:14px}@media(max-width:1200px) and (min-width:901px){.navigation .brand{max-width:215px}.brand .mocra-logo{width:215px}.navigation nav{gap:10px;font-size:12px}}@media(max-width:640px){.navigation .brand{max-width:165px}.navigation .brand .mocra-logo{width:165px}.navigation{gap:10px}.footer-main .mocra-logo{width:250px}}@media(max-width:360px){.navigation .brand{max-width:135px}.navigation .brand .mocra-logo{width:135px}.navigation{gap:7px}}