/* Authored shipment guides: a quiet reading column with contextual next steps. */
.reading-hero{padding-block:54px 58px}
.reading-hero .wrap{grid-template-columns:minmax(0,1.55fr) minmax(260px,.8fr);gap:54px;max-width:1190px}
.reading-hero .breadcrumb{margin-bottom:27px;flex-wrap:wrap}
.reading-context{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:17px}
.reading-context .eyebrow{margin:0;font-size:10px}
.reading-topic{display:inline-flex;gap:8px;align-items:center;min-height:34px;border:1px solid #ffffff30;border-radius:5px;padding:7px 11px;font-size:10px;line-height:1.5;color:#dbe7ef}
.reading-topic:hover{background:#ffffff0d;border-color:#ffffff70}
.reading-hero h1{font-size:clamp(2.3rem,3.75vw,3rem);line-height:1.2;letter-spacing:-.04em;margin:0 0 22px;max-width:24ch;overflow-wrap:break-word}
.reading-hero .reading-deck{max-width:660px;font-size:15px;line-height:1.85;margin:0;color:#d1deea}
.reading-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin:27px 0 0!important;font-size:11px;line-height:1.5;color:#c7d6e3;letter-spacing:0}
.reading-meta>span+span{padding-left:18px;border-left:1px solid #ffffff30}
.reading-meta a{display:inline-flex;gap:8px;align-items:center;color:white;text-underline-offset:5px;border-bottom:1px solid #ffffff65;padding-block:5px}
.reading-meta a:hover{border-color:#ffac84;color:#ffac84}
.reading-hero-photo{align-self:center}
.reading-hero-photo img{height:245px;object-position:center;box-shadow:none;border:1px solid #ffffff20}
.reading-hero-photo figcaption{display:flex;flex-direction:column;gap:4px;font-size:10px;line-height:1.55;margin-top:14px;color:#bacdda}
.reading-hero-photo figcaption>span:first-child{color:#e1ebf3;font-size:11px}
.reading-section{padding-block:68px 80px}
.reading-layout{grid-template-columns:minmax(0,730px) minmax(235px,275px);gap:58px;max-width:1190px}
.reading-layout>.reading-copy{grid-column:1;grid-row:1}
.reading-layout>.reading-sidebar{grid-column:2;grid-row:1;min-width:0}
.reading-copy{font-size:16px;line-height:1.9;color:#334c60;scroll-margin-top:16px}
.reading-service-context{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;border-bottom:1px solid var(--design-border);padding-bottom:19px;margin-bottom:31px;font-size:12px;line-height:1.6}
.reading-service-context>span{color:var(--muted);font-size:11px}
.reading-service-context>a{display:inline-flex;gap:8px;align-items:center;color:var(--ink);font-weight:600}
.reading-service-context>a:hover{color:#a73c13}
.reading-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px;padding:10px 16px;margin:0 0 30px;border:1px solid #d1dde6;border-radius:6px;background:#f7fafc;font-size:11px;line-height:1.6}
.reading-tools a{display:inline-flex;align-items:center;gap:9px;min-height:36px;color:var(--ink);font-weight:600}
.reading-tools a:hover{color:#a73c13}
.reading-body h2{font-size:clamp(1.6rem,2.3vw,1.85rem);line-height:1.4;margin:48px 0 19px;padding-top:17px;border-top:1px solid var(--design-border);color:var(--ink)}
.reading-copy .reading-body h2[id]{scroll-margin-top:16px}
.reading-body>:first-child{margin-top:0}
.reading-body>h2:first-child,.reading-body>section:first-child>h2:first-child{border-top:0;padding-top:0}
.reading-body h3{font-size:20px;line-height:1.5;margin:29px 0 13px;color:var(--ink)}
.reading-body p{margin-block:0 22px}
.reading-body ul,.reading-body ol{padding-left:24px;margin:20px 0 27px}
.reading-body li{padding-left:5px;margin-bottom:11px}
.reading-body li::marker{color:#b13d11;font-weight:600}
.reading-body li p{margin:9px 0 16px}
.reading-body a:not(.button){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;overflow-wrap:anywhere}
.reading-body a.text-link{font-size:inherit;font-weight:600}
.reading-body a[download]{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px!important;line-height:1.6;border:1px solid #c9d6e0;border-radius:6px;padding:10px 14px;background:white;text-decoration:none!important;color:var(--ink);max-width:100%;white-space:normal}
.reading-body a[download]:hover{border-color:#b13d11;background:#fff7f1;color:#943614}
.reading-body a[download].button{background:#d84912;border-color:#d84912;color:white}
.reading-body table{font-size:14px;line-height:1.7;margin:28px 0}
.reading-body .table-wrap,.reading-body .comparison-scroll{margin:28px 0;background:white;box-shadow:none}
.reading-body .table-wrap table,.reading-body .comparison-scroll table{margin:0;min-width:480px}
.reading-body caption{text-align:left;padding:17px 19px;background:#f5f8fa;font-size:13px;line-height:1.65;font-weight:600;color:var(--ink);border-bottom:1px solid var(--design-border)}
.reading-body th,.reading-body td{padding:17px 19px;border-bottom:1px solid #e1e8ed}
.reading-body thead th{background:#eef3f6;font-size:12px;line-height:1.6;color:var(--ink)}
.reading-body tbody th{font-weight:600;color:var(--ink)}
.reading-body tbody tr:last-child>*{border-bottom:0}
.reading-body .table-wrap:focus-visible,.reading-body .comparison-scroll:focus-visible{outline:3px solid #d84912;outline-offset:4px}
.reading-body .detail-grid{gap:16px;margin:27px 0}
.reading-body .detail-block{padding:22px;background:#fafcfd}
.reading-body .detail-block h3{margin:0 0 12px;font-size:18px}
.reading-body .detail-block p{font-size:14px;margin:0;line-height:1.8}
.reading-body .insight{margin:30px 0;padding:25px 28px;background:#f3f7fa;border-left-width:3px;color:var(--ink)}
.reading-body .insight h3{margin-top:0}
.reading-body .insight p:last-child,.reading-body .insight ul:last-child{margin-bottom:0}
.reading-body .download-brief{background:#f2f6f9;border:1px solid #cfdae3;padding:27px;margin:35px 0}
.reading-body .download-brief h2{border:0;padding:0;margin:0 0 17px;font-size:25px}
.reading-body .download-brief ul{list-style:none;padding:0;margin:22px 0}
.reading-body .download-brief li{padding:0;border-bottom:1px solid #d6e0e7;margin:0 0 16px;padding-bottom:16px}
.reading-body .download-brief li:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}
.reading-body .download-brief .field-help{font-size:12px;line-height:1.75;margin:9px 0 0}
.reading-body .download-brief small,.reading-body .editorial-meta,.reading-body p>small{font-size:12px;line-height:1.75;color:#617688}
.reading-next-step{border:1px solid #d1dde6;border-top:3px solid var(--orange);background:#f3f7fa;padding:34px;margin-top:48px}
.reading-next-step .eyebrow{font-size:10px;color:#a73c13}
.reading-copy .reading-next-step h2{font-size:28px;line-height:1.35;margin:10px 0 17px;color:var(--ink)}
.reading-next-step p{font-size:14px;line-height:1.85;margin:0 0 20px}
.reading-scope{border-block:1px solid #d5e0e8;padding:18px 0;margin:21px 0}
.reading-scope>span{display:block;color:var(--muted);font-size:11px;font-weight:600;margin-bottom:10px}
.reading-scope ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.reading-scope li{font-size:11px;line-height:1.6;border:1px solid #ccd9e3;border-radius:5px;background:white;padding:6px 9px;margin:0;color:var(--ink)}
.reading-next-step .actions{gap:15px 20px;margin-top:24px;align-items:center}
.reading-next-step .actions .button{margin:0;font-size:12px;min-height:46px;gap:8px}
.reading-next-step .actions .button.secondary{color:var(--ink);border-color:#9fb3c3}
.reading-next-step .actions .button.secondary:hover{background:#e5edf3;border-color:#617c91}
.reading-next-step .text-link{font-size:12px}
.reading-service-link{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#617688;text-decoration:underline;text-underline-offset:4px}
.reading-sidebar{top:108px;max-height:calc(100dvh - 132px);overflow-y:auto;overscroll-behavior-y:contain;padding:4px;margin:-4px;scrollbar-gutter:stable}
.reading-toc{background:white;border-color:#d1dde6}
.reading-toc summary{padding:19px 21px;font-size:13px;background:#f3f7fa;min-height:56px;color:var(--ink)}
.reading-toc nav{padding:0 21px 13px;max-height:max(100px,calc(100dvh - 470px));min-height:0;overscroll-behavior-y:contain;scroll-padding-block:12px}
.reading-toc ol{counter-reset:reading-section}
.reading-toc li{counter-increment:reading-section}
.reading-toc a{display:grid;grid-template-columns:21px minmax(0,1fr);gap:8px;font-size:11px;line-height:1.7;padding:12px 0;border-color:#e2e9ee;color:#566d7f}
.reading-toc a::before{content:counter(reading-section,decimal-leading-zero);font-size:10px;font-weight:500;color:#889cab}
.reading-toc a[aria-current='location']::before{color:#b13d11}
.reading-toc a:hover{color:var(--ink)}
.reading-toc .reading-toc-next-step{counter-increment:none;margin-top:7px;border-top:1px solid #d1dde6}
.reading-toc .reading-toc-next-step a{font-weight:600;color:#a73c13;border-bottom:0}
.reading-toc a:focus-visible,.reading-hero a:focus-visible,.reading-copy a:focus-visible,.reading-related a:focus-visible{outline:3px solid #d84912;outline-offset:4px}
.reading-hero a:focus-visible{outline-color:#ffac84}
.reading-quote{padding:22px;margin-top:16px}
.reading-quote .eyebrow{font-size:9px}
.reading-quote h3{font-size:18px;line-height:1.45;margin:9px 0 12px}
.reading-quote p{font-size:12px;line-height:1.75;margin:0 0 17px}
.reading-chat-links{display:flex;flex-direction:column;gap:9px}
.reading-quote .button{font-size:11px;min-height:44px;padding:12px;gap:8px}
.reading-quote .button.secondary{color:white;border-color:#8fa3b5}
.reading-quote .button.secondary:hover{background:#ffffff0d;border-color:#c5d4e1}
.reading-related{background:#edf3f7;border-top:1px solid #d9e4ec;padding-block:66px 74px}
.reading-related .wrap{max-width:1190px}
.reading-related-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:31px}
.reading-related-heading h2{font-size:32px;line-height:1.35;margin:9px 0 0}
.reading-related-heading>.text-link{flex-shrink:0;padding-bottom:5px}
.reading-related .guide-grid{gap:23px}
.reading-related .guide-card{border:1px solid #d0dce5;box-shadow:none;transform:none}
.reading-related .guide-card:hover,.reading-related .guide-card:focus-within{box-shadow:0 10px 28px #112b450a;border-color:#acbfce}
.reading-related .guide-card-image{aspect-ratio:1.9}
.reading-related .guide-card-body{padding:23px}
.reading-related .guide-card-body h3{font-size:18px;line-height:1.5}
.reading-related .guide-card-meta{align-items:flex-start;flex-wrap:wrap;gap:7px;margin-bottom:15px}
.reading-related .guide-topic-label{font-size:9px}
@media(min-width:761px) and (max-width:1100px){
  .reading-hero .wrap{grid-template-columns:minmax(0,1.5fr) minmax(230px,.85fr);gap:32px}
  .reading-hero h1{font-size:40px}
  .reading-layout{grid-template-columns:minmax(0,1fr) 235px;gap:32px}
  .reading-body .detail-grid{grid-template-columns:1fr}
  .reading-next-step{padding:26px}
  .reading-related .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .reading-layout{display:flex;flex-direction:column;gap:27px}
  .reading-sidebar{position:static;order:0;width:100%;max-height:none;overflow:visible;padding:0;margin:0;scrollbar-gutter:auto}
  .reading-toc{border-radius:10px}
  .reading-toc summary{min-height:52px;padding:16px 18px;list-style:disclosure-closed;font-size:12px}
  .reading-toc[open] summary{list-style:disclosure-open}
  .reading-toc nav{max-height:min(360px,calc(100dvh - 185px));padding:0 18px 12px}
  .reading-toc a{font-size:11px;padding:12px 0;min-height:44px}
  .reading-quote{display:none}
  .reading-copy{width:100%}
}
@media(max-width:760px){
  .reading-hero{padding-block:32px 37px}
  .reading-hero .wrap{grid-template-columns:1fr;gap:25px}
  .reading-hero .breadcrumb{margin-bottom:21px;line-height:1.65}
  .reading-context{gap:10px;margin-bottom:15px}
  .reading-context .eyebrow{font-size:9px}
  .reading-topic{font-size:9px;min-height:32px;padding:6px 9px}
  .reading-hero h1{font-size:30px;line-height:1.25;margin-bottom:19px;max-width:26ch}
  .reading-hero .reading-deck{font-size:14px;line-height:1.8}
  .reading-meta{margin-top:20px!important;gap:8px 13px;font-size:10px}
  .reading-meta>span+span{padding-left:13px}
  .reading-hero-photo img{height:160px;border-radius:12px}
  .reading-hero-photo figcaption{flex-direction:row;flex-wrap:wrap;gap:4px 13px;margin-top:10px;font-size:9px}
  .reading-hero-photo figcaption>span:first-child{font-size:9px}
  .reading-section{padding-block:30px 49px}
  .reading-copy{font-size:15px;line-height:1.85}
  .reading-service-context{margin-bottom:25px;padding-bottom:17px;gap:6px 11px;font-size:11px}
  .reading-service-context>span{font-size:10px}
  .reading-tools{padding:8px 14px;margin-bottom:25px;gap:4px 18px;font-size:10px}
  .reading-tools a{min-height:40px}
  .reading-body h2{font-size:25px;line-height:1.4;margin-top:37px;padding-top:15px}
  .reading-body h3{font-size:19px;margin-top:25px}
  .reading-body p{margin-bottom:20px}
  .reading-body ul,.reading-body ol{padding-left:20px;margin-block:18px 23px}
  .reading-body li{padding-left:2px;margin-bottom:10px}
  .reading-body .table-wrap,.reading-body .comparison-scroll{margin-block:23px;border-radius:8px}
  .reading-body table{font-size:13px;line-height:1.65}
  .reading-body .table-wrap table,.reading-body .comparison-scroll table{min-width:450px}
  .reading-body th,.reading-body td{padding:13px 15px;font-size:13px}
  .reading-body thead th{font-size:11px}
  .reading-body caption{font-size:12px;padding:14px 15px}
  .reading-body .detail-grid{grid-template-columns:1fr}
  .reading-body .detail-block{padding:21px}
  .reading-body .insight{padding:21px 22px}
  .reading-body .download-brief{padding:23px;margin-block:28px}
  .reading-body .download-brief h2{font-size:23px}
  .reading-body a[download]{font-size:12px!important;padding:10px 12px}
  .reading-next-step{padding:25px 23px;margin-top:37px;border-radius:12px}
  .reading-copy .reading-next-step h2{font-size:25px}
  .reading-next-step p{font-size:13px}
  .reading-scope{padding-block:16px;margin-block:18px}
  .reading-scope li{font-size:10px}
  .reading-next-step .actions{gap:16px;align-items:flex-start;flex-direction:column}
  .reading-next-step .actions .button{width:100%;font-size:12px}
  .reading-related{padding-block:43px 49px}
  .reading-related-heading{display:block;margin-bottom:26px}
  .reading-related-heading h2{font-size:27px;line-height:1.4;margin-bottom:18px}
  .reading-related-heading>.text-link{font-size:12px}
  .reading-related .guide-grid{grid-template-columns:1fr;gap:20px}
  .reading-related .guide-card-image{aspect-ratio:2.15}
}
@media print{
  .reading-section{padding:0}
  .reading-context .reading-topic,.reading-meta a,.reading-tools,.reading-next-step,.reading-related,.reading-service-context{display:none}
  .reading-layout{display:block}
  .reading-copy{max-width:none;font-size:11pt;line-height:1.65}
  .reading-body h2{font-size:18pt;break-after:avoid}
  .reading-body h3{font-size:14pt;break-after:avoid}
  .reading-body .table-wrap table,.reading-body .comparison-scroll table{min-width:0}
  .reading-body .table-wrap,.reading-body .comparison-scroll{overflow:visible}
  .reading-body a[download]{padding:0;border:0}
}

/* Guides without a dedicated photograph retain a complete text introduction. */
.reading-hero.reading-hero-text .wrap{grid-template-columns:minmax(0,1fr)}
.reading-hero-text .wrap>div{max-width:850px}

/* Publication records use WordPress dates, separate from source-review notes. */
.reading-publication{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:18px;color:#c6d6e4;font-size:12px;line-height:1.8}
.reading-publication a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){
 .reading-copy .reading-body{font-size:16px;line-height:1.85}
 .reading-copy .reading-body .detail-block p{font-size:16px}
 .reading-copy .reading-body table{font-size:15px}
 .reading-copy .reading-body thead th{font-size:14px}
 .reading-copy .reading-body a[download]{min-height:48px;font-size:14px!important}
 .reading-copy .reading-body .editorial-meta,.reading-copy .reading-body p>small{font-size:13px}
 .reading-next-step .actions .button,.reading-quote .button{min-height:48px}
}