/* ============================================================
   INTERNATIONAL SHIPPING — style.css
   Art direction: Government / institutional ledger
   Palette: Navy header, warm off-white bg, teal accent
   Typography: Instrument Serif (display) + Work Sans (body)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Work+Sans:wght@300..700&display=swap');
:root{--font-display:'Instrument Serif',Georgia,serif;--font-body:'Work Sans','Helvetica Neue',sans-serif;--text-xs:clamp(.75rem,.7rem + .25vw,.875rem);--text-sm:clamp(.875rem,.8rem + .35vw,1rem);--text-base:clamp(1rem,.95rem + .25vw,1.125rem);--text-lg:clamp(1.125rem,1rem + .75vw,1.5rem);--text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);--text-2xl:clamp(2rem,1.2rem + 2.5vw,3.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--content-wide:1280px;--color-bg:#f5f4f0;--color-surface:#faf9f7;--color-surface-offset:#edeae5;--color-divider:#dbd8d2;--color-border:#cccac4;--color-text:#1a1916;--color-text-muted:#5a5853;--color-text-faint:#9a9894;--color-nav-bg:#0d1b2e;--color-nav-muted:#7a94ae;--color-nav-active:#fff;--color-nav-border:#1a2d44;--color-primary:#00696c;--color-primary-hover:#004a4d;--color-primary-light:#e4f2f2;--color-warning:#9e4b1a;--color-warning-light:#fef0e7;--color-success:#38661e;--color-success-light:#edf5e6;--shadow-sm:0 1px 3px rgba(0,0,0,.07);--shadow-md:0 4px 16px rgba(0,0,0,.09);--transition:180ms cubic-bezier(.16,1,.3,1)}
[data-theme="dark"]{--color-bg:#111210;--color-surface:#181715;--color-surface-offset:#242220;--color-divider:#2d2b28;--color-border:#383531;--color-text:#d5d3cd;--color-text-muted:#797874;--color-text-faint:#4d4b47;--color-nav-bg:#080e16;--color-nav-muted:#4d6880;--color-nav-border:#111c28;--color-primary:#4a9fa3;--color-primary-hover:#2d8286;--color-primary-light:#1a2e30;--color-warning:#cc7540;--color-warning-light:#281a10;--color-success:#68a838;--color-success-light:#192812;--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.45)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:70px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);line-height:1.65;color:var(--color-text);background:var(--color-bg)}img,svg{display:block;max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:1.2}p,li{text-wrap:pretty;max-width:72ch}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-hover)}button{cursor:pointer;background:none;border:none}::selection{background:color-mix(in oklch,var(--color-primary) 20%,transparent)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{background:var(--color-nav-bg);border-bottom:1px solid var(--color-nav-border);position:sticky;top:0;z-index:100}.header-inner{display:flex;align-items:center;gap:var(--space-6);height:62px;padding-inline:var(--space-5);max-width:var(--content-wide);margin-inline:auto}.site-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;flex-shrink:0}.logo-text{display:flex;flex-direction:column;gap:1px}.logo-name{font-family:var(--font-display);font-size:1.05rem;line-height:1.1;color:var(--color-nav-active)}.logo-tagline{font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-nav-muted)}.main-nav{display:flex;align-items:center;gap:2px;margin-left:auto;list-style:none}.main-nav a{font-size:var(--text-sm);font-weight:500;color:var(--color-nav-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);white-space:nowrap;position:relative;padding-bottom:calc(var(--space-2) + 2px)}.main-nav a::after{content:'';position:absolute;bottom:0;left:var(--space-3);right:var(--space-3);height:2px;background:var(--color-primary);transform:scaleX(0);transition:transform var(--transition)}.main-nav a:hover,.main-nav a.active{color:var(--color-nav-active)}.main-nav a:hover::after,.main-nav a.active::after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:var(--space-4)}.btn-theme{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);color:var(--color-nav-muted);border:1px solid var(--color-nav-border)}.menu-toggle{display:none;flex-direction:column;gap:5px;width:36px;height:36px;align-items:center;justify-content:center;color:var(--color-nav-muted)}.menu-toggle span{display:block;width:20px;height:2px;background:currentColor;border-radius:2px}.mobile-nav{display:none;position:fixed;inset:62px 0 0 0;background:var(--color-nav-bg);z-index:99;padding:var(--space-5);flex-direction:column;gap:var(--space-1);border-top:1px solid var(--color-nav-border)}.mobile-nav.open{display:flex}.mobile-nav a{font-size:var(--text-base);font-weight:500;color:var(--color-nav-muted);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.mobile-nav a.active{color:var(--color-nav-active);background:rgba(255,255,255,.06)}
.hero-banner{background:var(--color-nav-bg);position:relative;overflow:hidden;min-height:340px;display:flex;align-items:center}.hero-bg-pattern{position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.01) 0,rgba(255,255,255,.01) 1px,transparent 1px,transparent 40px);z-index:1}.hero-bg-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,60,100,.5),rgba(0,0,0,.2) 70%);z-index:2}.hero-content{position:relative;z-index:3;padding:var(--space-12) var(--space-5);max-width:var(--content-wide);margin-inline:auto;width:100%}.hero-tag{display:inline-block;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-primary);margin-bottom:var(--space-3);font-weight:700;padding:var(--space-1) var(--space-3);background:rgba(0,105,108,.2);border:1px solid rgba(0,105,108,.4);border-radius:var(--radius-sm)}.hero-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;color:#fff;line-height:1.1;max-width:680px;margin-bottom:var(--space-4)}.hero-subtitle{font-size:var(--text-base);color:rgba(255,255,255,.68);max-width:560px;margin-bottom:var(--space-8);line-height:1.65}.hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);border:1px solid transparent}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.page-layout{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 62px);max-width:var(--content-wide);margin-inline:auto}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-divider);padding:var(--space-6) 0;position:sticky;top:62px;height:calc(100vh - 62px);overflow-y:auto}.sidebar-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-faint);padding:0 var(--space-5);margin-bottom:var(--space-2);display:block}.sidebar-sublabel{font-size:var(--text-xs);color:var(--color-text-faint);padding:0 var(--space-5);margin-bottom:var(--space-4);display:block;font-weight:600}.sidebar-nav{list-style:none}.sidebar-nav a{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-2) var(--space-5);border-left:3px solid transparent}.sidebar-nav a.active{color:var(--color-primary);font-weight:600;border-left-color:var(--color-primary);background:var(--color-primary-light)}.sidebar-divider{height:1px;background:var(--color-divider);margin:var(--space-4) var(--space-5)}.page-content{padding:var(--space-8) var(--space-8) var(--space-16);min-width:0}.page-grid{display:grid;grid-template-columns:1fr 280px;gap:var(--space-8);align-items:start}.section-header{margin-bottom:var(--space-6)}.section-tag{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-faint);display:block;margin-bottom:var(--space-2)}.section-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400}.article-section{margin-bottom:var(--space-10)}.article-section h2{font-family:var(--font-display);font-size:var(--text-lg);font-weight:400;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-divider);margin-bottom:var(--space-5)}.article-section h3{font-size:var(--text-base);font-weight:700;margin:var(--space-5) 0 var(--space-3)}.article-section p{font-size:var(--text-base);margin-bottom:var(--space-4);line-height:1.75;max-width:none}.article-section ul,.article-section ol{padding-left:var(--space-6);margin-bottom:var(--space-5)}.article-section li{font-size:var(--text-base);margin-bottom:var(--space-2);line-height:1.65;max-width:none}.section-divider{height:1px;background:var(--color-divider);margin:var(--space-8) 0}
.callout{display:flex;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid transparent;margin:var(--space-5) 0}.callout-icon svg{width:20px;height:20px}.callout-body h4{font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-1)}.callout-body p{font-size:var(--text-sm);margin:0;max-width:none}.callout--info{background:var(--color-primary-light);border-color:color-mix(in oklch,var(--color-primary) 30%,transparent)}.callout--info .callout-icon svg,.callout--info h4{color:var(--color-primary)}.callout--warning{background:var(--color-warning-light);border-color:color-mix(in oklch,var(--color-warning) 30%,transparent)}.callout--warning .callout-icon svg,.callout--warning h4{color:var(--color-warning)}.callout--success{background:var(--color-success-light);border-color:color-mix(in oklch,var(--color-success) 30%,transparent)}.callout--success .callout-icon svg,.callout--success h4{color:var(--color-success)}
.steps{display:flex;flex-direction:column;gap:var(--space-5)}.step{display:flex;gap:var(--space-5);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.step-number{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--color-nav-bg);color:#fff;font-family:var(--font-display);font-size:var(--text-lg);flex-shrink:0;font-weight:700}.step-content h3{font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-2)}.step-content p{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2);max-width:none}.step-content ul{padding-left:var(--space-5);margin-top:var(--space-3)}.step-content li{font-size:var(--text-sm);margin-bottom:var(--space-2);max-width:none}.table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border);margin:var(--space-5) 0}.data-table{width:100%;font-size:var(--text-sm)}.data-table thead tr{background:var(--color-surface-offset)}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);white-space:nowrap}.data-table td{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-divider)}.badge{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600}.badge--high{background:var(--color-success-light);color:var(--color-success)}.badge--med{background:var(--color-warning-light);color:var(--color-warning)}
.updates-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.updates-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-faint);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-divider)}.update-item{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-divider);align-items:flex-start}.update-item:last-child{border-bottom:none;padding-bottom:0}.update-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);margin-top:5px;flex-shrink:0}.update-time{font-size:var(--text-xs);color:var(--color-primary);font-weight:600;display:block;margin-bottom:2px}.update-text{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.5;max-width:none}.view-all-btn{display:block;text-align:center;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);padding:var(--space-3);border-top:1px solid var(--color-divider);margin-top:var(--space-3)}
.site-footer{background:var(--color-nav-bg);border-top:1px solid var(--color-nav-border);padding:var(--space-12) var(--space-5) var(--space-8)}.footer-inner{max-width:var(--content-wide);margin-inline:auto;display:grid;grid-template-columns:280px 1fr;gap:var(--space-12);align-items:start}.footer-tagline{font-size:var(--text-sm);color:var(--color-nav-muted);margin-top:var(--space-3);line-height:1.65;max-width:none}.footer-links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8)}.footer-col-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.35);margin-bottom:var(--space-3)}.footer-col-links{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.footer-col-links a{font-size:var(--text-sm);color:var(--color-nav-muted)}.footer-bottom{max-width:var(--content-wide);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-6);margin-top:var(--space-8);border-top:1px solid var(--color-nav-border);flex-wrap:wrap;gap:var(--space-3)}.footer-copy{font-size:var(--text-xs);color:var(--color-nav-muted)}.footer-policy{display:flex;gap:var(--space-5);list-style:none}.footer-policy a{font-size:var(--text-xs);color:var(--color-nav-muted)}

/* ── Responsive Breakpoints ── */

