/* Trust area (trade protection / logistics / milestones) — monochrome only */
.tp-free{display:flex;gap:12px;align-items:flex-start;background:#f5f5f4;border:1px solid #ececea;border-radius:10px;padding:12px 16px;margin:18px 0}
.tp-free .tp-tick{flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#6b6b6b;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}
.tp-free strong{display:block;margin-bottom:2px}
.tp-ico{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:#f5f5f4;color:#6b6b6b;font-size:12px;margin-right:8px;vertical-align:-4px}
.tp-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}
@media(max-width:700px){.tp-grid{grid-template-columns:1fr}}
.tp-panel{background:#fff;border:1px solid #ececea;border-radius:10px;padding:16px}
.tp-panel h3{margin:0 0 8px;font-size:15px}
.tp-panel p{margin:0 0 8px;color:#4a4a4a;font-size:14px}
.tp-panel p:last-child{margin-bottom:0}
.tp-timeline{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:700px){.tp-timeline{grid-template-columns:1fr 1fr}}
.tp-step{background:#fafaf9;border:1px solid #ececea;border-radius:10px;padding:14px}
.tp-step .tp-n{display:inline-block;min-width:24px;height:24px;line-height:24px;text-align:center;border-radius:12px;background:#6b6b6b;color:#fff;font-size:12px;font-weight:600;margin-bottom:8px;padding:0 8px}
.tp-step h4,.tp-step h3{margin:0 0 4px;font-size:14px}
.tp-step p{margin:0;font-size:13px;color:#4a4a4a}
.tp-excl{background:#fafaf9;border:1px solid #ececea;border-radius:10px;padding:16px 16px 8px;margin:0 0 18px}
.tp-excl li{margin:0 0 8px;font-size:14px;color:#4a4a4a}
.tp-voices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 18px}
@media(max-width:700px){.tp-voices{grid-template-columns:1fr}}
.tp-voice{background:#fff;border:1px solid #ececea;border-radius:10px;padding:16px}
.tp-voice .tp-qlabel{display:inline-block;background:#f5f5f4;color:#6b6b6b;font-size:11px;font-weight:600;border-radius:4px;padding:0px 8px;margin-bottom:8px}
.tp-voice p{margin:0 0 8px;font-size:14px;color:#4a4a4a;font-style:italic}
.tp-voice cite{font-size:12px;color:#6b6b6b;font-style:normal}
.tp-res{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.tp-res a{display:inline-block;background:#f5f5f4;border:1px solid #ececea;border-radius:8px;padding:8px 12px;font-size:14px;color:#161616;text-decoration:none}
.tp-res a:hover{background:#f5f5f4}
/* Freight calculator additions */
.fr-dims{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.fr-check{display:flex;gap:8px;align-items:center;font-size:14px}
.fr-breakdown{margin-top:12px;background:#fafaf9;border:1px solid #ececea;border-radius:10px;padding:12px 16px;max-width:520px}
.fr-row{display:flex;justify-content:space-between;font-size:14px;color:#4a4a4a;padding:3px 0}
.fr-row.total{font-weight:700;color:#161616;border-top:1px solid #ddd;margin-top:4px;padding-top:8px}
.fr-eta{margin-top:8px;font-size:13px;color:#6b6b6b}
/* Order milestones */
.ms-list{list-style:none;margin:8px 0;padding:0}
.ms-item{border-left:3px solid #ececea;padding:4px 0 4px 12px;margin:0 0 10px}
.ms-item strong{display:block;font-size:14px}
.ms-item p{margin:0px 0;font-size:13px;color:#4a4a4a}
.ms-item time{font-size:12px;color:#767676}
.ms-form{margin-top:8px;background:#fafaf9;border:1px solid #ececea;border-radius:10px;padding:12px}
.ms-form input{width:100%;margin-bottom:8px;padding:8px;border:1px solid #ddd;border-radius:6px;font-size:14px}
/* Dispute claim guidance */
.dp-guide{background:#f5f5f4;border:1px solid #ececea;border-radius:10px;padding:12px 16px;margin:0 0 16px}
.dp-guide h3{margin:0 0 8px;font-size:15px}
.dp-guide p{margin:0 0 4px;font-size:14px;color:#4a4a4a}
.dp-guide p:last-child{margin-bottom:0}
/* F3 — shipment delay alerts */
.dp-note{background:#fafaf9;border:1px solid #ececea;border-left:3px solid #0e7c74;border-radius:10px;padding:12px 16px;margin:0 0 16px;font-size:14px;color:#4a4a4a}
.dl-toggle{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px 12px;background:#fafaf9;border:1px solid #ececea;border-radius:12px}
.dl-toggle-label{font-size:13px;line-height:1.45}
.dl-toggle-label .muted{display:block;font-size:12px}
.dl-history{margin-top:28px}
.dl-table .dl-eta{white-space:nowrap}
.dl-arrow{color:#0e7c74;font-weight:700;margin:0 4px}
.dl-escalated{background:#eef6f5;color:#0e7c74}
@media(max-width:700px){.dl-table th:nth-child(3),.dl-table td:nth-child(3){display:none}}