/* Dhillon Courier shipping information: readable, responsive public guides. */
.s-intro { max-width: 780px; color: var(--dics-text); font-size: 17px; line-height: 1.8; }
.s-intro-grid { display: grid; grid-template-columns: .85fr 1.4fr; gap: 70px; align-items: start; }
.s-intro-grid p, .s-article-section p, .s-country-strip p, .s-next-step p { line-height: 1.85; color: var(--dics-text); }
.s-article-section { padding: 34px 0; scroll-margin-top: 135px; min-width: 0; }
.s-article-section + .s-article-section { border-top: 1px solid var(--dics-line); }
.s-article-section h2 { font-size: clamp(24px, 2.4vw, 32px)!important; line-height: 1.25!important; margin-bottom: 20px!important; }
.s-article-section h3 { font-size: 22px!important; line-height: 1.35!important; margin-bottom: 16px!important; }
.s-article-section ul { padding-left: 23px; }
.s-article-section li { line-height: 1.8; color: var(--dics-text); margin: 12px 0; }
.s-table-wrap { overflow-x: auto; margin: 25px 0; border: 1px solid var(--dics-line); border-radius: 14px; background: var(--dics-white); }
.s-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 14px; line-height: 1.75; min-width: 600px; }
.s-table caption { text-align: left; padding: 15px 20px; font-size: 12px; color: var(--dics-muted); }
.s-table thead { background: var(--dics-mint); color: var(--dics-navy); }
.s-table td, .s-table th { padding: 18px 20px; vertical-align: top; border-top: 1px solid var(--dics-line); }
.s-table tbody th { width: 26%; font-weight: 650; color: var(--dics-navy); }
.s-table tbody td { color: var(--dics-text); }
.s-table tbody td:nth-child(2) { width: 20%; font-weight: 650; }
.s-table tbody tr:nth-child(even) { background: var(--dics-paper); }
.s-restriction-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin: 28px 0; }
.s-restriction { border: 1px solid var(--dics-line); padding: 28px; border-radius: 16px; background: var(--dics-white); }
.s-restriction-prohibited { border-top: 4px solid var(--dics-orange); }
.s-restriction-restricted { border-top: 4px solid var(--dics-teal); }
.s-restriction h3 { font-size: 24px!important; line-height: 1.3!important; }
.s-restriction li { font-size: 14px; line-height: 1.8; margin: 14px 0; }
.s-note { padding: 19px 23px; border-left: 3px solid var(--dics-teal); background: var(--dics-soft); font-size: 14px; }
.s-sources, .s-review-date { font-size: 12px!important; color: var(--dics-muted)!important; line-height: 1.8!important; overflow-wrap: anywhere; }
.s-sources a, .s-booking-grid a, .s-guide-body p a { color: var(--dics-teal); text-decoration: underline; text-underline-offset: 3px; }
.s-essential-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.s-essential-card { position: relative; padding: 28px; border: 1px solid var(--dics-line); border-radius: 16px; background: var(--dics-white); box-shadow: var(--dics-card-shadow); display: flex; align-items: start; flex-direction: column; }
.s-card-number { color: var(--dics-teal); background: var(--dics-mint); border-radius: 9px; font-size: 12px; font-weight: 750; padding: 7px 10px; margin-bottom: 20px; }
.s-essential-card h3 { font-size: 22px!important; line-height: 1.35!important; }
.s-essential-card p { font-size: 14px; line-height: 1.8; color: var(--dics-text); }
.s-essential-card details { width: 100%; margin-bottom: 20px; border-top: 1px solid var(--dics-line); }
.s-essential-card summary { cursor: pointer; font-size: 12px; font-weight: 650; color: var(--dics-teal); padding: 15px 0 6px; min-height: 44px; }
.s-essential-card>.q-text-link { margin-top: auto; font-size: 13px; }
.s-country-strip { background: var(--dics-navy); color: var(--dics-white); border-radius: 18px; padding: 30px 34px; margin-top: 30px; display: grid; grid-template-columns: 1fr 1.15fr; gap: 35px; align-items: center; }
.s-country-strip h3 { color: var(--dics-white)!important; font-size: 22px!important; }
.s-country-strip p { color: var(--dics-footer-text); font-size: 14px; margin-bottom: 0!important; }
.s-country-links { display: flex; flex-wrap: wrap; gap: 10px; }
.s-country-links a { border: 1px solid var(--dics-muted); color: var(--dics-white)!important; text-decoration: none; padding: 10px 13px; border-radius: 8px; font-size: 12px; display: inline-flex; align-items: center; gap: 8px; }
.s-country-links a:hover { background: var(--dics-teal); }
.s-country-links svg, .s-guide-links svg { width: 17px!important; height: 17px!important; flex-shrink: 0; }
.s-guide-layout { display: grid; grid-template-columns: 245px minmax(0,1fr); gap: 70px; align-items: start; }
.s-guide-nav { position: sticky; top: 125px; padding: 23px; border: 1px solid var(--dics-line); border-radius: 14px; background: var(--dics-white); }
.s-guide-nav strong { display: block; font-size: 13px; margin-bottom: 14px; }
.s-guide-nav nav a { display: block; padding: 11px 0; color: var(--dics-text); font-size: 13px; text-decoration: none; line-height: 1.6; border-bottom: 1px solid var(--dics-line); }
.s-guide-nav nav a:hover { color: var(--dics-teal); text-decoration: underline; }
.s-guide-nav>.q-text-link { font-size: 12px; margin-top: 20px; }
.s-guide-body { min-width: 0; max-width: 860px; }
.s-guide-body>.s-article-section:first-child { padding-top: 0; }
.s-guide-body>.s-article-section>p, .s-guide-body>.s-article-section>ul { font-size: 16px; }
.s-guide-links { display: grid; gap: 10px; }
.s-guide-links a { display: flex; justify-content: space-between; gap: 12px; padding: 17px 20px; border: 1px solid var(--dics-line); border-radius: 10px; color: var(--dics-teal); font-weight: 650; font-size: 14px; text-decoration: none; background: var(--dics-white); }
.s-next-step { background: var(--dics-mint); border-radius: 18px; padding: 32px; margin-top: 35px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.s-next-step h2 { font-size: 28px!important; }
.s-next-step p { font-size: 14px; max-width: 630px; margin-bottom: 0!important; }
.s-next-step>.q-button { flex-shrink: 0; }
.s-guide-body .s-next-step { align-items: start; flex-direction: column; }
.s-jump-links { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 25px; }
.s-jump-links a { text-decoration: none; border: 1px solid var(--dics-line); border-radius: 30px; background: var(--dics-white); padding: 11px 18px; font-size: 13px; color: var(--dics-teal); }
.s-country-rule-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-top: 20px; scroll-margin-top: 135px; }
.s-country-rule-grid>.s-article-section { padding: 28px; border: 1px solid var(--dics-line); border-radius: 15px; background: var(--dics-white); }
.s-country-rule-grid p { font-size: 15px; }
.s-booking-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
.s-booking-grid h3 { font-size: 20px!important; }
.s-booking-grid p, .s-booking-grid a { font-size: 14px; }
.s-support-info { padding-top: 10px; }
.s-support-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 40px; }
.s-support-grid>.s-article-section { border-top: 1px solid var(--dics-line); }
.s-support-grid p, .s-support-grid li { font-size: 15px; }
@media(max-width:1050px) { .s-essential-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .s-guide-layout { grid-template-columns: 220px minmax(0,1fr); gap: 35px; } .s-intro-grid { gap: 35px; } .s-next-step { align-items: start; flex-direction: column; } }
@media(max-width:760px) { .s-intro-grid, .s-guide-layout, .s-country-strip, .s-support-grid { grid-template-columns: 1fr; gap: 24px; } .s-guide-nav { position: static; } .s-guide-nav nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 20px; } .s-guide-nav strong { grid-column: 1/-1; } .s-country-rule-grid, .s-restriction-grid, .s-booking-grid { grid-template-columns: 1fr; } .s-article-section { scroll-margin-top: 100px; } .s-country-rule-grid { scroll-margin-top: 100px; } .s-booking-grid { gap: 26px; } .s-country-strip { padding: 26px; } }
@media(max-width:520px) { .s-essential-grid { grid-template-columns: 1fr; } .s-essential-card, .s-restriction, .s-country-rule-grid>.s-article-section, .s-next-step { padding: 24px; } .s-guide-nav nav { grid-template-columns: 1fr; } .s-jump-links { gap: 8px; } .s-jump-links a { padding: 10px 13px; font-size: 12px; } .s-table td, .s-table th { padding: 15px; } .s-intro { font-size: 16px; } }
@media print { .s-guide-nav, .s-jump-links, .s-next-step { display: none; } .s-guide-layout, .s-essential-grid, .s-country-rule-grid { display: block; } .s-table { min-width: 0; } .s-table-wrap { overflow: visible; } .s-article-section, .s-essential-card { break-inside: avoid; } }