/* Scoped styles: existing classes and functionality are intentionally preserved. */
.import-export-page-shell{
  --ie-primary:#0f6b4f;
  --ie-primary-dark:#084936;
  --ie-accent:#e7a928;
  --ie-ink:#173126;
  --ie-muted:#66756e;
  --ie-border:#e6ece8;
  --ie-surface:#ffffff;
  --ie-soft:#f5f9f7;
  --ie-shadow:0 12px 35px rgba(20,55,42,.09);
  --ie-radius:18px;

  /* remove the forced top gap so content sits directly under the site header */
  --site-header-offset: 0;
  margin-top: 0;
}
.import-export-page-shell .ie-skip-link{
  position:absolute;left:-9999px;top:8px;z-index:99999;
  padding:10px 16px;background:#111;color:#fff;border-radius:8px;
}
.import-export-page-shell .ie-skip-link:focus{left:12px;}
.import-export-page-shell .ie-hero{
  position:relative;padding:30px 28px 28px;margin:8px 0 28px;
  background:linear-gradient(135deg,#f7fbf9 0%,#fff 68%);
  border:1px solid var(--ie-border);border-radius:24px;
  box-shadow:var(--ie-shadow);overflow:hidden;
  z-index:2; /* keep hero above announcement within the shell */
}
.import-export-page-shell .ie-hero:after{
  content:"";position:absolute;width:190px;height:190px;border-radius:50%;
  right:-75px;top:-80px;background:rgba(15,107,79,.07);pointer-events:none;
}
.import-export-page-shell .ie-eyebrow{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;
  color:var(--ie-primary-dark);font-size:12px;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;
}
.import-export-page-shell .ie-hero h1{
  margin:0 0 13px;font-size:clamp(30px,4vw,48px);line-height:1.08;
  color:var(--ie-ink);font-weight:800;letter-spacing:-.025em;
}
.import-export-page-shell .ie-hero .ie-lead{
  max-width:860px;margin:0;color:#4f6058;font-size:18px;line-height:1.7;
}
.import-export-page-shell .ie-meta{
  display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;
  color:#66756e;font-size:13px;
}
.import-export-page-shell .ie-meta span{display:inline-flex;align-items:center;gap:6px;}
.import-export-page-shell .ie-trust-row{
  display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;
}
.import-export-page-shell .ie-trust-pill{
  padding:8px 12px;border:1px solid var(--ie-border);border-radius:999px;
  background:#fff;color:#365247;font-size:13px;font-weight:700;
}
.import-export-page-shell .ie-section-card{
  background:var(--ie-surface);border:1px solid var(--ie-border);
  border-radius:var(--ie-radius);padding:26px;margin-bottom:18px;
  box-shadow:0 8px 24px rgba(20,55,42,.055);
  scroll-margin-top:95px;
}
.import-export-page-shell .ie-section-card .notices-heading{
  margin-top:0;display:flex;align-items:center;gap:10px;
  color:var(--ie-ink);font-size:clamp(21px,2.4vw,29px);line-height:1.25;
}
.import-export-page-shell .ie-section-card p,
.import-export-page-shell .ie-section-card li{
  color:#43554d;line-height:1.75;
}
.import-export-page-shell .ie-section-card ul{padding-left:22px;}
.import-export-page-shell .ie-info-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 2px;
}
.import-export-page-shell .ie-info-item{
  padding:16px;border:1px solid var(--ie-border);border-radius:14px;background:var(--ie-soft);
}
.import-export-page-shell .ie-info-item strong{display:block;color:var(--ie-ink);font-size:14px;margin-bottom:5px;}
.import-export-page-shell .ie-info-item span{display:block;color:var(--ie-muted);font-size:13px;line-height:1.45;}
.import-export-page-shell .ie-doc-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;
}
.import-export-page-shell .ie-doc-card{
  padding:18px;border:1px solid var(--ie-border);border-radius:15px;background:#fbfdfc;
}
.import-export-page-shell .ie-doc-card h3{margin:0 0 10px;color:var(--ie-primary-dark);font-size:18px;}
.import-export-page-shell .ie-doc-card ul{margin:0;padding-left:20px;}
.import-export-page-shell .ie-doc-card li{font-size:14px;margin:5px 0;}
.import-export-page-shell .ie-source-box{
  margin-top:18px;padding:16px 18px;border-left:4px solid var(--ie-primary);
  background:var(--ie-soft);border-radius:10px;
}
.import-export-page-shell .ie-source-box a{color:var(--ie-primary-dark);font-weight:700;}
.import-export-page-shell .ie-process-note{
  display:inline-flex;padding:7px 10px;margin-top:8px;border-radius:8px;
  background:#eef7f2;color:var(--ie-primary-dark);font-size:12px;font-weight:700;
}
.import-export-page-shell .ie-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.import-export-page-shell .iso-box{
  height:100%;padding:24px 18px;border:1px solid var(--ie-border);
  border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(20,55,42,.055);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.import-export-page-shell .iso-box:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,55,42,.1);border-color:#cfe0d8;}
