/* Incoterms chart and trade document generators. Shared tokens keep dark mode consistent with the site. */
.td-page{max-width:1320px}.td-heading h1{font-size:clamp(28px,4vw,42px);line-height:1.25;margin:8px 0 12px}
.ic-app{border:1px solid var(--line);border-radius:18px;background:var(--white);padding:18px;box-shadow:0 14px 42px rgba(23,42,71,.06)}
.ic-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ic-group{display:flex;flex-direction:column;gap:6px;min-width:0}.ic-group-name{font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.02em}
.ic-term{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);padding:9px 12px;cursor:pointer;font:inherit;min-height:52px}
.ic-term b{font-size:18px;grid-row:span 2}.ic-term small{font-size:12px;color:var(--muted);line-height:1.3}.ic-term i{font-style:normal;font-size:11px;color:#a8620a}
.ic-term.is-active{border-color:var(--blue);background:var(--blue);color:#fff}.ic-term.is-active small,.ic-term.is-active i{color:#e8eeff}
.ic-term:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.ic-detail{margin:16px 0 10px;padding:14px 16px;border-radius:14px;background:var(--paper);border:1px solid var(--line)}
.ic-detail-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.ic-code{font-size:30px;color:var(--blue)}.ic-name{font-size:18px;font-weight:600}
.ic-mode{font-size:12px;border-radius:999px;padding:2px 9px;background:#e6f4ec;color:#1f6b3a}.ic-mode.is-sea{background:#fff1dc;color:#8a5300}
.ic-risk{margin:8px 0 4px}.ic-desc{margin:0;color:var(--muted);line-height:1.6}
.ic-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;color:var(--muted);margin:8px 0}
.ic-key::before{content:"";display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.ic-key-s::before{background:#2f6fe4}.ic-key-b::before{background:#f08c2c}.ic-key-risk::before{background:#d93a3a;border-radius:50%}
.ic-stages{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.ic-stage{flex:1 1 130px;min-width:0;border-radius:10px;padding:8px 10px;color:#fff;display:flex;flex-direction:column;gap:2px}
.ic-stage.is-s{background:#2f6fe4}.ic-stage.is-b{background:#f08c2c}
.ic-stage-who{font-size:11px;opacity:.85;text-transform:uppercase;letter-spacing:.04em}.ic-stage-name{font-size:14px;font-weight:600;line-height:1.3}
.ic-stage-note{font-size:11.5px;line-height:1.4;opacity:.95}
.ic-marker{flex:0 0 auto;display:flex;align-items:center}.ic-marker span{font-size:12px;font-weight:700;border-radius:999px;padding:5px 10px;white-space:nowrap}
.ic-marker-risk span{background:#fdecec;color:#b42323;border:1px solid #f2bcbc}.ic-marker-cost span{background:#eef3ff;color:#2347a6;border:1px solid #c7d4fb}
.ic-compare{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 8px;font-weight:600}
.ic-compare select{min-height:40px;border:1px solid var(--line);border-radius:10px;padding:6px 10px;font:inherit;background:var(--white);color:var(--ink)}
.ic-matrix{overflow-x:auto}.ic-table{width:100%;border-collapse:collapse;font-size:14px}
.ic-table th,.ic-table td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;color:var(--ink)}
.ic-table thead th{font-size:13px;color:var(--muted)}.ic-table td.is-s{color:#2f6fe4;font-weight:700}.ic-table td.is-b{color:#c96a10;font-weight:700}
.ic-table tr.is-diff{background:#fff9ec}
.ic-wizard{margin-top:16px;border:1px solid var(--line);border-radius:14px;padding:10px 14px;background:var(--paper)}.ic-wizard summary{cursor:pointer;font-weight:700}
.ic-wizard-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:10px}
.ic-wizard fieldset{border:0;margin:0;padding:0}.ic-wizard legend{font-weight:600;margin-bottom:6px;font-size:14px}
.ic-wizard label{display:flex;gap:7px;align-items:flex-start;font-size:14px;margin:4px 0;color:var(--ink)}
.ic-advice{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:4px 0 0;padding:10px 12px;border-radius:10px;background:var(--blue-soft);color:var(--ink)}
.ic-go{border:0;border-radius:8px;background:var(--blue);color:#fff;padding:6px 12px;font:inherit;cursor:pointer}
.ic-note{font-size:12.5px;color:var(--muted);margin:14px 0 0;line-height:1.6}
.td-table-wrap{overflow-x:auto;position:relative;border:1px solid var(--line);border-radius:12px;margin:10px 0}
.td-table{width:100%;border-collapse:collapse;font-size:13px}.td-table caption{text-align:left;font-weight:600;padding:8px 10px}
.td-table th,.td-table td{padding:7px 8px;border-top:1px solid var(--line);text-align:center;white-space:nowrap;color:var(--ink)}
.td-table th[scope=row]{text-align:left;font-weight:500}.td-table td.td-s{background:rgba(47,111,228,.12);color:#2554b8;font-weight:700}.td-table td.td-b{background:rgba(240,140,44,.12);color:#a5560c;font-weight:700}
.td-terms{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:10px}.td-terms div{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--white)}
.td-terms dt{font-weight:600}.td-terms dd{margin:6px 0 0;font-size:14px;color:var(--muted);line-height:1.6}.td-terms dd p{margin:0 0 6px}
.td-page .guide-layout>*{min-width:0}
html[data-xunl-theme="dark"] .ic-table tr.is-diff{background:#2b2616}html[data-xunl-theme="dark"] .ic-mode{background:#173a28;color:#8fe0b2}html[data-xunl-theme="dark"] .ic-mode.is-sea{background:#3a2c12;color:#ffd58a}
html[data-xunl-theme="dark"] .ic-marker-risk span{background:#3a1a1d;color:#ffb4b4;border-color:#6d2c31}html[data-xunl-theme="dark"] .ic-marker-cost span{background:#1b2c4a;color:#a5bdff;border-color:#34445e}
@media(max-width:900px){.ic-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.ic-app{padding:12px}.ic-picker{grid-template-columns:1fr}.ic-stage{flex-basis:100%}.ic-marker{flex-basis:100%}}
.td-switch{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.td-switch a{font-size:14px;border:1px solid var(--line);background:var(--white);border-radius:999px;padding:8px 14px;color:var(--ink);text-decoration:none}.td-switch a[aria-current=page]{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}
.td-app{border:1px solid var(--line);border-radius:18px;background:var(--paper);overflow:hidden;box-shadow:0 14px 42px rgba(23,42,71,.06)}
.td-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 16px;background:var(--white);border-bottom:1px solid var(--line)}
.td-toolbar button{min-height:40px;border:1px solid var(--line);border-radius:10px;padding:7px 13px;font:inherit;font-size:14px;background:var(--white);color:var(--ink);cursor:pointer}.td-toolbar button.primary{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}
.td-check{display:flex;gap:6px;align-items:center;font-size:14px;color:var(--muted)}.td-saved{margin-left:auto;font-size:13px;color:var(--muted)}
.td-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.td-form{padding:14px;border-right:1px solid var(--line);min-width:0}
.td-section{background:var(--white);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:8px 12px}.td-section summary{cursor:pointer;font-weight:700;padding:4px 0}
.td-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:8px 0 6px}
.td-field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted);min-width:0}.td-wide{grid-column:1/-1}
.td-field input,.td-field select,.td-field textarea{min-height:38px;border:1px solid var(--line);border-radius:8px;padding:6px 8px;font:inherit;font-size:14px;background:var(--white);color:var(--ink);box-sizing:border-box;width:100%}
.td-logo{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}.td-logo span{width:100%}.td-logo button{border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);padding:4px 10px;font:inherit;cursor:pointer}
.td-items-wrap{overflow-x:auto;position:relative}.td-items{border-collapse:collapse;font-size:13px;min-width:100%}
.td-items th{font-size:12px;color:var(--muted);font-weight:600;text-align:left;padding:4px;white-space:nowrap}.td-items td{padding:2px}
.td-in{width:100%;min-width:64px;min-height:34px;border:1px solid var(--line);border-radius:7px;padding:4px 6px;font:inherit;font-size:13px;background:var(--white);color:var(--ink);box-sizing:border-box}.td-in-desc{min-width:200px}
.td-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.td-remove{border:0;background:none;color:var(--muted);font-size:20px;cursor:pointer;min-width:30px;min-height:30px}
.td-add{margin:8px 0 4px;border:1px dashed var(--line);border-radius:8px;background:none;color:var(--blue);padding:6px 12px;font:inherit;cursor:pointer}
.td-preview-wrap{padding:16px;min-width:0;overflow-x:auto}
.td-doc{display:flex;justify-content:center}
.td-sheet{background:#fff;color:#1b2430;width:100%;max-width:794px;min-height:600px;box-sizing:border-box;padding:36px 40px;box-shadow:0 6px 24px rgba(0,0,0,.12);font-size:12px;line-height:1.5}
.td-sheet h2{margin:0;font-size:22px;letter-spacing:.06em;text-align:right;color:#111}.td-sheet h3{margin:0 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#556}
.td-zh{font-weight:400;color:#667;margin-left:4px;font-size:.9em;letter-spacing:0;text-transform:none}
.td-sheet-head{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #1b2430;padding-bottom:12px;margin-bottom:14px}
.td-brand{display:flex;gap:12px;align-items:flex-start;max-width:55%}.td-brand img{max-height:56px;max-width:140px;object-fit:contain}.td-brand strong{display:block;font-size:15px}.td-brand span{color:#556;white-space:pre-line}
.td-title dl{margin:8px 0 0;display:grid;gap:2px}.td-title dl div{display:flex;justify-content:flex-end;gap:8px}.td-title dt{color:#556}.td-title dd{margin:0;font-weight:600}
.td-parties{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:12px}.td-party p{margin:0}.td-empty{color:#aab}
.td-terms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 14px;margin:0 0 14px;padding:10px 12px;background:#f5f7fa;border-radius:6px}.td-terms-grid dt{color:#556;font-size:10.5px;text-transform:uppercase}.td-terms-grid dd{margin:0;font-weight:600}
.td-lines{width:100%;border-collapse:collapse;margin-bottom:10px}.td-lines th,.td-lines td{border:1px solid #c9d0da;padding:5px 6px;text-align:left;vertical-align:top}.td-lines thead th{background:#eef1f5;font-size:11px}
.td-lines .r{text-align:right;white-space:nowrap}.td-lines tfoot th,.td-lines tfoot td{background:#f8f9fb;font-weight:700}.td-grand td,.td-grand th{font-size:13px}
.td-words{font-weight:700;margin:6px 0 12px}.td-small{font-size:11px;color:#445}.td-block{margin:10px 0}.td-block p{margin:0}
.td-sign{display:flex;justify-content:flex-end;margin-top:36px}.td-sign div{width:240px;text-align:center}.td-sign span{display:block;border-bottom:1px solid #1b2430;height:40px}.td-sign p{margin:4px 0 0}
@media(max-width:1100px){.td-layout{grid-template-columns:1fr}.td-form{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:600px){.td-sheet{padding:18px 14px;font-size:11px}.td-terms-grid{grid-template-columns:1fr 1fr}.td-sheet-head{flex-direction:column}.td-brand{max-width:none}.td-sheet h2{text-align:left}.td-title dl div{justify-content:flex-start}}
@media print{
 @page{size:A4;margin:12mm}
 body.td-printing>*:not(main),.td-page>*:not(.td-app),.td-toolbar,.td-form,.site-cta,[class*=xcta]{display:none!important}
 .td-page .td-app{border:0;box-shadow:none;background:#fff}.td-layout{display:block}.td-preview-wrap{padding:0}.td-sheet{box-shadow:none;max-width:none;padding:0;min-height:0}
 header.header,footer.footer,.breadcrumbs,.td-heading,.td-switch,.guide-layout,.category-return,.tool-search-guide{display:none!important}
}