/* cream page */
    .pl{background:var(--ds-paper);padding:0 0 72px}
    .pl-wrap{max-width:980px;margin:0 auto;padding:0 24px}
    .pl-crumb{font-family:var(--ds-mono);font-size:12px;color:#857f6f;padding:28px 2px 20px}
    .pl-crumb a{color:#857f6f;text-decoration:none}
    .pl-crumb .sep{margin:0 8px;color:#b8ad99}
    .pl-crumb .cur{color:var(--ds-ink)}
    /* the shared white rounded card */
    .pl-card{background:#fff;border:1px solid #ece4d3;border-radius:20px;box-shadow:0 18px 44px -32px rgba(19,34,60,.3);padding:30px 32px}
    .pl-card + .pl-card{margin-top:22px}
    /* hero product card */
    .pl-hero{display:grid;grid-template-columns:300px 1fr;gap:34px;align-items:center}
    .pl-himg{background:#f6f3ec;border:1px solid #ece4d3;border-radius:16px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}
    .pl-himg img{width:100%;height:100%;object-fit:contain;padding:18px;box-sizing:border-box}
    .pl-badge{display:inline-block;font-family:var(--ds-mono);font-size:11px;font-weight:600;letter-spacing:1.5px;color:#7a705f;background:#f4f1ea;border:1px solid #e3ddcd;border-radius:7px;padding:6px 11px}
    .pl-title{margin:16px 0 0;font-weight:800;font-size:32px;line-height:1.12;letter-spacing:-.6px;color:#16120f}
    .pl-tag{margin:12px 0 0;font-weight:600;font-size:17px;line-height:1.4;color:#3b3833}
    .pl-desc{margin:10px 0 0}
    .pl-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
    .pl-btn{display:inline-flex;align-items:center;gap:8px;background:var(--ds-brand);color:#fff;font-weight:800;font-size:15px;padding:14px 26px;border-radius:11px;border:0;text-decoration:none;cursor:pointer}
    .pl-btn:hover{filter:brightness(1.06)}
    .pl-btn:focus-visible{outline:2px solid var(--ds-brand-d);outline-offset:2px}
    .pl-btn--pdf{background:#fff;color:#16120f;font-weight:700;font-size:14.5px;padding:13px 20px;border:1px solid #d8cebb}
    .pl-btn--pdf:hover{filter:none;border-color:var(--ds-brand)}
    .pl-btn--pdf .i{color:var(--ds-brand);font-size:15px}
    /* section heading — consistent across all content cards, with a thin orange
       accent line for a stronger, branded header treatment */
    .pl-h{margin:0 0 20px;font-weight:800;font-size:22px;letter-spacing:-.4px;color:#16120f}
    .pl-h::after{content:"";display:block;width:42px;height:3px;border-radius:2px;background:var(--ds-brand);margin-top:13px}
    /* prose (set:html → :global) */
    /* readable measure + comfortable rhythm so prose reads as designed copy */
    .pl-prose{max-width:720px}
    .pl-prose p{margin:16px 0 0;font-size:16.5px;line-height:1.8;color:#5b564a}
    .pl-prose p:first-child{margin-top:0}
    .pl-prose h3{margin:28px 0 0;font-weight:800;font-size:19px;letter-spacing:-.2px;color:#16120f}
    .pl-prose ul{margin:16px 0 0;padding:0;list-style:none}
    .pl-prose li{position:relative;padding:7px 0 7px 24px;font-size:16px;line-height:1.6;color:#5b564a}
    .pl-prose li::before{content:"";position:absolute;left:0;top:15px;width:7px;height:7px;background:var(--ds-brand);transform:rotate(45deg)}
    .pl-prose strong,.pl-prose b{color:#16120f}
    .pl-prose a{color:var(--ds-brand-d);font-weight:600;text-decoration:none}
    .pl-prose a:hover{text-decoration:underline}
    /* variants / benefits / related grid of light items */
    .pl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(244px,1fr));gap:14px}
    .pl-item{background:#faf7f0;border:1px solid #ece4d3;border-left:3px solid var(--ds-brand);border-radius:12px;padding:16px 18px}
    .pl-item h3{margin:0;font-weight:800;font-size:16px;line-height:1.3;color:#16120f}
    .pl-item p{margin:7px 0 0;font-size:14px;line-height:1.5;color:#6b6457}
    /* pills */
    .pl-pills{display:flex;flex-wrap:wrap;gap:10px}
    .pl-pill{background:#f6f3ec;border:1px solid #e3ddcd;border-radius:999px;padding:11px 20px;font-size:14.5px;color:#3b3833}
    /* technical-data spec card — muted helper line + polished rounded table */
    .pl-spec-help{margin:9px 0 0;font-size:13.5px;line-height:1.6;color:#9a8f7e;max-width:680px}
    .pl-spec{margin-top:22px;border:1px solid #ece4d3;border-radius:14px;overflow:hidden}
    .pl-spec table{width:100%;border-collapse:collapse;font-size:15px}
    .pl-spec th{text-align:left;width:40%;padding:15px 20px;background:#faf7f0;font-weight:700;color:#16120f;vertical-align:top;line-height:1.45}
    .pl-spec td{padding:15px 20px;color:#3b3833;vertical-align:top;line-height:1.55}
    .pl-spec tr + tr th,.pl-spec tr + tr td{border-top:1px solid #efe7d6}
    /* shared DS Faq sits in the card flow — give it matching spacing above AND
       below (the .pl-faq wrapper breaks the .pl-card + .pl-card chain, so the
       following Related card needs its own top margin). */
    .pl-faq{margin-top:22px}
    .pl-related{margin-top:22px}
    .pl-finalcta{margin-top:26px}
    @media (max-width:780px){
      .pl-wrap{padding:0 16px}
      .pl-card{padding:22px;border-radius:16px}
      .pl-hero{grid-template-columns:1fr;gap:22px}
      .pl-himg{max-width:320px;margin:0 auto;width:100%}
      .pl-title{font-size:27px}
      .pl-grid{grid-template-columns:1fr}
    }
    @media (max-width:560px){
      /* spec rows stack: cream label above value */
      .pl-spec table,.pl-spec tbody,.pl-spec tr{display:block}
      .pl-spec th,.pl-spec td{display:block;width:auto}
      .pl-spec th{padding:13px 18px 4px}
      .pl-spec td{padding:0 18px 14px}
      .pl-spec tr + tr th{border-top:1px solid #efe7d6}
      .pl-spec tr + tr td{border-top:0}
    }