/* cargo-containers · 详情页：提单抬头 */
.cg-detail { max-width: 960px; margin: 0 auto; }
.cg-detail .detail-breadcrumb { padding: 4px 0 12px; color: var(--cg-soft); }
.cg-detail .detail-breadcrumb a { color: #12507a; font-weight: 700; }
.cg-detail .detail-top-ad:has(.ad) { margin: 4px 0 24px; }

.cg-lading { background: var(--cg-panel); border: 4px solid var(--cg-box); }
.cg-lading-main { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 24px 30px 20px; border-bottom: 3px solid var(--cg-ink); }
.cg-lading-main h1 { margin: 0; font-family: var(--cg-display); font-weight: 600; font-size: clamp(2.2rem, 4.6vw, 3.2rem); line-height: 1; }
.cg-lading-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; border: 2px solid var(--cg-ink); }
.cg-lading-grid div { min-width: 0; padding: 8px 12px; border-left: 2px solid var(--cg-ink); }
.cg-lading-grid div:first-child { border-left: 0; }
.cg-lading-grid dt { font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--cg-soft); }
.cg-lading-grid dd { margin: 2px 0 0; font-weight: 500; overflow-wrap: anywhere; }
.cg-lading-grid dd a { color: #12507a; font-weight: 700; }
.cg-lading-body { padding: 24px 30px 18px; }
.cg-lading-body .detail-summary { padding: 14px 18px; border-left: 8px solid var(--cg-box); background: var(--cg-quay); line-height: 1.6; }
.cg-lading-body .detail-prose { max-width: 70ch; font-size: 1.08rem; line-height: 1.75; }
.cg-lading-body .detail-prose a { color: #12507a; }

.cg-berths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 28px 0 8px; }
.cg-berth-link { display: grid; gap: 6px; padding: 14px 18px; background: #fff; border: 3px solid var(--cg-steel); }
.cg-berth-link:hover .cg-berth-title { text-decoration: underline; }
.cg-berth-dir { font-family: var(--cg-display); font-weight: 600; font-size: 1.1rem; line-height: 1; letter-spacing: .04em; color: var(--cg-soft); }
.cg-berth-title { font-weight: 700; line-height: 1.35; }
.cg-berth-next { grid-column: 2; text-align: right; }

@media (max-width: 767px) {
    .cg-lading { border-width: 3px; }
    .cg-lading-main { gap: 12px; padding: 14px 14px 14px; }
    .cg-lading-main h1 { font-size: 2rem; }
    .cg-lading-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cg-lading-grid div:nth-child(3) { border-left: 0; }
    .cg-lading-grid div:nth-child(n+3) { border-top: 2px solid var(--cg-ink); }
    .cg-lading-body { padding: 16px 14px 8px; }
    .cg-berths { grid-template-columns: minmax(0, 1fr); }
    .cg-berth-next { grid-column: auto; text-align: left; }
}