.import-export-page-shell .iso-icon{
  width:62px;height:62px;margin:0 auto 13px;display:grid;place-items:center;
  border-radius:16px;background:#eef7f2;
}
.import-export-page-shell .iso-icon img{max-width:42px;max-height:42px;}
.import-export-page-shell .iso-box h3{margin:8px 0;color:var(--ie-ink);}
.import-export-page-shell .service-time{font-size:13px;color:var(--ie-muted);}
.import-export-page-shell .service-price{font-weight:800;color:var(--ie-primary-dark);}
.import-export-page-shell .snap2{
  padding:16px;background:#fff;border:1px solid var(--ie-border);
  border-radius:18px;box-shadow:var(--ie-shadow);overflow:hidden;
}
.import-export-page-shell .snap2 img{width:100%;height:auto;display:block;border-radius:12px;}
.import-export-page-shell .snap2 h3{font-size:16px;line-height:1.4;color:var(--ie-ink);}
.import-export-page-shell .faq-container{
  border:1px solid var(--ie-border);border-radius:18px;background:#fff;
  box-shadow:var(--ie-shadow);padding:20px;
}
.import-export-page-shell .faq-item{border-bottom:1px solid var(--ie-border);}
.import-export-page-shell .faq-item:last-child{border-bottom:0;}
.import-export-page-shell .faq-question{
  min-height:54px;display:flex;align-items:center;justify-content:space-between;
  gap:15px;padding:15px 4px;font-weight:800;color:var(--ie-ink);cursor:pointer;
}
.import-export-page-shell .faq-answer{line-height:1.7;color:#4d5e56;}
.import-export-page-shell .ie-reference-list{margin:0;padding-left:20px;}
.import-export-page-shell .ie-reference-list li{margin:8px 0;}
.import-export-page-shell .ie-reference-list a{color:var(--ie-primary-dark);font-weight:700;}
.import-export-page-shell .ie-bottom-trust{
  margin:24px 0;padding:22px;border:1px solid var(--ie-border);border-radius:18px;
  background:linear-gradient(135deg,#f5f9f7,#fff);
}

/* Restore the "tri-colour" hero card look (left accent stripe + warm/green gradient) */
.import-export-page-shell .capt.ie-hero{
    background: linear-gradient(180deg, rgba(255,153,51,.12), rgba(255,255,255,.97) 48%, rgba(19,136,8,.08));
    border-color: rgba(20,50,40,.10);
    border-radius:20px;
    box-shadow:0 12px 35px rgba(20,45,35,.07);
    padding:28px 30px;
    position:relative;
    overflow:visible;
}
/* left accent stripe */
.import-export-page-shell .capt.ie-hero:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:6px;
    background:linear-gradient(180deg,#ff9933,#fff 48%,#138808);
    border-top-left-radius:20px;
    border-bottom-left-radius:20px;
    pointer-events:none;
}

/* ============================================================
   IMPORT EXPORT — GST-STYLE STABLE DESKTOP + MOBILE LAYOUT
   Preserve Bootstrap/PHP structure; use CSS only for geometry.
   ============================================================ */
.import-export-page-shell{
  width:100%;
  margin:0;
  padding:0;
  box-sizing:border-box;
  color:var(--ie-muted);
  background:#f6f9f8;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

.import-export-page-shell > section.import-export-main-shell{
  width:min(1340px,calc(100% - 40px)) !important;
  max-width:1340px !important;
  margin:0 auto !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

.import-export-page-shell .import-export-page-layout{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:30px;
  align-items:start;
  position:relative;
  box-sizing:border-box;
}

.import-export-page-shell .import-export-page-layout::before,
.import-export-page-shell .import-export-page-layout::after{
  display:none !important;
  content:none !important;
}

.import-export-page-shell .import-export-page-layout > .content-body,
.import-export-page-shell .import-export-page-layout > .import-export-premium-sidebar{
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  float:none !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

@media (min-width:992px){
  /* Match the GST page: only reserve sidebar width when the include actually
     renders content. Otherwise keep the article centered and wide. */
  .import-export-page-shell .import-export-page-layout:has(> .import-export-premium-sidebar *){
    grid-template-columns:minmax(0,1fr) 340px !important;
    gap:30px;
  }

  .import-export-page-shell .import-export-page-layout:has(> .import-export-premium-sidebar *) > .import-export-premium-sidebar{
    position:sticky;
    top:92px;
    align-self:start;
    z-index:5;
  }

  .import-export-page-shell .import-export-page-layout:not(:has(> .import-export-premium-sidebar *)){
    grid-template-columns:minmax(0,1040px) !important;
    justify-content:center;
  }

  .import-export-page-shell .import-export-page-layout:not(:has(> .import-export-premium-sidebar *)) > .content-body{
    width:100% !important;
  }
}

/* Desktop hero / process geometry like GST */
.import-export-page-shell .content-body{min-width:0 !important;}
.import-export-page-shell .ie-hero{width:100%;box-sizing:border-box;}
.import-export-page-shell .process-section{width:100%;box-sizing:border-box;}
.import-export-page-shell .steps-row{align-items:stretch;}
.import-export-page-shell .step-card{min-width:0;box-sizing:border-box;}

/* Sample certificate + service cards: stable two-column desktop layout. */
.import-export-page-shell #sample-and-services > div[style*="grid-template-columns"]{
  display:grid !important;
  grid-template-columns:minmax(220px,260px) minmax(0,1fr) !important;
  gap:18px !important;
  align-items:start !important;
  width:100% !important;
  min-width:0 !important;
}
.import-export-page-shell #sample-and-services > div[style*="grid-template-columns"] > *{
  min-width:0 !important;
}
.import-export-page-shell #sample-and-services .snap2{
  width:100%;
  max-width:260px !important;
  margin:0 auto;
  box-sizing:border-box;
}
.import-export-page-shell #sample-and-services .snap2 img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:260/292;
  object-fit:contain;
}
.import-export-page-shell .ie-service-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  width:100% !important;
  min-width:0 !important;
}
.import-export-page-shell .iso-box{
  min-width:0 !important;
  width:100% !important;
  box-sizing:border-box !important;
  overflow:hidden;
}
.import-export-page-shell .iso-box h3,
.import-export-page-shell .service-time,
.import-export-page-shell .service-price{
  overflow-wrap:anywhere;
  word-break:normal;
}
.import-export-page-shell .iso-icon{flex:0 0 auto;}

/* Article content must never push the viewport wider than the page. */
.import-export-page-shell #main-content,
.import-export-page-shell #articleContent,
.import-export-page-shell .ie-article-wrap,
.import-export-page-shell .services{min-width:0;max-width:100%;box-sizing:border-box;}
.import-export-page-shell img{max-width:100%;height:auto;}
.import-export-page-shell iframe,
.import-export-page-shell table{max-width:100%;}

/* ============================================================
   GST-STYLE RESOURCE CARDS
   Recent Articles | Related Services | Download Files
   ============================================================ */
