/* P0 conversion: live plan explorer. Flat, readable editorial styling. */
.pex-section{background:#f2f5f3}
.pex-header{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.8fr);gap:36px;align-items:end;margin-bottom:22px}
.pex-header h2{margin:6px 0 0;font-size:clamp(32px,3.5vw,52px);line-height:1.1;letter-spacing:-.04em}
.pex-header p:last-child{font-size:15px;color:#63716b;margin:0;max-width:440px}
.pex-status{padding:14px 16px;background:#e3ebe6;color:#395249;font-size:13px;border-left:3px solid #29a885;margin:14px 0}
.pex-status[data-state="error"]{background:#fff2e7;color:#814624;border-color:#ba7f44}
.pex-status[data-state="limit"]{background:#fff3df;color:#725224;border-color:#b88c33}
.pex-retry{margin:10px 0 25px}
.pex-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0 22px}
.pex-field{min-width:0}
.pex-field label{display:block;font-size:12px;font-weight:700;color:#34453f;margin:0 0 7px}
.pex-field select,.pex-field input{display:block;min-height:43px;width:100%;border-radius:3px;border:1px solid #b7c6bf;background:#fff;color:#182922;padding:9px 11px;font:inherit;font-size:13px;min-width:0}
.pex-field input:focus,.pex-field select:focus{outline:2px solid #48be9e;outline-offset:1px}
.pex-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;border-top:1px solid #ccd9d2;border-bottom:1px solid #ccd9d2;padding:13px 0;margin-bottom:6px}
.pex-actions label{display:flex;gap:8px;align-items:center;font-weight:650;font-size:13px}
.pex-actions input{accent-color:#168b6c;width:17px;height:17px}
.pex-actions button{border:0;background:transparent;color:#06694f;text-decoration:underline;text-underline-offset:3px;font-weight:680;cursor:pointer;padding:4px 0}
.pex-count{color:#52635b;font-size:12px;margin:16px 0}
.pex-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;border-top:1px solid #cbd9d1}
.pex-plan{padding:23px 0;border-bottom:1px solid #cbd9d1;min-width:0;display:flex;flex-direction:column;align-items:stretch}
.pex-plan__top{display:flex;justify-content:space-between;gap:12px;align-items:start}
.pex-plan__kind{font:750 11px/1.3 ui-monospace,Consolas,monospace;letter-spacing:.04em;text-transform:uppercase;color:#167f62}
.pex-plan__stock{font-size:11px;font-weight:700;color:#167b5f}
.pex-plan__stock--off{color:#946945}
.pex-plan h3{font-size:19px;line-height:1.25;letter-spacing:-.025em;margin:10px 0 5px}
.pex-plan__meta{margin:0 0 10px;font-size:12px;color:#657b6e}
.pex-plan__specs{list-style:none;margin:0 0 15px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 16px}
.pex-plan__specs li{font-size:12px;line-height:1.4;color:#4f5f58;position:relative;padding-left:12px;overflow-wrap:anywhere}
.pex-plan__specs li:before{position:absolute;content:"";left:1px;top:7px;height:4px;width:4px;background:#5ca88d;border-radius:50%}
.pex-plan__price{font-weight:770;font-size:17px;letter-spacing:-.02em;margin-top:auto;padding:8px 0 14px}
.pex-plan__actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.pex-plan__actions .btn{min-height:38px}
.pex-plan__unavailable{font-size:12px;color:#805533;font-weight:600}
.pex-plan__compare{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#345347;cursor:pointer}
.pex-plan__compare input{accent-color:#108460;width:17px;height:17px}
.pex-empty{padding:20px 0;font-size:15px;color:#5d7066}
.pex-more{margin-top:26px}
.pex-compare{background:#e8efea;border:1px solid #cbd9cf;padding:25px;margin-top:36px}
.pex-compare__heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}
.pex-compare__heading h3{font-size:24px;letter-spacing:-.03em;margin:0}
.pex-compare__heading button{background:transparent;border:0;text-decoration:underline;color:#116d52;font-weight:700;cursor:pointer}
.pex-compare__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.pex-compare-table{width:100%;min-width:620px;border-collapse:collapse;text-align:left;font-size:13px;background:#fff}
.pex-compare-table th,.pex-compare-table td{padding:13px 12px;border-bottom:1px solid #d8e1db;vertical-align:top;overflow-wrap:anywhere}
.pex-compare-table thead th{background:#10211b;color:#f3f6f3;font-size:12px;min-width:145px}
.pex-compare-table th:first-child{min-width:128px}
.pex-compare-table tbody th{background:#eff5f1;font-weight:750}
.pex-compare-table td a{color:#147756;text-decoration:underline;font-weight:700}
.pex-meta{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:12px;color:#62736b;margin:24px 0 0}
.pex-meta a{text-decoration:underline;text-underline-offset:3px;color:#136e53}
.pex-trust{background:#0d1916;color:#f1f6f2}
.pex-trust .kicker{color:#65d5b1}
.pex-trust__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #254138}
.pex-trust__item{padding:28px 24px 24px 0;border-right:1px solid #254138}
.pex-trust__item+ .pex-trust__item{padding-left:25px}
.pex-trust__item:last-child{border-right:0}
.pex-trust__item h3{font-size:19px;letter-spacing:-.02em;margin:0 0 12px}
.pex-trust__item p{font-size:14px;color:#adc3b7;margin:0 0 15px}
.pex-trust__item a{font-size:13px;font-weight:700;color:#75d9b8;text-decoration:underline;text-underline-offset:4px}
@media(max-width:860px){.pex-header{grid-template-columns:1fr;gap:12px}.pex-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.pex-trust__grid{grid-template-columns:1fr}.pex-trust__item,.pex-trust__item+ .pex-trust__item{border-right:0;border-bottom:1px solid #254138;padding:24px 0}.pex-trust__item:last-child{border-bottom:0}}
@media(max-width:650px){.pex-grid{grid-template-columns:1fr}.pex-filters{grid-template-columns:1fr}.pex-plan__specs{grid-template-columns:1fr}.pex-compare{padding:16px}.pex-header h2{font-size:36px}}

.pex-store-direct{display:inline-block;font-size:13px;font-weight:700;color:#18745a;margin:0 0 22px 16px;text-decoration:underline;text-underline-offset:4px}


/* Dark-theme correction: the base site overrides --ink with a light value.
   Declare explicit foreground and background for the explorer, including
   controls and the failed-catalogue view. */
.section.pex-section{
  background:#111a17;
  color:#eff6f2;
  border-top:1px solid #2b3b34;
  padding-top:clamp(54px,5.8vw,82px);
  padding-bottom:clamp(54px,6vw,84px);
}
.pex-section .pex-header h2,
.pex-section .pex-plan h3,
.pex-section .pex-compare__heading h3{color:#f0f6f2}
.pex-section .pex-header>p{color:#b0c1b8;font-size:15px}
.pex-section .pex-header .kicker{color:#65d2ad}
.pex-section .pex-status{
  background:#1b3027;
  color:#b8e4cd;
  border-left:3px solid #43bf96;
  margin:19px 0;
  line-height:1.6;
}
.pex-section .pex-status[data-state="error"]{
  background:#2c241b;
  color:#f4d6a7;
  border-color:#c18a4b;
}
.pex-section .pex-status[data-state="limit"]{
  background:#352a1a;
  color:#f1d3a1;
  border-color:#c59a47;
}
.pex-section .pex-retry{
  border:1px solid #85b5a1;
  color:#eef8f2;
  background:#1d332b;
  min-height:44px;
  margin:0 0 0;
}
.pex-section .pex-retry:hover{border-color:#76dfb8;background:#244737}
.pex-section .pex-store-direct,
.pex-section .pex-meta a{color:#77dbb7;text-decoration-color:#398c6f}
.pex-section .pex-store-direct:hover,
.pex-section .pex-meta a:hover{color:#c3f6df}
.pex-section .pex-meta{color:#a5baaf;line-height:1.6;margin-top:30px}
.pex-section .pex-meta span{color:#a5baaf}
.pex-section .pex-filters .pex-field label,
.pex-section .pex-actions,
.pex-section .pex-actions label,
.pex-section .pex-plan__compare{color:#cce2d7}
.pex-section .pex-filters .pex-field select,
.pex-section .pex-filters .pex-field input{
  background:#1a2a23;
  color:#f1f7f3;
  border:1px solid #516d60;
  color-scheme:dark;
}
.pex-section .pex-filters .pex-field input::placeholder{color:#9fb8ad}
.pex-section .pex-actions{border-color:#345044}
.pex-section .pex-actions button{color:#88ddbb}
.pex-section .pex-count{color:#b7c8be}
.pex-section .pex-grid{border-color:#345044}
.pex-section .pex-plan{border-color:#345044}
.pex-section .pex-plan__kind,
.pex-section .pex-plan__stock{color:#81dab8}
.pex-section .pex-plan__stock--off{color:#dbad76}
.pex-section .pex-plan__meta{color:#a1b7aa}
.pex-section .pex-plan__specs li{color:#bacfc3}
.pex-section .pex-plan__price{color:#f0f6f2}
.pex-section .pex-plan__unavailable{color:#e8bc8b}
.pex-section .pex-empty{color:#a8bdb1}
.pex-section .pex-compare{
  background:#172821;
  color:#e8f4ec;
  border:1px solid #365343;
}
.pex-section .pex-compare-table{background:#18271f;color:#ebf5ee}
.pex-section .pex-compare-table th,
.pex-section .pex-compare-table td{border-color:#375043}
.pex-section .pex-compare-table thead th{background:#0a1510}
.pex-section .pex-compare-table tbody th{background:#20362b;color:#ebf4ef}
.pex-section .pex-compare-table td a,
.pex-section .pex-compare__heading button{color:#91e4bb}
.pex-section .pex-more{color:#e8f5ec;border-color:#739f8c}
.pex-section .pex-plan .btn-primary{color:#07130e}

/* A useful, content-rich fallback, not an empty failed catalogue. */
.pex-fallback{padding:24px 0 2px}
.pex-fallback__header{display:flex;gap:14px;align-items:baseline;justify-content:space-between;flex-wrap:wrap;padding:0 0 18px;border-bottom:1px solid #3c5649}
.pex-fallback__header h3{margin:0;font-size:clamp(20px,2.2vw,29px);letter-spacing:-.025em;line-height:1.2;color:#f0f6f2}
.pex-fallback__header p{margin:0;color:#a9c0b4;font-size:13px}
.pex-fallback__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.pex-fallback__item{
  display:flex;justify-content:space-between;gap:18px;align-items:center;
  padding:19px 0;border-bottom:1px solid #314a3c;
  text-decoration:none;color:#ebf5ed;
  transition:color .15s ease,background-color .15s ease;
}
.pex-fallback__item:hover{color:#8aebbd}
.pex-fallback__item:focus-visible{outline:2px solid #7ae4ba;outline-offset:3px}
.pex-fallback__item strong{display:block;font-size:16px;line-height:1.35;font-weight:720;color:inherit}
.pex-fallback__item small{display:block;font-size:12px;color:#9db6a8;margin-top:4px;line-height:1.45}
.pex-fallback__arrow{font-size:21px;color:#7ad5ac;flex:none}
.pex-fallback__foot{font-size:13px;color:#b3c8bc;line-height:1.5;margin:22px 0 0}
.pex-fallback__foot a{color:#87dcb5;text-decoration:underline;text-underline-offset:3px}
.pex-section .pex-cta-row{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin:0 0 5px}
.pex-section .pex-cta-row .pex-store-direct{margin:0;font-weight:650}
@media(max-width:720px){
  .pex-fallback__grid{grid-template-columns:1fr}
  .pex-fallback__header{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.pex-fallback__item{transition:none}}