/* Vertical partner panels preserve the existing center-column width. */
.page-layout{position:relative;flex-direction:column}.profile-partner-layout{position:relative}
.partner-rail{box-sizing:border-box;width:min(100%,380px);margin:20px auto;flex:none;color:#19221c}
.partner-panel{padding:18px 14px 0;background:#f7faf7;border:1px solid #1a6b3a;border-radius:10px;text-align:left}
/* The right-hand rail carries no panel title, "view all" link or footer — those
   render once, in the left rail. Repeating them made every page show the same
   heading and the same two links twice: side by side above 1400px, and stacked
   one under the other below it. Without the footer there is nothing to supply
   the panel's bottom padding, so it is restored here. */
.partner-panel-plain{padding-bottom:18px}
.partner-panel-title{font-size:18px;font-weight:700;line-height:1.35;margin:0 0 10px;letter-spacing:-.025em}
.partner-view-all{display:inline-block;font-size:12px;color:#176638;text-decoration:none;margin-bottom:18px;font-weight:600}
.partner-stack{display:grid;gap:12px}.partner-card{box-sizing:border-box;padding:20px 16px;background:#fff;border:1px solid #e2e8e2;border-radius:7px;text-align:left}
.partner-icon{display:block;color:#176638;margin:0 0 14px}
/* The RTS mark is a square 1254x1254 SVG. width/height are set on the element
   too, so the box is reserved before it loads and the card does not shift.
   object-fit guards against a future logo with a different aspect ratio being
   stretched. Slightly larger on the /partners directory card, which is wider. */
.partner-logo{width:36px;height:36px;object-fit:contain}
.partners-directory .partner-card .partner-logo{width:48px;height:48px}.partner-card .partner-name{margin:0 0 5px;font-size:15px;font-weight:700;line-height:1.4}
.partner-card .partner-category{margin:0 0 14px;color:#416351;font-size:12px;line-height:1.5}
.partner-card .partner-description{margin:0 0 20px;font-size:13px;line-height:1.7;color:#4d5850}
.partner-link{display:block;padding:10px 8px;border:1px solid #1a6b3a;border-radius:4px;color:#176638;background:#fff;font-size:12px;font-weight:600;text-align:center;text-decoration:none}
.partner-link:hover{background:#1a6b3a;color:#fff;text-decoration:none}.partner-rail a:focus-visible,.partners-page a:focus-visible,.partners-page button:focus-visible{outline:3px solid #1a6b3a;outline-offset:4px}
.partner-card .partner-disclosure{margin:14px 0 0;font-size:10px;line-height:1.5;color:#667269}
.partner-panel-footer{padding:17px 0;font-size:11px;line-height:1.6;border-top:1px solid #dfe8df;margin-top:16px}.partner-panel-footer span{display:block;color:#59645c;margin-bottom:4px}.partner-panel-footer a{font-weight:600;color:#176638;text-decoration:none}
.profile-partner-layout>.partner-rail{width:min(calc(100% - 32px),380px);margin-bottom:24px}.profile-partner-layout>.partner-rail-right{margin-bottom:48px}
@media(min-width:1400px){.page-layout{min-height:600px}.page-layout>.partner-rail{position:absolute;top:24px;width:220px;margin:0}.page-layout>.partner-rail-left{left:calc(50% - 678px)}.page-layout>.partner-rail-right{right:calc(50% - 678px)}}
@media(min-width:1800px){.profile-partner-layout>.partner-rail{position:absolute;top:480px;width:220px;margin:0}.profile-partner-layout>.partner-rail-left{left:calc(50% - 868px)}.profile-partner-layout>.partner-rail-right{right:calc(50% - 868px)}}

/* Article and guide layouts (.page-wrap): a grid of content plus a 300px right
   sidebar, capped at 1100px. The rail used to sit outside that grid as a
   sibling, so it rendered stranded under the whole article at full page width.
   It is now the grid's last child and takes a column of its own on the left.

   Last in the DOM deliberately: under 800px .page-wrap collapses to one column
   and the reader should meet the article before the sponsor. grid-column moves
   it left visually without reordering the markup, so reading order and source
   order stay right on a phone.

   Only the rail is placed explicitly — article and sidebar auto-flow into the
   two remaining columns in source order, which keeps this working on the pages
   whose markup is not article + sidebar. */
@media(min-width:1200px){
  .page-wrap{max-width:1400px;grid-template-columns:220px minmax(0,1fr) 300px}
  .page-wrap>.partner-rail{grid-column:1;grid-row:1;width:220px;margin:0;position:sticky;top:76px}
}
/* 800-1200px: not enough room for a third column, so the rail falls below the
   article. Left-aligned rather than centred so it still reads as part of the
   column rather than floating loose. */
@media(min-width:800px) and (max-width:1199.98px){
  .page-wrap>.partner-rail{margin-left:0}
}