/* A quieter reading layout with commercial details after the explanation. */
.approved-reading .article-cover{display:grid;place-items:center;margin:1.5rem 0 2rem;}
.approved-reading .article-cover img{display:block;width:auto;max-width:100%;height:auto;max-height:320px;margin-inline:auto;object-fit:contain;}
.reading-partner-material{margin:1.25rem 0 1.75rem;border:0;}
.reading-partner-material-body{display:grid;gap:1rem;padding:0 0 1rem;}
.reading-partner-material-body>.provider-link{margin:0;}
.approved-reading .article-prices{margin-top:2.5rem;}
.budget-estimate-label{display:block;font-size:.78rem;font-weight:650;color:#516477;margin:.35rem 0;}
@media(max-width:600px){.approved-reading .article-cover img{max-height:200px;}.approved-reading .article-prices{margin-top:1.75rem;}}

/* Direct website actions and supplied artwork remain visible after the guide. */
body.pagember-signature .reading-partner-material-body{justify-items:center;gap:16px;padding:0;}
body.pagember-signature .reading-partner-material-body>.provider-link{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 16px;width:fit-content;max-width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;}
body.pagember-signature .reading-partner-material-body>.provider-link>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;}
body.pagember-signature .reading-partner-material-body>.provider-link>.provider-relationship-note{margin:0;max-width:38ch;min-width:0;text-align:left;}
body.pagember-signature .reading-partner-material .partner-supporting-material{margin:0 auto;}
body.pagember-signature .partner-supporting-material:not(details) .partner-supporting-body{padding:0;}
@media(max-width:600px){
 body.pagember-signature .reading-partner-material-body>.provider-link{flex-direction:column;gap:8px;width:100%;max-width:600px;}
 body.pagember-signature .reading-partner-material-body>.provider-link>a{width:min(100%,280px);}
 body.pagember-signature .reading-partner-material-body>.provider-link>.provider-relationship-note{text-align:center;}
}