.import-export-page-shell .ie-after-faq-resources{
  width:min(1340px,calc(100% - 40px)) !important;
  max-width:1340px !important;
  margin:34px auto 0 !important;
  padding:0 !important;
  clear:both !important;
  box-sizing:border-box !important;
}
.import-export-page-shell .ie-after-faq-resources > .row{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  align-items:stretch !important;
  box-sizing:border-box !important;
}
.import-export-page-shell .ie-after-faq-resources > .row::before,
.import-export-page-shell .ie-after-faq-resources > .row::after{display:none !important;content:none !important;}
.import-export-page-shell .ie-after-faq-resources .col-lg-4,
.import-export-page-shell .ie-after-faq-resources .col-md-4,
.import-export-page-shell .ie-after-faq-resources .col-sm-12{
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  float:none !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
}
.import-export-page-shell .ie-after-faq-resources .gst-resource-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  min-height:320px !important;
  height:auto !important;
  margin:0 !important;
  overflow:hidden !important;
  background:#fff !important;
  border:1px solid #e4ebe7 !important;
  border-radius:16px !important;
  box-shadow:0 10px 30px rgba(20,55,42,.08) !important;
  box-sizing:border-box !important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.import-export-page-shell .ie-after-faq-resources .gst-resource-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 0 auto 0 !important;
  height:3px !important;
  background:linear-gradient(90deg,#087a4b,#2ca876) !important;
  z-index:2;
}
.import-export-page-shell .ie-after-faq-resources .gst-resource-card:hover{
  transform:translateY(-3px) !important;
  border-color:#cfe0d8 !important;
  box-shadow:0 16px 38px rgba(26,55,43,.13) !important;
}
.import-export-page-shell .ie-after-faq-resources .gst-sidebar-card-head{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-height:76px !important;
  margin:0 !important;
  padding:17px 18px 14px !important;
  border:0 !important;
  border-bottom:1px solid #edf1ef !important;
  background:#fff !important;
  box-sizing:border-box !important;
}
.import-export-page-shell .ie-after-faq-resources .gst-sidebar-icon{
  flex:0 0 42px !important;
  width:42px !important;height:42px !important;
  display:inline-flex !important;
  align-items:center !important;justify-content:center !important;
  border-radius:50% !important;
  background:linear-gradient(145deg,#087a4b,#159b63) !important;
  color:#fff !important;
  font-family:Arial,sans-serif !important;
  font-size:19px !important;font-weight:700 !important;line-height:1 !important;
  box-shadow:0 5px 14px rgba(8,122,75,.18) !important;
}
.import-export-page-shell .ie-after-faq-resources .gst-sidebar-card-head h2{
  margin:0 !important;padding:0 !important;
  color:#18251f !important;
  font-family:"Segoe UI",Arial,sans-serif !important;
  font-size:19px !important;line-height:1.25 !important;font-weight:750 !important;
  letter-spacing:-.2px !important;
}
.import-export-page-shell .ie-after-faq-resources .resource-total{
  color:#087a4b !important;font-size:11px !important;font-weight:800 !important;
}
.import-export-page-shell .ie-after-faq-resources .gst-sidebar-list{
  flex:1 1 auto !important;min-height:0 !important;
  max-height:250px !important;
  margin:0 !important;padding:6px 9px 8px 18px !important;
  list-style:none !important;overflow-y:auto !important;overflow-x:hidden !important;
  scrollbar-width:thin !important;scrollbar-color:#9bc9b2 #f5f8f6 !important;
}
.import-export-page-shell .ie-after-faq-resources .gst-sidebar-list::-webkit-scrollbar{width:5px !important;}
.import-export-page-shell .ie-after-faq-resources .gst-sidebar-list::-webkit-scrollbar-track{background:#f4f7f5 !important;border-radius:10px !important;}
.import-export-page-shell .ie-after-faq-resources .gst-sidebar-list::-webkit-scrollbar-thumb{background:#9bc9b2 !important;border-radius:10px !important;}
.import-export-page-shell .ie-after-faq-resources .gst-sidebar-list li{margin:0 !important;padding:0 !important;border-bottom:1px solid #edf1ef !important;list-style:none !important;}
.import-export-page-shell .ie-after-faq-resources .gst-sidebar-list li:last-child{border-bottom:0 !important;}
.import-export-page-shell .ie-after-faq-resources .gst-sidebar-list li a{
  display:flex !important;align-items:center !important;gap:9px !important;
  width:100% !important;min-height:47px !important;box-sizing:border-box !important;
  padding:9px 7px !important;margin:0 !important;
  color:#173126 !important;background:transparent !important;
  text-decoration:none !important;font-family:"Segoe UI",Arial,sans-serif !important;
  font-size:13px !important;line-height:1.4 !important;font-weight:500 !important;
  transition:background .18s ease,transform .18s ease;
}
.import-export-page-shell .ie-after-faq-resources .gst-sidebar-list li a:hover,
.import-export-page-shell .ie-after-faq-resources .gst-sidebar-list li a:focus-visible{
  background:#f5faf7 !important;transform:translateX(2px);outline:none !important;
}
.import-export-page-shell .ie-after-faq-resources .gst-link-arrow{
  flex:0 0 auto !important;color:#087a4b !important;font-size:16px !important;line-height:1 !important;
}
.import-export-page-shell .ie-after-faq-resources .gst-services-card .gst-sidebar-list li a::before{
  content:"•" !important;flex:0 0 30px !important;width:30px !important;height:30px !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  border-radius:50% !important;background:#eef8f3 !important;color:#087a4b !important;
  font-size:13px !important;font-weight:800 !important;
}
.import-export-page-shell .ie-after-faq-resources .gst-services-card .gst-sidebar-list li a .gst-link-arrow{display:none !important;}
.import-export-page-shell .ie-after-faq-resources .gst-services-card .gst-sidebar-list li a::after{
  content:"›" !important;flex:0 0 auto !important;margin-left:auto !important;color:#53645c !important;font-size:19px !important;line-height:1 !important;
}
.import-export-page-shell .ie-after-faq-resources .gst-download-list{
  flex:1 1 auto !important;min-height:0 !important;max-height:250px !important;
  display:flex !important;flex-direction:column !important;gap:8px !important;
  margin:0 !important;padding:8px 9px 9px 10px !important;overflow-y:auto !important;overflow-x:hidden !important;
  scrollbar-width:thin !important;scrollbar-color:#9bc9b2 #f5f8f6 !important;
}
.import-export-page-shell .ie-after-faq-resources .gst-download-list::-webkit-scrollbar{width:5px !important;}
.import-export-page-shell .ie-after-faq-resources .gst-download-list::-webkit-scrollbar-thumb{background:#9bc9b2 !important;border-radius:10px !important;}
.import-export-page-shell .ie-after-faq-resources .gst-download-item{
  display:flex !important;align-items:center !important;gap:10px !important;width:100% !important;
  min-width:0 !important;padding:11px 4px !important;margin:0 !important;
  border:1px solid #e6ece8 !important;border-radius:11px !important;
  background:#f9fbfa !important;color:inherit !important;text-decoration:none !important;
  box-sizing:border-box !important;transition:background .2s ease,transform .2s ease,border-color .2s ease;
}
.import-export-page-shell .ie-after-faq-resources .gst-download-item:hover,
.import-export-page-shell .ie-after-faq-resources .gst-download-item:focus-visible{
  background:#f2faf6 !important;border-color:#cfe0d8 !important;transform:translateX(2px);outline:none !important;
}
.import-export-page-shell .ie-after-faq-resources .gst-file-icon{
  flex:0 0 42px !important;width:42px !important;height:42px !important;min-width:42px !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  border-radius:9px !important;background:#fde9e9 !important;color:#df3f3f !important;
  font-size:10px !important;font-weight:800 !important;text-align:center !important;
}
.import-export-page-shell .ie-after-faq-resources .gst-download-text{flex:1 1 auto !important;min-width:0 !important;}
.import-export-page-shell .ie-after-faq-resources .gst-download-text strong{
  display:block !important;margin:0 !important;color:#1e2c26 !important;
  font-family:"Segoe UI",Arial,sans-serif !important;font-size:12px !important;line-height:1.35 !important;font-weight:750 !important;overflow-wrap:anywhere !important;
}
.import-export-page-shell .ie-after-faq-resources .gst-download-text small{
  display:block !important;margin:3px 0 0 !important;color:#69766f !important;
  font-family:"Segoe UI",Arial,sans-serif !important;font-size:10px !important;line-height:1.35 !important;overflow-wrap:anywhere !important;
}
.import-export-page-shell .ie-after-faq-resources .gst-download-arrow{
  flex:0 0 29px !important;width:29px !important;height:29px !important;display:inline-flex !important;
  align-items:center !important;justify-content:center !important;border-radius:50% !important;
  color:#087a4b !important;font-family:Arial,sans-serif !important;font-size:20px !important;font-weight:700 !important;line-height:1 !important;
}

/* Mobile / tablet: one clean column, no horizontal overflow. */
@media (max-width:991px){
  .import-export-page-shell > section.import-export-main-shell{
    width:100% !important;max-width:760px !important;padding:0 15px !important;
  }
  .import-export-page-shell .import-export-page-layout{
    grid-template-columns:1fr !important;gap:20px !important;
  }
  .import-export-page-shell .import-export-premium-sidebar{
    position:relative !important;top:auto !important;
  }
  .import-export-page-shell #sample-and-services > div[style*="grid-template-columns"]{
    grid-template-columns:1fr !important;
  }
  .import-export-page-shell #sample-and-services .snap2{
    max-width:360px !important;margin:0 auto !important;
  }
  .import-export-page-shell .ie-service-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .import-export-page-shell .ie-after-faq-resources{
    width:100% !important;max-width:760px !important;padding:0 15px !important;
  }
  .import-export-page-shell .ie-after-faq-resources > .row{
    grid-template-columns:1fr !important;gap:18px !important;
  }
  .import-export-page-shell .ie-after-faq-resources .gst-resource-card{
    min-height:0 !important;
  }
  .import-export-page-shell .ie-after-faq-resources .gst-sidebar-list{max-height:320px !important;}
  .import-export-page-shell .ie-after-faq-resources .gst-download-list{max-height:340px !important;}
}

@media (max-width:575px){
  .import-export-page-shell > section.import-export-main-shell{padding:0 12px !important;}
  .import-export-page-shell .ie-hero{padding:23px 18px !important;margin-top:6px !important;border-radius:18px !important;}
  .import-export-page-shell .ie-hero h1{font-size:30px !important;line-height:1.12 !important;}
  .import-export-page-shell .ie-hero .ie-lead{font-size:16px !important;line-height:1.65 !important;}
  .import-export-page-shell .ie-trust-row{gap:7px !important;}
  .import-export-page-shell .ie-trust-pill{font-size:11px !important;padding:7px 9px !important;}
  .import-export-page-shell .steps-row{grid-template-columns:1fr !important;gap:12px !important;}
  .import-export-page-shell .step-card{min-height:auto !important;}
  .import-export-page-shell .process-section{padding:20px 15px !important;}
  .import-export-page-shell .process-section .section-title{font-size:23px !important;text-align:left !important;}
  .import-export-page-shell .ie-section-card{padding:19px !important;border-radius:15px !important;}
  .import-export-page-shell .ie-section-card .notices-heading{font-size:21px !important;}
  .import-export-page-shell #sample-and-services > div[style*="grid-template-columns"]{gap:16px !important;}
  .import-export-page-shell #sample-and-services .snap2{max-width:100% !important;}
  .import-export-page-shell .ie-service-grid{grid-template-columns:1fr !important;gap:12px !important;}
  .import-export-page-shell .iso-box{padding:18px 15px !important;}
  .import-export-page-shell .iso-icon{margin-left:0 !important;margin-right:0 !important;}
.import-export-page-shell .ie-after-faq-resources{padding:0 12px !important;margin-top:28px !important;}
  .import-export-page-shell .ie-after-faq-resources .gst-sidebar-card-head{min-height:70px !important;padding:14px !important;}
  .import-export-page-shell .ie-after-faq-resources .gst-sidebar-card-head h2{font-size:18px !important;}
  .import-export-page-shell .ie-after-faq-resources .gst-sidebar-list{max-height:280px !important;padding-left:12px !important;}
  .import-export-page-shell .ie-after-faq-resources .gst-download-list{max-height:300px !important;}
}

@media (prefers-reduced-motion:reduce){
  .import-export-page-shell *,
  .import-export-page-shell *::before,
  .import-export-page-shell *::after{scroll-behavior:auto !important;transition:none !important;animation:none !important;}
}

/* Presentation overrides to address screenshot requests (kept below main scoped styles) */
/* Make announcement full viewport width while keeping it visually inside the shell.
   Reduce its z-index so the site header / dropdowns (which exist outside this shell)
   can appear above it. */
.import-export-page-shell .announcement-bar {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  box-sizing: border-box;
  z-index: 1; /* lowered so nav dropdowns (site header) appear above announcement */
}

/* Hide the small eyebrow / badge text in hero */
.import-export-page-shell .ie-eyebrow {
  display: none !important;
}

/* Remove the decorative top-right circle on the hero (the 'black spot') */
.import-export-page-shell .ie-hero:after {
  display: none !important;
}

/* Minor tweak so hero content layout remains consistent */
.import-export-page-shell .ie-hero { overflow: visible; }

/* ================================================================
   FINAL RESPONSIVE RESTRUCTURE
   - Desktop: one centered, wide article column (GST-style width)
   - Tablet: fluid single column
   - Mobile: one-column document/service cards
   - No horizontal overflow
   - Sidebar include is kept in PHP but hidden on this page so the
     article can use the same wide visual space as the GST screenshot.
   ================================================================ */

/* ---------- Global page geometry ---------- */
.import-export-page-shell,
.import-export-page-shell * {
  box-sizing: border-box;
}

.import-export-page-shell {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: clip !important;
}

.import-export-page-shell > .announcement-bar {
  left: 0 !important;
  right: auto !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: 0 !important;
  width: 100vw !important;
  background: #087a4b !important;
  color: #fff !important;
}

.import-export-page-shell > .import-export-main-shell {
  width: min(1200px, calc(100% - 32px)) !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.import-export-page-shell .page-content {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.import-export-page-shell .import-export-page-layout {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.import-export-page-shell .import-export-page-layout > .content-body,
.import-export-page-shell .import-export-page-layout > main.content-body {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

/* The sidebar is retained in the PHP file but must not steal the
   desktop article width. The resource cards below the article are
   the page's related-content area. */
.import-export-page-shell .import-export-premium-sidebar {
  display: none !important;
}

/* ---------- Breadcrumb ---------- */
.import-export-page-shell .breadcrumb {
  width: 100% !important;
  margin: 0 0 12px !important;
  padding: 9px 2px !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 12px !important;
}

/* ---------- Hero ---------- */
.import-export-page-shell .ie-hero {
  width: 100% !important;
  max-width: 100% !important;
  margin: 8px 0 24px !important;
  padding: 34px 34px 32px !important;
  min-height: 0 !important;
}

.import-export-page-shell .ie-hero h1 {
  max-width: 980px !important;
  margin: 0 0 14px !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  line-height: 1.08 !important;
}

.import-export-page-shell .ie-hero .ie-lead {
  max-width: 960px !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
}

.import-export-page-shell .ie-meta {
  margin-top: 12px !important;
  gap: 7px 18px !important;
}

.import-export-page-shell .ie-trust-row {
  max-width: 100% !important;
  gap: 9px !important;
}

.import-export-page-shell .hero-cta {
  margin-top: 20px !important;
}

/* ---------- Process section ---------- */
.import-export-page-shell .process-section {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 20px !important;
  padding: 26px 28px !important;
  background: #fff !important;
  border: 1px solid #e4ebe7 !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 30px rgba(20,55,42,.06) !important;
}

.import-export-page-shell .process-section > .page-content {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.import-export-page-shell .process-section .section-title {
  margin: 0 0 24px !important;
  padding: 0 !important;
  font-size: clamp(25px, 2.6vw, 34px) !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

.import-export-page-shell .steps-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 !important;
}

.import-export-page-shell .step-card {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 165px !important;
  margin: 0 !important;
  padding: 18px !important;
  border: 1px solid #e0e9e4 !important;
  border-radius: 14px !important;
  background: #fbfdfc !important;
  overflow-wrap: anywhere !important;
}

.import-export-page-shell .step-head {
  display: grid !important;
  grid-template-columns: 28px 38px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 8px !important;
}

.import-export-page-shell .step-title {
  min-width: 0 !important;
  margin: 3px 0 0 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}

.import-export-page-shell .step-desc {
  margin: 14px 0 0 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

/* ---------- Sample certificate + service cards ---------- */
.import-export-page-shell #sample-and-services {
  width: 100% !important;
  max-width: 100% !important;
}

.import-export-page-shell #sample-and-services > div[style*="grid-template-columns"] {
  display: grid !important;
  grid-template-columns: 260px minmax(0, 1fr) !important;
  gap: 20px !important;
  width: 100% !important;
  max-width: 100% !important;
  align-items: start !important;
}

.import-export-page-shell #sample-and-services .snap2 {
  width: 260px !important;
  max-width: 260px !important;
  margin: 0 !important;
}

.import-export-page-shell .ie-service-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.import-export-page-shell .iso-box {
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 210px !important;
  padding: 20px 16px !important;
  overflow-wrap: anywhere !important;
}

.import-export-page-shell .iso-box h3 {
  font-size: 17px !important;
  line-height: 1.3 !important;
}

.import-export-page-shell .service-time,
.import-export-page-shell .service-price {
  font-size: 13px !important;
  line-height: 1.5 !important;
  overflow-wrap: anywhere !important;
}.import-export-page-shell .toc-container {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: center !important;
}

.import-export-page-shell .toc-scroll {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  scrollbar-width: thin !important;
}

.import-export-page-shell .toc-link {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

/* ---------- Article cards ---------- */
.import-export-page-shell #main-content,
.import-export-page-shell #articleContent,
.import-export-page-shell .ie-article-wrap {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.import-export-page-shell .ie-section-card {
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 18px !important;
  overflow: hidden !important;
}

.import-export-page-shell .ie-doc-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.import-export-page-shell .ie-doc-card {
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.import-export-page-shell .ie-doc-card h3 {
  overflow-wrap: anywhere !important;
}

.import-export-page-shell .ie-doc-card li {
  overflow-wrap: anywhere !important;
}

/* ---------- Resource cards ---------- */
.import-export-page-shell .ie-after-faq-resources {
  width: min(1200px, calc(100% - 32px)) !important;
  max-width: 1200px !important;
  margin: 34px auto 0 !important;
  padding: 0 !important;
}

.import-export-page-shell .ie-after-faq-resources > .row {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

/* ---------- Tablet ---------- */
@media (max-width: 991px) {
  .import-export-page-shell > .import-export-main-shell {
    width: min(760px, calc(100% - 24px)) !important;
    max-width: 760px !important;
  }

  .import-export-page-shell .ie-hero {
    padding: 28px 24px !important;
  }

  .import-export-page-shell .ie-hero h1 {
    font-size: 38px !important;
  }

  .import-export-page-shell .steps-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .import-export-page-shell #sample-and-services > div[style*="grid-template-columns"] {
    grid-template-columns: 220px minmax(0, 1fr) !important;
  }

  .import-export-page-shell #sample-and-services .snap2 {
    width: 220px !important;
    max-width: 220px !important;
  }

  .import-export-page-shell .ie-service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .import-export-page-shell .ie-doc-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .import-export-page-shell .ie-after-faq-resources {
    width: min(760px, calc(100% - 24px)) !important;
    max-width: 760px !important;
  }

  .import-export-page-shell .ie-after-faq-resources > .row {
    grid-template-columns: 1fr !important;
  }
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
  .import-export-page-shell > .import-export-main-shell {
    width: calc(100% - 20px) !important;
    max-width: none !important;
  }

  .import-export-page-shell .breadcrumb {
    margin-bottom: 7px !important;
    padding: 7px 1px !important;
    font-size: 11px !important;
  }

  .import-export-page-shell .ie-hero {
    padding: 22px 17px 23px !important;
    margin: 6px 0 16px !important;
    border-radius: 17px !important;
  }

  .import-export-page-shell .ie-hero h1 {
    font-size: 28px !important;
    line-height: 1.13 !important;
    letter-spacing: -.015em !important;
  }

  .import-export-page-shell .ie-hero .ie-lead {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  .import-export-page-shell .ie-meta {
    font-size: 11px !important;
    gap: 5px 12px !important;
  }

  .import-export-page-shell .ie-trust-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  .import-export-page-shell .ie-trust-pill {
    width: 100% !important;
    min-width: 0 !important;
    padding: 7px 8px !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
    text-align: center !important;
  }

  .import-export-page-shell .process-section {
    padding: 20px 14px !important;
    border-radius: 15px !important;
  }

  .import-export-page-shell .process-section .section-title {
    font-size: 24px !important;
    line-height: 1.25 !important;
    text-align: center !important;
    margin-bottom: 18px !important;
  }

  .import-export-page-shell .steps-row {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .import-export-page-shell .step-card {
    min-height: 0 !important;
    padding: 16px !important;
  }

  .import-export-page-shell .step-head {
    grid-template-columns: 28px 36px minmax(0, 1fr) !important;
  }

  .import-export-page-shell .step-title {
    font-size: 15px !important;
  }

  .import-export-page-shell .step-desc {
    font-size: 13px !important;
  }

  /* IMPORTANT: certificate and services stack vertically on mobile. */
  .import-export-page-shell #sample-and-services > div[style*="grid-template-columns"] {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  .import-export-page-shell #sample-and-services .snap2 {
    width: min(100%, 280px) !important;
    max-width: 280px !important;
    margin: 0 auto !important;
  }

  .import-export-page-shell .ie-service-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .import-export-page-shell .iso-box {
    min-height: 0 !important;
    padding: 17px 15px !important;
  }

  .import-export-page-shell .iso-icon {
    margin: 0 0 10px !important;
  }

  /* Documents must be ONE column on phones. This is the main fix
     for the 3-column overflow visible in the supplied screenshot. */
  .import-export-page-shell .ie-doc-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .import-export-page-shell .ie-doc-card {
    width: 100% !important;
    padding: 17px 16px !important;
  }

  .import-export-page-shell .ie-doc-card h3 {
    font-size: 18px !important;
    line-height: 1.3 !important;
  }

  .import-export-page-shell .ie-doc-card li {
    font-size: 14px !important;
    line-height: 1.65 !important;
    margin: 6px 0 !important;
  }

  .import-export-page-shell .ie-section-card {
    padding: 17px !important;
    border-radius: 14px !important;
  }

  .import-export-page-shell .ie-section-card .notices-heading {
    font-size: 21px !important;
    line-height: 1.3 !important;
  }
.import-export-page-shell .ie-info-grid {
    grid-template-columns: 1fr !important;
  }

  .import-export-page-shell .ie-after-faq-resources {
    width: calc(100% - 20px) !important;
    max-width: none !important;
  }
}

/* ---------- Small phones ---------- */
@media (max-width: 430px) {
  .import-export-page-shell > .import-export-main-shell {
    width: calc(100% - 16px) !important;
  }

  .import-export-page-shell .ie-hero {
    padding: 20px 15px 21px !important;
  }

  .import-export-page-shell .ie-hero h1 {
    font-size: 25px !important;
  }

  .import-export-page-shell .ie-trust-row {
    grid-template-columns: 1fr !important;
  }

  .import-export-page-shell .ie-after-faq-resources {
    width: calc(100% - 16px) !important;
  }
}



.import-export-page-shell .iec-author-trust-card{
  margin-top:22px;
  padding:0;
  border:1px solid #d8e7df;
  border-radius:18px;
  overflow:hidden;
  background:#f7fbf9;
  box-shadow:0 8px 26px rgba(23,49,38,.06);
}
.import-export-page-shell .iec-author-trust-head{
  padding:17px 20px 14px;
  background:linear-gradient(135deg,#eaf5ff 0%,#f4fbf8 100%);
  border-bottom:1px solid #dbe9e2;
}
.import-export-page-shell .iec-author-trust-head h2{
  margin:0;
  color:#173126;
  font-size:21px;
  line-height:1.35;
}
.import-export-page-shell .iec-author-trust-body{
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  gap:20px;
  padding:20px;
}
.import-export-page-shell .iec-author-avatar{
  width:96px;
  height:96px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#e7f4ff,#dff2e9);
  border:1px solid #cfe1d8;
  color:#0b5d45;
  font-size:28px;
  font-weight:800;
  letter-spacing:.5px;
}
.import-export-page-shell .iec-author-name{
  margin:0 0 5px;
  color:#0057b8;
  font-size:19px;
  font-weight:800;
}
.import-export-page-shell .iec-author-role{
  margin:0 0 10px;
  color:#5b6b63;
  font-size:13px;
  font-weight:700;
}
.import-export-page-shell .iec-author-bio{
  margin:0;
  color:#3f5149;
  font-size:14px;
  line-height:1.7;
}
.import-export-page-shell .iec-trust-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.import-export-page-shell .iec-trust-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border:1px solid #d7e7df;
  border-radius:999px;
  background:#fff;
  color:#315247;
  font-size:12px;
  font-weight:700;
}
.import-export-page-shell .iec-author-links{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:15px;
}
.import-export-page-shell .iec-author-links a{
  color:#0057b8;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
}
.import-export-page-shell .iec-author-links a:hover{text-decoration:underline;}
.import-export-page-shell .iec-trust-note{
  padding:13px 20px;
  border-top:1px solid #dbe9e2;
  background:#fff;
  color:#5c6c64;
  font-size:12px;
  line-height:1.65;
}
@media(max-width:767px){
  .import-export-page-shell .iec-author-trust-body{
    grid-template-columns:1fr;
    gap:14px;
  }
  .import-export-page-shell .iec-author-avatar{
    width:78px;height:78px;font-size:23px;
  }
}



.import-export-page-shell .iec-intent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;}
.import-export-page-shell .iec-intent-card{display:flex;flex-direction:column;min-width:0;padding:19px 18px;border:1px solid var(--ie-border);border-radius:15px;background:#fbfdfc;}
.import-export-page-shell .iec-intent-card h3{margin:0 0 8px;color:var(--ie-primary-dark);font-size:18px;line-height:1.35;}
.import-export-page-shell .iec-intent-card p,.import-export-page-shell .iec-intent-card li{font-size:14px;line-height:1.7;}
.import-export-page-shell .iec-intent-card ul{margin:8px 0 0;padding-left:20px;}
.import-export-page-shell .iec-answer-box{margin-top:16px;padding:15px 17px;border-left:4px solid var(--ie-primary);border-radius:10px;background:#f3f9f6;color:#344a40;line-height:1.7;}
.import-export-page-shell .iec-comparison-table-wrap{margin-top:18px;overflow-x:auto;border:1px solid var(--ie-border);border-radius:13px;}
.import-export-page-shell .iec-comparison-table{width:100%;min-width:620px;border-collapse:collapse;background:#fff;}
.import-export-page-shell .iec-comparison-table th,.import-export-page-shell .iec-comparison-table td{padding:13px 14px;border-bottom:1px solid #e8eeeb;text-align:left;vertical-align:top;line-height:1.55;}
.import-export-page-shell .iec-comparison-table th{background:#f2f7f4;color:#173126;font-size:13px;font-weight:800;}
.import-export-page-shell .iec-comparison-table td{color:#43554d;font-size:13px;}
.import-export-page-shell .iec-comparison-table tr:last-child td{border-bottom:0;}
.import-export-page-shell .iec-intent-list{margin:14px 0 0;padding-left:21px;}
.import-export-page-shell .iec-intent-list li{margin:7px 0;color:#43554d;line-height:1.7;}
.import-export-page-shell .iec-step-list{counter-reset:iec-step;list-style:none;margin:18px 0 0;padding:0;}
.import-export-page-shell .iec-step-list li{position:relative;margin:0 0 12px;padding:14px 15px 14px 50px;border:1px solid var(--ie-border);border-radius:12px;background:#fbfdfc;color:#43554d;line-height:1.65;}
.import-export-page-shell .iec-step-list li::before{counter-increment:iec-step;content:counter(iec-step);position:absolute;left:14px;top:14px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#eaf6f0;color:var(--ie-primary-dark);font-size:12px;font-weight:800;}
.import-export-page-shell .iec-intent-note{margin-top:16px;padding:12px 14px;border:1px solid #e1ebe5;border-radius:10px;background:#fff;color:#5b6b63;font-size:12px;line-height:1.6;}
@media (max-width:991px){.import-export-page-shell .iec-intent-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:767px){.import-export-page-shell .iec-intent-grid{grid-template-columns:1fr;gap:12px;}.import-export-page-shell .iec-intent-card{padding:17px 15px;}.import-export-page-shell .iec-comparison-table-wrap{margin-left:-2px;margin-right:-2px;}}



/* ============================================================
   IEC LAW / RULES / DGFT UPDATES
   EXACT GST REFERENCE-CENTRE VISUAL TREATMENT
   Scoped to the IEC section so the rest of the page is untouched.
   ============================================================ */

.import-export-page-shell .ie-law-rules-section {
    margin: 28px 0 30px;
    padding: 0;
}

.import-export-page-shell .ie-law-rules-section .page-content {
    border: 1px solid #dfe6e2;
    border-left: 5px solid transparent;
    border-image: linear-gradient(
        to bottom,
        #ff9933 0 33.33%,
        #ffffff 33.33% 66.66%,
        #138808 66.66% 100%
    ) 1;
    border-radius: 14px;
    padding: 22px 22px 20px;

    background:
        linear-gradient(
            to bottom,
            rgba(255,153,51,.12) 0%,
            rgba(255,153,51,.12) 33.33%,
            rgba(255,255,255,.97) 33.33%,
            rgba(255,255,255,.97) 66.66%,
            rgba(19,136,8,.08) 66.66%,
            rgba(19,136,8,.08) 100%
        );

    box-shadow: 0 8px 26px rgba(20,40,60,.07);
    overflow: hidden;
}

.import-export-page-shell .ie-law-rules-section .gst-act-rules-header h2 {
    margin: 0 0 5px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #17212b;
    font-size: 28px;
    line-height: 1.25;
    font-weight: 800;
}

.import-export-page-shell .ie-law-rules-section .gst-act-rules-header p {
    margin: 0 0 18px;
    color: #4d5963;
    font-size: 14px;
    line-height: 1.55;
}

.import-export-page-shell .ie-law-rules-section .gst-act-rules-icon {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #087a4b;
    font-size: 25px;
    border-radius: 0;
    background: transparent;
    margin: 0;
}

.import-export-page-shell .ie-law-rules-section .gst-act-rules-table-wrap {
    border: 1px solid rgba(110,125,135,.35);
    background: rgba(255,255,255,.78);
}

.import-export-page-shell .ie-law-rules-section .gst-act-rules-row {
    display: grid;
    grid-template-columns: 125px minmax(0, 1fr) 185px;
    align-items: center;
    min-height: 58px;
    border-bottom: 1px solid rgba(110,125,135,.30);
}

.import-export-page-shell .ie-law-rules-section .gst-act-rules-row:last-child {
    border-bottom: 0;
}

.import-export-page-shell .ie-law-rules-section .gst-act-rules-type {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 12px 14px;
    box-sizing: border-box;
    border-right: 1px solid rgba(110,125,135,.30);
    color: #667484;
    font-weight: 700;
}

.import-export-page-shell .ie-law-rules-section .gst-act-rules-name {
    padding: 12px 18px;
    color: #68778b;
    font-size: 15px;
    line-height: 1.45;
    overflow-wrap:anywhere;
}

.import-export-page-shell .ie-law-rules-section .gst-act-rules-download {
    justify-self: start;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #1769e0 !important;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
    white-space: nowrap;
}

.import-export-page-shell .ie-law-rules-section .gst-act-rules-download:hover,
.import-export-page-shell .ie-law-rules-section .gst-act-rules-download:focus {
    color: #0b4fb5 !important;
    text-decoration: underline !important;
}

.import-export-page-shell .ie-law-rules-section .gst-download-symbol {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #222;
    color: #222;
    font-size: 15px;
    line-height: 1;
    box-sizing: border-box;
}

.import-export-page-shell .ie-law-rules-section .gst-act-rules-current-note {
    margin-top: 12px;
    padding: 10px 12px;
    border-radius: 8px;
    background: rgba(255,255,255,.72);
    color: #56616a;
    font-size: 12px;
    line-height: 1.55;
}

.import-export-page-shell .ie-law-rules-section .gst-act-rules-current-note a {
    color: #087a4b;
    font-weight: 700;
    text-decoration: underline;
}

/* Same responsive geometry as the GST page */
@media (max-width: 700px) {

    .import-export-page-shell .ie-law-rules-section .page-content {
        padding: 17px 13px 15px;
    }

    .import-export-page-shell .ie-law-rules-section .gst-act-rules-header h2 {
        font-size: 23px;
    }

    .import-export-page-shell .ie-law-rules-section .gst-act-rules-row {
        grid-template-columns: 78px minmax(0, 1fr);
    }

    .import-export-page-shell .ie-law-rules-section .gst-act-rules-download {
        grid-column: 2;
        padding: 0 18px 14px;
    }

    .import-export-page-shell .ie-law-rules-section .gst-act-rules-name {
        padding: 12px 12px 8px;
    }

    .import-export-page-shell .ie-law-rules-section .gst-act-rules-type {
        padding: 12px 9px;
    }

    }



.import-export-page-shell .estartup-author-card {
    --author-navy: #183b63;
    --author-muted: #718096;
    --author-text: #526274;
    --author-border: #e7edf4;

    position: relative;
    width: 100%;
    margin: 26px 0 28px;
    padding: 27px 24px 24px;
    border: 1px solid var(--author-border);
    border-radius: 16px;
    background: #f7fbff;
    box-shadow: 0 5px 18px rgba(24, 59, 99, 0.06);
    box-sizing: border-box;
    overflow: hidden;
}

.import-export-page-shell .estartup-author-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(180deg, #2b6cb0, #183b63);
}

.import-export-page-shell .estartup-author-title {
    margin: 0 0 26px;
    padding: 0;
    color: var(--author-navy);
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
}

.import-export-page-shell .estartup-author-top {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    gap: 18px;
}

.import-export-page-shell .estartup-author-photo {
    display: block;
    width: 70px !important;
    height: 70px !important;
    min-width: 70px;
    max-width: 70px !important;
    flex: 0 0 70px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    object-fit: cover;
    object-position: center top;
    background: #e8edf2;
    box-shadow: none;
}

.import-export-page-shell .estartup-author-identity {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.import-export-page-shell .estartup-author-name {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: var(--author-navy) !important;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.import-export-page-shell .estartup-author-role {
    margin: 5px 0 0;
    padding: 0;
    color: var(--author-muted);
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 400;
}

.import-export-page-shell .estartup-author-linkedin {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px;
    max-width: 34px;
    flex: 0 0 34px;
    margin: 0 2px 0 auto;
    padding: 0 !important;
    border: 1px solid #183b63;
    border-radius: 50%;
    background: #ffffff;
    color: #183b63 !important;
    text-decoration: none !important;
    line-height: 1;
    box-sizing: border-box;
}

.import-export-page-shell .estartup-author-linkedin svg {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    fill: currentColor !important;
    overflow: hidden;
}

.import-export-page-shell .estartup-author-linkedin:hover,
.import-export-page-shell .estartup-author-linkedin:focus-visible {
    color: #ffffff !important;
    background: #183b63;
    outline: none;
}

.import-export-page-shell .estartup-author-bio {
    margin: 25px 0 0;
    padding: 0;
    max-width: none;
    color: var(--author-text);
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.65;
}

.import-export-page-shell .estartup-author-bio strong {
    color: var(--author-navy);
    font-weight: 600;
}

.import-export-page-shell .estartup-author-more {
    display: inline;
    margin: 0;
    color: var(--author-navy) !important;
    font-weight: 700;
    text-decoration: none;
}

.import-export-page-shell .estartup-author-more:hover,
.import-export-page-shell .estartup-author-more:focus-visible {
    text-decoration: underline;
}

/* Keep the author card completely independent from Bootstrap/grid styles. */
.import-export-page-shell .estartup-author-card,
.import-export-page-shell .estartup-author-card * {
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .import-export-page-shell .estartup-author-card {
        margin: 22px 0 24px;
        padding: 22px 18px 20px;
        border-radius: 15px;
    }

    .import-export-page-shell .estartup-author-title {
        margin-bottom: 20px;
        font-size: 19px;
    }

    .import-export-page-shell .estartup-author-top {
        gap: 13px;
    }

    .import-export-page-shell .estartup-author-photo {
        width: 64px !important;
        height: 64px !important;
        min-width: 64px;
        max-width: 64px !important;
        flex-basis: 64px;
    }

    .import-export-page-shell .estartup-author-name {
        font-size: 15px;
    }

    .import-export-page-shell .estartup-author-role {
        font-size: 12px;
    }

    .import-export-page-shell .estartup-author-linkedin {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px;
        max-width: 32px;
        flex-basis: 32px;
    }

    .import-export-page-shell .estartup-author-bio {
        margin-top: 20px;
        font-size: 14px;
        line-height: 1.65;
    }
}