/* SHELROCK — intel-article.css
   One stylesheet for every Trade Intelligence guide (/intelligence/*.html and
   /intelligence/uk-india-fta/). Refines the existing article components into a
   calmer, enterprise layout and styles the conversion elements (hero CTAs,
   sticky rail, inline bands, buyer/seller close). */
.ia-page{--ia-ink:#101828;--ia-ink2:#344054;--ia-mute:#667085;--ia-line:#e3e8ef;--ia-soft:#f7f9fc;--ia-blue:#1557d5;--ia-navy:#0f2a52;--ia-orange:#ff6a1a;--ia-green:#067647;--article-page-container-width:var(--ia-shell-width,min(calc(100% - 44px),1440px))}
@media (max-width:1024px){.ia-page{--article-page-container-width:var(--ia-shell-width,calc(100% - 28px))}}
@media (max-width:640px){.ia-page{--article-page-container-width:var(--ia-shell-width,calc(100% - 24px))}}

/* ---------- rhythm & type ---------- */
.ia-page .article-page-content{font-size:16px;color:var(--ia-ink2)}
.ia-page .article-page-hero-section{padding:44px 0 36px;background:linear-gradient(180deg,#f5f8fc 0,#fff 100%);border-bottom:1px solid #eef2f6}
.ia-page .article-page-hero-layout{gap:40px;align-items:center}
.ia-page .article-page-hero-content h1{font-size:clamp(30px,3.6vw,46px)!important;line-height:1.08!important;letter-spacing:-.03em;margin:12px 0 12px!important;color:var(--ia-ink)}
.ia-page .article-page-hero-summary{font-size:17px!important;line-height:1.6!important;color:var(--ia-mute)!important;max-width:620px}
.ia-page .article-page-hero-image-card{border-radius:20px;overflow:hidden;box-shadow:0 20px 44px rgba(15,35,70,.12)}
.ia-page .article-page-hero-image-card img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}
.ia-page .article-page-author-byline{margin-top:20px;padding-top:16px;border-top:1px solid var(--ia-line)}
.ia-page .article-page-author-byline p{font-size:12.5px;line-height:1.5}
.ia-page .article-page-trust-signals span{border-radius:99px;font-size:12px}

.ia-page .article-page-section{padding:44px 0!important;border-bottom:1px solid #edf1f6}
.ia-page .article-page-section-heading{display:block!important;margin-bottom:22px!important}
.ia-page .article-page-section-heading h2,.ia-page .article-page-section h2{font-size:clamp(24px,2.3vw,32px)!important;line-height:1.18!important;letter-spacing:-.02em!important;margin:8px 0 10px!important;color:var(--ia-ink);max-width:860px}
.ia-page .article-page-section-heading p{max-width:760px;margin:0!important;font-size:15.5px!important;line-height:1.65!important;color:var(--ia-mute)!important}
.ia-page .article-page-section-eyebrow,.ia-page .article-page-section-heading span{font-size:11px!important;letter-spacing:.14em!important;color:var(--ia-blue)!important;font-weight:900}
.ia-page .article-page-section h3{font-size:17px;line-height:1.35;color:var(--ia-ink)}
.ia-page .article-page-section p{line-height:1.65}
.ia-page .article-page-official-data-section{padding:40px 0 20px}

/* cards, tables, notes: one border/radius language */
.ia-page .article-page-content :is(.article-page-official-data-cards>article,.article-page-government-chart-card,.article-page-buyer-dashboard-grid>*,.article-page-price-driver-grid>*,.article-page-document-grid>*,.article-page-insurance-risk-grid>*,.article-page-import-workflow-grid>*,.article-page-commercial-terms-grid>*,.article-page-fta-logic-grid>*,.article-page-logistics-card,.article-page-expert-note,.article-page-supplier-red-flags,.article-page-compliance-answer,.article-page-origin-explainer,.article-page-official-note,.article-page-related-grid>*,.article-right-calculator-section){border:1px solid var(--ia-line)!important;border-radius:14px!important;box-shadow:none!important}
.ia-page .article-page-content :is(.article-page-product-specification-table,.article-page-testing-table,.article-page-incoterm-table,.article-page-supplier-scorecard){border:1px solid var(--ia-line)!important;border-radius:14px!important;overflow:hidden;box-shadow:none!important}
.ia-page .article-page-content :is(.article-page-product-specification-header,.article-page-testing-table-header,.article-page-incoterm-table-header,.article-page-supplier-scorecard-header){background:var(--ia-navy)!important}

/* left table of contents */
.ia-page .article-page-left-navigation-menu{top:150px!important;border-radius:14px;padding:12px!important}
.ia-page .article-page-left-navigation-menu a{font-size:12.5px!important;padding:7px 9px!important}
.ia-page .article-page-left-navigation-menu a.article-navigation-active{background:#eaf2ff!important;color:var(--ia-blue)!important}
.ia-page .article-page-left-navigation-cta{background:var(--ia-orange)!important;border-color:var(--ia-orange)!important;color:#fff!important}

/* ---------- 3-column layout: TOC · article · conversion rail ---------- */
.ia-page .article-page-main-layout.ia-layout{grid-template-columns:minmax(0,1fr) 300px!important;grid-template-areas:"main rail";gap:44px!important;padding-top:30px!important}
.ia-page .ia-layout>.article-page-left-navigation{display:none!important}
.ia-page .ia-layout>.article-page-left-navigation{grid-area:nav}
.ia-page .ia-layout>.article-page-main-content{grid-area:main}
.ia-page .ia-layout>.ia-rail{grid-area:rail}

/* ---------- buttons ---------- */
.ia-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:11px;border:1px solid #d0d8e4;background:#fff;color:var(--ia-ink)!important;font-weight:800;font-size:14px;text-decoration:none!important;transition:background .15s,border-color .15s,color .15s,transform .15s}
.ia-btn:hover{border-color:var(--ia-blue);color:var(--ia-blue)!important}
.ia-btn--primary{background:var(--ia-orange);border-color:var(--ia-orange);color:#fff!important}
.ia-btn--primary:hover{background:#f05a0a;border-color:#f05a0a;color:#fff!important;transform:translateY(-1px)}
.ia-btn--block{width:100%}

/* hero CTAs */
.ia-hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 4px}

/* sticky rail */
.ia-rail{position:relative;min-width:0}
.ia-rail-card{position:sticky;top:150px;display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--ia-line);border-radius:18px;background:#fff;box-shadow:0 16px 36px rgba(15,35,70,.08)}
.ia-rail-img{margin:-4px -4px 4px;border-radius:12px;overflow:hidden;aspect-ratio:16/10;background:var(--ia-soft)}
.ia-rail-img img{width:100%;height:100%;object-fit:cover;display:block}
.ia-rail-card>small{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--ia-green)}
.ia-rail-card>b{font-size:17px;line-height:1.3;color:var(--ia-ink)}
.ia-facts{display:grid;gap:6px;margin:2px 0 4px;padding:10px 12px;border-radius:12px;background:var(--ia-soft)}
.ia-facts div{display:flex;justify-content:space-between;gap:10px;font-size:13px}
.ia-facts dt{color:var(--ia-mute)}
.ia-facts dd{margin:0;font-weight:800;color:var(--ia-ink);text-align:right}
.ia-rail-card ul{list-style:none;margin:4px 0 0;padding:10px 0 0;border-top:1px solid #edf1f6;display:grid;gap:5px;font-size:12.5px;color:var(--ia-ink2)}
.ia-rail-card li::before{content:"✓ ";color:var(--ia-green);font-weight:900}
.ia-rail-sell{margin-top:4px;padding:10px 12px;border-radius:10px;background:#fff7ed;font-size:12.5px;color:#9a3412!important;text-decoration:none!important}
.ia-rail-sell b{color:#c2410c}

/* inline bands */
.ia-band{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:6px 0 10px;padding:22px 24px;border-radius:18px;background:linear-gradient(120deg,var(--ia-navy),#173f7a);color:#fff}
.ia-band small{font-size:10px;font-weight:900;letter-spacing:.14em;color:#9fb6da}
.ia-band b{display:block;margin:5px 0 4px;font-size:19px;line-height:1.3;color:#fff}
.ia-band p{margin:0!important;font-size:14px;line-height:1.55;color:#c9d6ea!important;max-width:560px}
.ia-band-actions{display:flex;flex-wrap:wrap;gap:8px;flex:0 0 auto}
.ia-band .ia-btn:not(.ia-btn--primary){background:transparent;border-color:rgba(255,255,255,.35);color:#fff!important}
.ia-band--soft{background:#f5f9ff;border:1px solid #cfe0f5;color:var(--ia-ink)}
.ia-band--soft small{color:var(--ia-blue)}
.ia-band--soft b{color:var(--ia-ink)}
.ia-band--soft p{color:var(--ia-mute)!important}
.ia-band--soft .ia-btn:not(.ia-btn--primary){background:#fff;border-color:#d0d8e4;color:var(--ia-ink)!important}

/* buyer / seller close */
.ia-dual{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:40px 0 10px}
.ia-dual-card{display:block;padding:22px;border:1px solid var(--ia-line);border-radius:18px;background:#fff;text-decoration:none!important;color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}
.ia-dual-card:hover{border-color:var(--ia-blue);box-shadow:0 14px 30px rgba(21,87,213,.1);transform:translateY(-2px)}
.ia-dual-card small{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--ia-blue)}
.ia-dual-card.is-sell small{color:#c4320a}
.ia-dual-card b{display:block;margin:5px 0 6px;font-size:20px;color:var(--ia-ink)}
.ia-dual-card p{margin:0;font-size:14px;line-height:1.55;color:var(--ia-mute)}
.ia-dual-card em{display:inline-block;margin-top:12px;font-style:normal;font-weight:800;font-size:14px;color:var(--ia-blue)}
.ia-dual-card.is-sell em{color:#c2410c}

/* FAQ polish */
.ia-page .article-page-faq-list details,.ia-page #faq details{border:1px solid var(--ia-line);border-radius:12px;background:#fff;padding:0 16px;margin-bottom:8px}
.ia-page .article-page-faq-list summary,.ia-page #faq summary{padding:14px 0;font-weight:800;color:#142b46;cursor:pointer}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .ia-page .article-page-main-layout.ia-layout{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"main"!important}
  .ia-page .ia-rail{display:none}
}
@media (max-width:980px){
  .ia-page .article-page-main-layout.ia-layout{grid-template-columns:1fr!important;grid-template-areas:"main"!important}
  .ia-page .ia-layout>.article-page-left-navigation{display:none}
  .ia-page .article-page-hero-layout{grid-template-columns:1fr!important}
}
@media (max-width:640px){
  .ia-page .article-page-hero-section{padding:28px 0 24px}
  .ia-hero-cta .ia-btn{flex:1 1 100%}
  .ia-band{flex-direction:column;align-items:flex-start;padding:20px 18px}
  .ia-band-actions{width:100%}
  .ia-band-actions .ia-btn{flex:1}
  .ia-dual{grid-template-columns:1fr}
  .ia-page .article-page-section{padding:32px 0!important}
}

/* ---------- More buyer guides (auto-scrolling, fed by the hub) ---------- */
.ia-more{padding:48px 0 56px;background:#f7f9fc;border-top:1px solid #eef2f6}
.ia-more-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.ia-more-head small{font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--ia-blue)}
.ia-more-head h2{margin:6px 0 0;font-size:clamp(22px,2.2vw,28px);letter-spacing:-.02em;color:var(--ia-ink)}
.ia-more-nav{display:flex;align-items:center;gap:8px}
.ia-more-all{margin-right:6px;font-weight:800;font-size:14px;color:var(--ia-blue)!important;text-decoration:none!important}
.ia-more-arrow{width:40px;height:40px;border-radius:50%;border:1px solid #d0d8e4;background:#fff;font-size:22px;line-height:1;color:var(--ia-ink);cursor:pointer}
.ia-more-arrow:hover{border-color:var(--ia-blue);color:var(--ia-blue)}
.ia-more-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*16px)/4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:6px;scrollbar-width:none}
.ia-more-track::-webkit-scrollbar{display:none}
.ia-more-card{scroll-snap-align:start;display:flex;flex-direction:column;border:1px solid var(--ia-line);border-radius:16px;overflow:hidden;background:#fff;text-decoration:none!important;color:inherit;transition:transform .18s,box-shadow .18s,border-color .18s}
.ia-more-card:hover{transform:translateY(-3px);border-color:#cdd8e8;box-shadow:0 14px 30px rgba(15,35,70,.1)}
.ia-more-img{display:block;aspect-ratio:16/10;background:#eef2f7;overflow:hidden}
.ia-more-img img{width:100%;height:100%;object-fit:cover;display:block}
.ia-more-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.ia-more-body small{font-size:11px;font-weight:800;color:var(--ia-blue)}
.ia-more-body b{font-size:15px;line-height:1.35;color:var(--ia-ink)}
.ia-more-body em{margin-top:auto;font-style:normal;font-size:12px;color:var(--ia-mute)}
@media (max-width:1100px){.ia-more-track{grid-auto-columns:calc((100% - 2*16px)/3)}}
@media (max-width:760px){.ia-more-track{grid-auto-columns:78%}.ia-more-all{display:none}}