
#main-content .lp-page{font-family:Arial,Helvetica,sans-serif;background:#f5f9fc;color:#36566a;text-align:left}
#main-content .lp-wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
#main-content .lp-hero{padding:174px 0 36px;background:linear-gradient(120deg,#eaf4fa,#f7fbfd);border-bottom:1px solid #d7e5ed}
#main-content .lp-kicker{font-size:11px;line-height:1.6;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#08749e;margin:0 0 16px}
#main-content .lp-hero h1{font:700 clamp(34px,3.8vw,52px)/1.12 Arial,Helvetica,sans-serif!important;letter-spacing:-.035em!important;margin:0 0 18px!important;color:#10384f!important}
#main-content .lp-lead{font-size:18px;line-height:1.7;max-width:68ch;margin:0 0 28px}
#main-content .lp-meta{display:flex;flex-wrap:wrap;gap:12px 36px;padding-top:22px;border-top:1px solid #c9dfe9;font-size:13px;line-height:1.6}
#main-content .lp-meta strong{display:block;color:#143c53;font-size:11px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}
#main-content .lp-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:48px;padding-block:40px 64px;align-items:start}
#main-content .lp-sidebar{position:sticky;top:130px;min-width:0}
#main-content .lp-contents{border:1px solid #cbdfe9;border-radius:14px;background:#fff;overflow:hidden;margin:0}
#main-content .lp-contents summary{list-style:none;font-size:13px;font-weight:700;letter-spacing:.04em;padding:18px;color:#123c54;cursor:pointer}
#main-content .lp-contents summary::-webkit-details-marker{display:none}
#main-content .lp-contents nav{display:flex;flex-direction:column;gap:3px;padding:0 10px 12px;max-height:calc(100vh - 250px);overflow:auto}
#main-content .lp-contents nav a{display:block;padding:9px 10px;border-radius:6px;color:#385d72;text-decoration:none;font-size:13px;line-height:1.5;background:transparent;border:0}
#main-content .lp-contents nav a:hover{background:#eaf5fb;color:#006c9b}
#main-content .lp-cross,#main-content .lp-top{display:inline-flex;align-items:center;min-height:44px;color:#006f9e;font-size:14px;font-weight:700;margin-top:14px;text-underline-offset:4px}
#main-content .lp-body{min-width:0;max-width:820px;background:#fff;border:1px solid #d7e5ed;border-radius:18px;padding:32px 36px}
#main-content .lp-body p,#main-content .lp-body li{font-size:16px!important;line-height:1.8!important;color:#36566a!important;text-align:left!important}
#main-content .lp-body p{margin:0 0 16px!important}#main-content .lp-body strong{color:#143c53}
#main-content .lp-intro{padding-bottom:12px}
#main-content .lp-section{padding:28px 0 12px;border-top:1px solid #dce8ef;scroll-margin-top:140px}
#main-content .lp-section h2{font:700 23px/1.3 Arial,Helvetica,sans-serif!important;letter-spacing:-.02em!important;color:#123b53!important;margin:0 0 16px!important;text-align:left!important}
#main-content .lp-section ul{padding-left:21px;margin:0 0 18px}#main-content .lp-section li{padding-left:3px;margin-bottom:7px}
#main-content .lp-body a{color:#006c9b;overflow-wrap:anywhere;text-underline-offset:3px}
#main-content .lp-body .bgs-info-box{padding:18px 20px;background:#edf7fc;border-left:3px solid #0687b7;border-radius:0 9px 9px 0;font-size:15px;line-height:1.8;margin:20px 0}
#main-content .lp-page :is(a,summary):focus-visible{outline:3px solid #008ec1;outline-offset:3px}
body:has(.lp-page) .bgs-logo img{aspect-ratio:213/54;object-fit:contain}
@media(min-width:901px){#main-content .lp-contents:not([open])>nav{display:flex!important}#main-content .lp-contents summary{cursor:default}}
@media(max-width:900px){#main-content .lp-hero{padding-top:154px}#main-content .lp-layout{grid-template-columns:1fr;gap:24px;padding-top:28px}#main-content .lp-sidebar{position:static}#main-content .lp-contents summary{display:flex;justify-content:space-between;align-items:center;min-height:54px}#main-content .lp-contents summary:after{content:'+';font-size:24px;color:#007ba8}#main-content .lp-contents[open] summary:after{content:'−'}#main-content .lp-contents nav{max-height:340px}#main-content .lp-body{max-width:none}#main-content .lp-section{scroll-margin-top:120px}}
@media(max-width:600px){#main-content .lp-wrap{width:calc(100% - 40px)}#main-content .lp-hero{padding:142px 0 28px}#main-content .lp-lead{font-size:16px;margin-bottom:22px}#main-content .lp-meta{gap:16px 24px}#main-content .lp-body{padding:24px 20px;border-radius:14px}#main-content .lp-body p,#main-content .lp-body li{font-size:15px!important;line-height:1.75!important}#main-content .lp-section h2{font-size:21px!important}#main-content .lp-layout{padding-bottom:40px}#main-content .lp-section{padding-top:24px}}
@media print{#main-content .lp-sidebar,.bgs-site-header,#wpadminbar{display:none!important}#main-content .lp-hero{padding:20px 0}#main-content .lp-layout{display:block}#main-content .lp-body{border:0;padding:0;max-width:none}.lp-section{break-inside:auto}}


/* Shared interaction rhythm; content cards retain their own layout and colour hierarchy. */
#main-content :is(.buyer-btn,.pp-btn,.wc-btn,.pc-btn,.wh-btn,.mc-btn,.pl-btn,.rb-btn,.tl-btn,.eq-btn,.sv-btn,.iy-btn,.ab-btn,.ct-btn,.ix-btn){display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;max-width:100%;box-sizing:border-box;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:700;line-height:1.5;text-align:center;white-space:normal;overflow-wrap:break-word;text-decoration:none;vertical-align:middle}
#main-content :is(.sv-card-link,.iy-card-link,.ab-card-link,.ix-card-link){min-height:44px;box-sizing:border-box;max-width:100%;line-height:1.5;text-align:center;white-space:normal}
#main-content :is(button,summary){min-height:44px;box-sizing:border-box}
#main-content :is(.pp-flow-toggle,.bgs-up-play){min-width:44px;min-height:44px}
#main-content .bgs-up-all{min-height:44px}
#main-content .ix-toc summary{display:flex;align-items:center;min-height:48px;padding-block:10px}
.home #main-content #buyer-ordering>.buyer-wrap>details>summary{height:auto;min-height:48px}
.home #main-content #bgs-home-section-5 figure img{animation:none}
.home #main-content details>summary{min-height:48px;padding-top:10px;padding-bottom:10px;align-items:center}
#main-content .bgs-unified-category .bgs-decision-guide>summary{min-height:64px;padding:16px 22px;font-size:17px}
#main-content .sv-page.sv-overview .sv-start-grid summary{min-height:64px;padding:16px 20px}
#main-content .iy-page .iy-start-grid summary{height:104px;min-height:104px;padding:16px 22px;align-items:center;box-sizing:border-box}
#main-content .iy-page .iy-start-grid summary::after{margin-top:0}
@media(max-width:650px){#main-content .iy-page .iy-start-grid summary{height:auto;min-height:104px;font-size:17px;line-height:1.5}}
#main-content .wc-faq summary{min-height:58px;padding:16px 20px}
#main-content .bgs-context-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;margin-top:10px;color:#00658c;font-size:14px;font-weight:700;line-height:1.5;text-decoration:underline;text-underline-offset:4px;max-width:100%}
#main-content .bgs-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 42px;align-items:start}
#main-content .bgs-section-heading>.bgs-heading-eyebrow{grid-column:1/-1;grid-row:1;margin:0;padding:0;max-width:none}
#main-content .bgs-section-heading>h2{grid-column:1;grid-row:2;margin:0;text-align:left;text-wrap:balance}
#main-content .bgs-section-heading>.bgs-heading-description{grid-column:2;grid-row:2;margin:0;padding:0;max-width:60ch;text-align:left;font-size:16px;line-height:1.8;align-self:start;justify-self:start}
#main-content :is(h1,h2,h3){overflow-wrap:break-word}
#main-content :is(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #00658c;outline-offset:4px;box-shadow:0 0 0 2px #fff}
#main-content :is(button,summary){cursor:pointer}
@media(hover:hover) and (pointer:fine){
 #main-content :is(.buyer-btn,.pp-btn,.wc-btn,.pc-btn,.wh-btn,.mc-btn,.pl-btn,.rb-btn,.tl-btn,.eq-btn,.sv-btn,.iy-btn,.ab-btn,.ct-btn,.ix-btn):hover{box-shadow:0 5px 14px #082e4924;filter:brightness(.96)}
 #main-content :is(.sv-start-grid,.iy-start-grid) details:hover{border-color:#388eae}
 #main-content .bgs-context-link:hover{text-decoration-thickness:2px;color:#093c57}
}
@media(prefers-reduced-motion:no-preference){#main-content :is(.buyer-btn,.pp-btn,.wc-btn,.pc-btn,.wh-btn,.mc-btn,.pl-btn,.rb-btn,.tl-btn,.eq-btn,.sv-btn,.iy-btn,.ab-btn,.ct-btn,.ix-btn){transition:background-color .18s,border-color .18s,box-shadow .18s,filter .18s}}
@media(prefers-reduced-motion:reduce){#main-content *,#main-content *::before,#main-content *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:650px){#main-content .bgs-section-heading{grid-template-columns:minmax(0,1fr);gap:12px}#main-content .bgs-section-heading>.bgs-heading-eyebrow{grid-column:1;grid-row:1}#main-content .bgs-section-heading>h2{grid-column:1;grid-row:2}#main-content .bgs-section-heading>.bgs-heading-description{grid-column:1;grid-row:3;margin-top:4px}#main-content :is(.buyer-btn,.pp-btn,.wc-btn,.pc-btn,.wh-btn,.mc-btn,.pl-btn,.rb-btn,.tl-btn,.eq-btn,.sv-btn,.iy-btn,.ab-btn,.ct-btn,.ix-btn){min-height:50px;padding:12px 16px}}