/* Brand and plan each receive a consistent rail; retain required symbol names. */
body.pagember-signature .approved-reading .article-plan-card[data-article-offer]>.article-plan-heading{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:56px auto;align-items:start;gap:10px;}
body.pagember-signature .approved-reading .article-plan-card[data-article-offer]>.article-plan-heading>.article-plan-identity{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0;height:56px;}
body.pagember-signature .approved-reading .article-plan-card[data-article-offer]>.article-plan-heading>.article-plan-identity>.article-provider-name{margin:0;color:#17344d;font-size:20px;line-height:1.25;font-weight:650;}
body.pagember-signature .approved-reading .article-plan-card[data-article-offer]>.article-plan-heading>.article-plan-title h4{margin:0;min-height:4.35em;font-size:14px;line-height:1.45;font-weight:650;color:#25465f;}
body.pagember-signature .approved-reading .article-plan-card[data-article-offer]>.article-plan-heading>.article-plan-identity :is(img.company-logo,.company-logo){margin:0;max-height:56px!important;object-fit:contain;}
@media(max-width:600px){body.pagember-signature .approved-reading .article-plan-card[data-article-offer]>.article-plan-heading>.article-plan-title h4{min-height:0;}}
/* Clear service choices and a centred plan-level control, without divider rails. */
body.pagember-signature .plan-catalog.approved-prices>.archive-intro.price-intro{border-bottom:0;}
body.pagember-signature .approved-price-catalog .price-navigation{border:0;box-shadow:none;padding-bottom:0;}
body.pagember-signature .approved-price-catalog .price-services{border:0;box-shadow:none;gap:6px;padding-bottom:0;}
body.pagember-signature .approved-price-catalog .price-services>:is(a,span){border:0;box-shadow:none;border-radius:9px;min-height:44px;display:inline-flex;align-items:center;padding:10px 14px;text-decoration:none;}
body.pagember-signature .approved-price-catalog .price-services>[aria-current]{color:#fff;background:#102b43;border:0;box-shadow:none;}
body.pagember-signature .pagember-plan-levels{justify-content:center;}
body.pagember-signature .pagember-plan-levels .plan-level-label{text-align:center;}
body.pagember-signature .approved-price-catalog .pagember-plan-levels{width:100%;margin:18px auto;justify-content:center;}
@media(max-width:600px){body.pagember-signature .approved-price-catalog .price-services{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;}body.pagember-signature .approved-price-catalog .price-services>:is(a,span){flex:0 0 auto;scroll-snap-align:start;}}

/* Directory cards follow their own content rather than stretching copy into a void. */
body.pagember-signature .article-grid.company-library{grid-auto-rows:auto;align-items:start;}
body.pagember-signature .article-grid.company-library>.article-card.company-card{align-self:start;height:auto;min-height:0;}
body.pagember-signature .article-grid.company-library .company-card-copy{flex:0 0 auto;min-height:0;}
body.pagember-signature .article-grid.company-library .company-card-copy>p{flex:0 0 auto;margin-bottom:12px;}
body.pagember-signature .article-grid.company-library .company-card-copy>.card-bottom{margin-top:0;}

/* Centre the complete category strip when it fits; narrow screens start at the first item. */
body.pagember-signature .approved-price-catalog .price-services{width:100%;justify-content:center}
@media(max-width:1000px){body.pagember-signature .approved-price-catalog .price-services{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}}
/* Equal side rails keep the four main destinations centred on desktop. */
@media(min-width:1200px){body.pagember-signature .header-inner>.desktop-navigation>.primary-navigation{position:absolute;left:50%;transform:translateX(-50%)}body.pagember-signature .header-inner>.desktop-navigation>.topics-menu{margin-left:auto}}
/* Only the general desktop matrix receives the presentation header. Mobile keeps its native cards. */
.comparison-identity-header{position:fixed;z-index:18;visibility:hidden;opacity:0;overflow:hidden;pointer-events:none;background:#f4f8fc;border:1px solid #d5e3ef;border-radius:0 0 12px 12px;box-shadow:0 6px 16px #102e4914}
.comparison-identity-header.is-visible{visibility:visible;opacity:1}
.comparison-identity-viewport{overflow:hidden;width:100%;scrollbar-width:none}
.comparison-identity-table{table-layout:fixed;border-collapse:separate;border-spacing:0;margin:0;min-width:0!important}
body.pagember-signature .comparison-identity-table thead th{box-sizing:border-box;min-width:0;padding:12px 16px;background:#f4f8fc;vertical-align:middle;border-bottom:0}
body.pagember-signature .comparison-identity-table thead th:first-child{position:sticky;left:0;z-index:2;font-size:12px;color:#526a80;background:#eaf2f8}
body.pagember-signature .comparison-identity-table .matrix-provider{margin:0;min-height:44px}
body.pagember-signature .comparison-identity-table .matrix-provider small{font-size:11px;line-height:1.4}
body.pagember-signature .comparison-identity-table .matrix-provider img{max-height:34px;object-fit:contain}
@media(max-width:900px){.comparison-identity-header{display:none}}
body.pagember-signature .approved-price-catalog table.comparison-identity-table thead th{padding:10px 14px!important;vertical-align:middle}
body.pagember-signature .approved-price-catalog table.comparison-identity-table .matrix-provider{grid-template-rows:36px auto!important;min-height:0;gap:5px;align-content:center}
body.pagember-signature .approved-price-catalog table.comparison-identity-table .matrix-provider .company-identity{height:36px;min-height:0}
body.pagember-signature .approved-price-catalog table.comparison-identity-table .matrix-provider>span:last-child{min-height:0}
body.pagember-signature .approved-price-catalog table.comparison-identity-table .matrix-provider small{min-height:0!important;font-size:11px;line-height:1.35;margin:0}

/* Keep the original comparison header proportionate to its actual logo and plan text. */
@media(min-width:901px){
 body.pagember-signature .approved-price-catalog .price-matrix-scroll>table.price-matrix .matrix-provider{grid-template-rows:56px auto!important;gap:8px}
 body.pagember-signature .approved-price-catalog .price-matrix-scroll>table.price-matrix .matrix-provider small{min-height:0!important}
}
