/* Incoterms only. Desktop + latest approved mobile (stacked parties). */
.xnk-inc-shell { gap:32px; }
.xnk-inc-main { min-width:0; }
.xnk-inc-main .xnk-breadcrumb { margin:0 0 12px; font-size:12px; }
.xnk-inc-heading { margin:0 0 20px; }
.xnk-inc-heading .xnk-inc-page-title,.xnk-inc-heading h1 { font-size:clamp(24px,2.4vw,32px); font-weight:700; line-height:1.35; color:var(--xnk-navy); margin:0 0 8px; }
.xnk-inc-heading p { margin:0; color:var(--xnk-muted); font-size:18px; }
.xnk-inc-tabs { display:flex; gap:20px; border-bottom:1px solid var(--xnk-border); margin-bottom:16px; }
.xnk-inc-tabs a { display:flex; align-items:center; justify-content:center; min-height:48px; padding:8px 20px; text-decoration:none; color:var(--xnk-navy); border-bottom:2px solid transparent; }
.xnk-inc-tabs [aria-current] { color:var(--xnk-action); border-color:var(--xnk-primary); }
.xnk-inc-codes { display:flex; gap:10px; overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-width:thin; padding:2px 2px 12px; margin:0 0 16px; }
.xnk-inc-codes a { display:flex; align-items:center; justify-content:center; flex:0 0 64px; min-height:44px; padding:6px 10px; border:1px solid var(--xnk-border); border-radius:var(--xnk-radius-control); color:var(--xnk-navy); background:var(--xnk-background); text-decoration:none; font-size:14px; }
.xnk-inc-codes [aria-current] { background:var(--xnk-primary); border-color:var(--xnk-primary); color:#fff; }
.xnk-inc-main a:hover { color:var(--xnk-primary-hover); }
.xnk-inc-codes a:hover { background:var(--xnk-primary-soft); }
.xnk-inc-main :is(a,summary,input,select,button,[tabindex]):focus-visible { outline:3px solid var(--xnk-info); outline-offset:3px; }
.xnk-inc-main :is(a,button):active { transform:translateY(1px); }
.xnk-inc-detail-grid { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:16px 24px; align-items:start; }
.xnk-inc-detail,.xnk-inc-card,.xnk-inc-toc,.xnk-inc-discussion,.xnk-inc-related,.xnk-inc-explainer { background:var(--xnk-card); border:1px solid var(--xnk-border); border-radius:var(--xnk-radius); min-width:0; }
.xnk-inc-detail { padding:24px; }
.xnk-inc-detail h1 { font-size:clamp(24px,2.4vw,32px); line-height:1.3; margin:0 0 12px; }
.xnk-inc-mode { display:inline-flex; align-items:center; gap:8px; padding:5px 10px; font-size:13px; line-height:1.5; border-radius:6px; color:var(--xnk-info); background:var(--xnk-info-soft); max-width:100%; }
.xnk-inc-mode--sea { font-size:15px; border:1px solid #ACCCFB; }
.xnk-inc-mode .xnk-icon { flex:none; width:20px; height:20px; }
.xnk-inc-diagram { margin:20px 0 16px; }
.xnk-inc-diagram img { width:100%; height:auto; display:block; }
.xnk-inc-stages { display:grid; grid-template-columns:1fr 1fr 1fr 1.6fr 1fr 1fr; gap:6px; text-align:center; font-size:12px; line-height:1.5; margin-top:4px; color:var(--xnk-text); }
.xnk-inc-stages strong { color:var(--xnk-action); font-weight:400; }
.xnk-inc-diagram figcaption { display:flex; align-items:baseline; gap:12px; margin-top:20px; font-size:14px; color:var(--xnk-muted); }
.xnk-inc-risk-dot { width:12px; height:12px; background:var(--xnk-primary); border-radius:50%; flex:none; }
.xnk-inc-parties { display:grid; grid-template-columns:1fr 1fr; gap:24px; border-top:1px solid var(--xnk-border); padding-top:18px; }
.xnk-inc-party + .xnk-inc-party { border-left:1px solid var(--xnk-border); padding-left:24px; }
.xnk-inc-party h2 { display:flex; align-items:center; gap:12px; font-size:17px; margin:0 0 12px; color:var(--xnk-info); }
.xnk-inc-party--buyer h2 { color:var(--xnk-success); }
.xnk-inc-party ul { padding:0; margin:0; list-style:none; }
.xnk-inc-party li { display:flex; gap:10px; align-items:flex-start; margin:8px 0; font-size:14px; line-height:1.7; }
.xnk-inc-party li .xnk-icon { width:17px; height:17px; padding:2px; border:1px solid currentColor; border-radius:50%; color:var(--xnk-info); flex:none; margin-top:3px; }
.xnk-inc-party--buyer li .xnk-icon { color:var(--xnk-success); }
.xnk-inc-toc { padding:18px 0; }
.xnk-inc-toc p { padding:0 20px; margin:4px 0 12px; font-size:14px; color:var(--xnk-muted); }
.xnk-inc-toc a { display:flex; align-items:center; gap:12px; padding:14px 18px; min-height:48px; color:var(--xnk-muted); text-decoration:none; border-left:3px solid transparent; }
.xnk-inc-toc a:first-of-type { color:var(--xnk-action); border-left-color:var(--xnk-primary); }
.xnk-inc-toc a .xnk-icon { flex:none; }
.xnk-inc-toc a .xnk-icon:last-child { display:none; }
.xnk-inc-discussion { grid-column:1; }
.xnk-inc-discussion a { display:flex; align-items:center; gap:16px; padding:18px 24px; min-height:64px; text-decoration:none; color:var(--xnk-navy); font-size:18px; }
.xnk-inc-discussion a .xnk-icon { flex:none; }
.xnk-inc-discussion a .xnk-icon:last-child { margin-left:auto; color:var(--xnk-action); }
.xnk-inc-more { border-top:1px solid var(--xnk-border); margin-top:16px; padding-top:4px; }
.xnk-inc-more summary,.xnk-inc-related summary,.xnk-inc-explainer summary,.xnk-inc-summary summary { cursor:pointer; min-height:44px; padding-block:10px; font-size:14px; color:var(--xnk-muted); }
.xnk-inc-more h2 { font-size:18px; margin:16px 0 8px; }
.xnk-inc-more p,.xnk-inc-more li { font-size:14px; }
.xnk-inc-facts { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.xnk-inc-facts > div { padding:12px; border:1px solid var(--xnk-border); border-radius:8px; }
.xnk-inc-facts dt { font-size:13px; color:var(--xnk-muted); }
.xnk-inc-facts dd { margin:6px 0 0; font-size:14px; }
.xnk-inc-table-wrap { max-width:100%; overflow-x:auto; }
.xnk-inc-table-wrap table { width:100%; border-collapse:collapse; font-size:14px; }
.xnk-inc-table-wrap caption { text-align:left; font-weight:600; padding:12px 0; }
.xnk-inc-table-wrap :is(th,td) { padding:12px; border:1px solid var(--xnk-border); text-align:left; vertical-align:top; overflow-wrap:anywhere; }
.xnk-inc-table-wrap thead { background:var(--xnk-background); }
.xnk-inc-related { grid-column:1; padding:4px 20px; }
.xnk-inc-related nav { display:flex; flex-wrap:wrap; gap:8px 24px; }
.xnk-inc-related a,.xnk-inc-sources a { display:inline-flex; align-items:center; min-height:44px; }
.xnk-inc-explainer { padding:4px 20px; margin-bottom:16px; }
.xnk-inc-filter { display:flex; align-items:end; gap:16px; margin-bottom:24px; }
.xnk-inc-filter > div { flex:1; min-width:0; }
.xnk-inc-filter label { display:block; font-size:14px; margin-bottom:8px; }
.xnk-inc-filter :is(input,select) { width:100%; min-width:0; min-height:46px; padding:10px 12px; }
.xnk-inc-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.xnk-inc-card { display:flex; flex-direction:column; padding:24px; scroll-margin-top:20px; }
.xnk-inc-card:target { border-color:var(--xnk-primary); box-shadow:0 0 0 2px var(--xnk-primary-soft); }
.xnk-inc-card header { display:flex; gap:16px; align-items:center; margin-bottom:16px; }
.xnk-inc-code-badge { display:flex; align-items:center; justify-content:center; min-width:64px; height:54px; border-radius:8px; background:var(--xnk-primary-soft); color:var(--xnk-action); font-size:20px; font-weight:700; }
.xnk-inc-card h2 { font-size:19px; line-height:1.4; margin:0 0 4px; }
.xnk-inc-card header p { margin:0; color:var(--xnk-muted); font-size:13px; }
.xnk-inc-card > .xnk-inc-mode { align-self:flex-start; }
.xnk-inc-card > p { font-size:14px; }
.xnk-inc-card-risk { border-top:1px solid var(--xnk-border); padding-top:12px; margin-top:0; color:var(--xnk-muted); }
.xnk-inc-card-risk strong { display:block; color:var(--xnk-navy); margin-bottom:4px; }
.xnk-inc-read { display:flex; align-items:center; justify-content:flex-end; gap:8px; min-height:44px; margin-top:auto; color:var(--xnk-action); text-decoration:none; }
.xnk-inc-summary { margin-top:auto; }
.xnk-inc-summary summary { color:var(--xnk-action); }
.xnk-inc-summary a { display:inline-flex; min-height:44px; align-items:center; }
.xnk-inc-disclaimer { color:var(--xnk-muted); font-size:13px; margin:24px 0 0; }
.xnk-inc-main :is(article,section,details,div,nav) { scroll-margin-top:24px; }
@media (max-width:1200px) { .xnk-inc-detail-grid { grid-template-columns:minmax(0,1fr) 220px; gap:16px; } .xnk-inc-shell { gap:24px; } }
@media (max-width:800px) {
 .xnk-inc-detail-grid,.xnk-inc-grid { grid-template-columns:minmax(0,1fr); }
 .xnk-inc-toc { grid-row:2; padding:12px 16px; }
 .xnk-inc-toc p { padding:0; margin:0 0 8px; }
 .xnk-inc-toc a { padding:10px 0; border-left:0; border-bottom:1px solid var(--xnk-border); min-height:44px; }
 .xnk-inc-toc a:last-child { border-bottom:0; }
 .xnk-inc-toc a .xnk-icon:last-child { display:block; margin-left:auto; width:18px; }
 .xnk-inc-parties { grid-template-columns:minmax(0,1fr); gap:16px; }
 .xnk-inc-party + .xnk-inc-party { padding:16px 0 0; border-left:0; border-top:1px solid var(--xnk-border); }
 .xnk-inc-filter { flex-wrap:wrap; }
 .xnk-inc-filter > div { flex-basis:calc(50% - 8px); }
 .xnk-inc-filter button { width:100%; justify-content:center; }
}
@media (max-width:480px) {
 .xnk-community-shell.xnk-inc-shell { width:100%; padding-inline:16px; }
 .xnk-inc-heading p { font-size:15px; }
 .xnk-inc-heading .xnk-inc-page-title,.xnk-inc-heading h1 { font-size:25px; }
 .xnk-inc-tabs { gap:8px; }
 .xnk-inc-tabs a { padding:8px 6px; font-size:14px; }
 .xnk-inc-codes { gap:8px; }
 .xnk-inc-codes a { flex-basis:52px; font-size:13px; }
 .xnk-inc-detail,.xnk-inc-card { padding:16px; }
 .xnk-inc-detail h1 { font-size:25px; }
 .xnk-inc-mode--sea { font-size:13px; }
 .xnk-inc-stages { gap:3px; font-size:12px; overflow-wrap:anywhere; }
 .xnk-inc-stages strong { grid-column:auto; }
 .xnk-inc-diagram figcaption { font-size:14px; margin-top:16px; }
 .xnk-inc-party li { font-size:14px; }
 .xnk-inc-facts { grid-template-columns:1fr; }
 .xnk-inc-discussion a { font-size:16px; padding:14px 16px; }
 .xnk-inc-filter > div { flex-basis:100%; }
 .xnk-inc-card header { gap:12px; }
 .xnk-inc-card h2 { font-size:18px; }
}
.xnk-inc-scene{position:relative}
.xnk-inc-markers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.xnk-inc-cost-note{display:flex;align-items:baseline;gap:10px;color:#1761b5;font-size:14px;line-height:1.6;margin:8px 0}
.xnk-inc-cost-note>span{width:10px;height:10px;border-radius:2px;background:#1761b5;flex-shrink:0}
.xnk-inc-diagram-note{font-size:12px;line-height:1.6;color:var(--xnk-muted,#596579);margin:8px 0}
.xnk-inc-handover{display:flex;flex-wrap:wrap;gap:8px;margin-block:16px}
.xnk-inc-handover a{display:flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid #dce2e8;border-radius:8px;font-size:14px}
.xnk-inc-handover a[aria-current]{color:var(--xnk-primary-active);border-color:var(--xnk-primary);background:var(--xnk-primary-soft)}
