/* Approved navy world, with clearer task and reading hierarchy. */

.masthead{top:0}.task-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:32px;border-bottom:1px solid #394d63;gap:40px}
.task-strip a{padding:12px 0}.task-strip h2{font-size:24px;line-height:1.5;margin:0 0 6px}.task-strip p{font-size:15px;line-height:1.7;margin:0;color:#bccad8}.task-strip a:hover h2{color:#edb38e}
.topic-actions{display:flex;gap:16px 28px;flex-wrap:wrap;border-top:1px solid #394d63;padding-block:24px;margin-top:32px}.topic-actions a{min-height:44px;display:flex;align-items:center;line-height:1.7;color:#edb38e;text-decoration:underline;text-underline-offset:5px}
.preparation-body{padding-block:40px 64px}.preparation-body .reading-body{max-width:900px;margin:auto}.preparation-body section{margin-bottom:40px}.preparation-body details{padding-block:16px;border-bottom:1px solid #394d63}

.association{display:grid;gap:8px;margin-bottom:20px}.association input{width:100%;padding:12px}
.service-hub #tracking .status-context{border-top:1px solid #394d63;padding-block:20px;margin-top:20px}.status-context p{margin:6px 0;font-size:15px;line-height:1.8}.service-hub #tracking .result-details{margin-block:24px;border-top:1px solid #394d63;padding-top:16px}.result-details summary{cursor:pointer;min-height:44px;line-height:1.8;color:#edb38e}
.service-hub #tracking .result-top{gap:24px;flex-wrap:wrap}.service-hub #tracking .result-top h3{font-size:28px;line-height:1.5;overflow-wrap:anywhere}.service-hub .result-status{overflow-wrap:anywhere;max-width:100%}
.service-hub #tracking .result-details .result-events{margin-top:24px}.service-hub .route-label{overflow-wrap:break-word}.service-hub .service-intro{padding-top:24px}.service-hub .member-record{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.masthead{top:0}.task-strip{grid-template-columns:1fr;gap:0;padding-block:16px}.task-strip a{padding-block:20px;border-bottom:1px solid #394d63}.task-strip a:last-child{border:0}.task-strip h2{font-size:22px}.topic-actions{display:grid;gap:8px}.service-hub #tracking .result-top h3{font-size:24px}.service-hub .result-top{display:block}.service-hub .result-top .result-status{display:inline-block;margin-top:16px}.preparation-body{width:calc(100% - 28px)}.preparation-body .reading-body{padding:24px 18px}}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.service-hub .association select{padding:12px;min-height:48px;width:100%;font:inherit}
.reading-preview[data-reading-scene="warehouse"] .reading-cover{background:linear-gradient(100deg,#102033ed,#102033ad),url('/assets/cargo-20261022-live/media/warehouse-forklift-poster-20261022b.jpg') center/cover}
@media(max-width:760px){.preparation-body .reading-body{width:100%;padding:24px 18px}.preparation-body .reading-body section{padding-inline:0}}

/* Clear, unclipped feedback and comfortable form spacing on small screens. */
.service-hub #customer-message-status{font-size:14px;line-height:1.75;margin:16px 0 0;min-height:3.5em;overflow-wrap:anywhere}
.service-hub #customer-message-form>label:has(input[name="consent"]){gap:12px!important;line-height:1.75}
.service-hub #customer-message-form input[name="consent"]{flex:0 0 20px}
.service-hub #customer-message-form button[type="submit"]{margin-top:20px}