/* 1024px: collapse right sidebar in page-grid, footer links 2-col */
@media(max-width:1024px){
  .page-grid{grid-template-columns:1fr}
  .footer-links-grid{grid-template-columns:repeat(2,1fr)}
}

/* 900px: hide left sidebar, collapse page-layout to 1 col, footer 1 col */
@media(max-width:900px){
  .page-layout{grid-template-columns:1fr}
  .sidebar{display:none}
  .page-content{padding:var(--space-6) var(--space-5) var(--space-12)}
  .footer-inner{grid-template-columns:1fr}
}

/* 768px: switch to mobile nav */
@media(max-width:768px){
  /* Header: logo left, actions right, hamburger visible */
  .header-inner{
    padding-inline:var(--space-4);
    gap:var(--space-3);
    justify-content:space-between;
  }
  .main-nav{display:none}
  .menu-toggle{display:flex}
  .header-actions{margin-left:0}
  .site-logo{flex:1}

  /* Mobile nav: full-width left-aligned menu, NOT centered */
  .mobile-nav{
    padding:var(--space-4) var(--space-4) var(--space-8);
    gap:2px;
    overflow-y:auto;
  }
  .mobile-nav a{
    display:block;
    width:100%;
    text-align:left;
    font-size:var(--text-base);
    font-weight:500;
    color:var(--color-nav-muted);
    padding:var(--space-3) var(--space-4);
    border-radius:var(--radius-md);
    border-left:3px solid transparent;
  }
  .mobile-nav a.active{
    color:var(--color-nav-active);
    background:rgba(255,255,255,.06);
    border-left-color:var(--color-primary);
  }
  .mobile-nav a:hover{
    color:var(--color-nav-active);
    background:rgba(255,255,255,.04);
  }

  /* Hero */
  .hero-banner{min-height:280px}
  .hero-content{padding:var(--space-10) var(--space-4) var(--space-8)}
  .hero-title{font-size:clamp(1.5rem,1.2rem+2.5vw,2.25rem)}
  .hero-subtitle{font-size:var(--text-sm)}

  /* Page content */
  .page-content{padding:var(--space-5) var(--space-4) var(--space-12)}

  /* Step cards */
  .step{flex-direction:column;gap:var(--space-3)}

  /* Footer */
  .footer-links-grid{grid-template-columns:1fr 1fr}

  /* General alignment fixes */
  .article-section p,.article-section li{max-width:100%}
  .callout{flex-direction:row;gap:var(--space-3)}
}

/* 480px: single column everything */
@media(max-width:480px){
  .header-inner{padding-inline:var(--space-3);height:56px}
  .logo-tagline{display:none}

  .hero-content{padding:var(--space-8) var(--space-4) var(--space-6)}
  .hero-title{font-size:clamp(1.35rem,1rem+3vw,2rem)}
  .hero-actions{flex-direction:column;align-items:flex-start;gap:var(--space-2)}
  .btn{width:100%;justify-content:center}

  .page-content{padding:var(--space-4) var(--space-3) var(--space-10)}

  .footer-links-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:var(--space-3)}

  /* Tables scroll on small screens */
  .table-wrap{-webkit-overflow-scrolling:touch}

  /* Callout stack on very small screens */
  .callout{flex-direction:column;gap:var(--space-2)}

  /* Step number smaller */
  .step-number{width:36px;height:36px;font-size:var(--text-base)}

  /* Updates panel */
  .updates-panel{padding:var(--space-4)}
}


/* Logo image */
.logo-icon{width:38px;height:38px;object-fit:contain;border-radius:6px;display:block;flex-shrink:0;}