/* Shared Graphit & Salbei tokens keep pages and their dialogs in one palette. */
/* A readable three-step story, using the approved graphite and sage palette. */
.product-knowledge{--pk-ink:var(--ink);--pk-muted:var(--muted);--pk-line:var(--tint);--pk-sage:var(--tint);--pk-panel:var(--paper);color:var(--pk-ink);width:100%;min-width:0}
.product-knowledge *{box-sizing:border-box}
.product-knowledge .pk-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin:0 0 25px}
.product-knowledge .pk-heading .eyebrow{font-size:10px;line-height:1.6;font-weight:650;letter-spacing:.13em;color:var(--muted);margin:0 0 10px}
.product-knowledge .pk-heading h2{font-family:var(--font-display,'DM Sans',sans-serif);font-size:clamp(30px,3.4vw,46px)!important;font-weight:700!important;line-height:1.12;letter-spacing:-.05em;margin:0 0 10px!important;color:var(--pk-ink)}
.product-knowledge .pk-heading>div>p:last-child{font-size:15px;line-height:1.65;color:var(--muted);margin:0}
.product-knowledge .pk-heading-note{flex-shrink:0;color:var(--muted);font-size:14px;line-height:1.5;font-style:italic;text-align:right;transform:rotate(-5deg);padding:8px 0 10px;border-bottom:3px solid var(--lime)}
.product-knowledge .pk-topic-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 23px}
.product-knowledge .pk-topic-tabs button{display:flex;align-items:center;justify-content:center;gap:11px;min-width:0;min-height:70px;padding:13px 9px;background:var(--surface);border:1px solid var(--pk-line);border-radius:12px;color:var(--pk-ink);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}
.product-knowledge .pk-topic-tabs button:hover{background:var(--surface-alt);border-color:var(--tint)}
.product-knowledge .pk-topic-tabs button[aria-pressed=true]{background:var(--pk-panel);border-color:var(--lime);box-shadow:inset 0 -2px 0 var(--lime)}
.product-knowledge .pk-topic-icon{display:flex;align-items:center;justify-content:center;width:31px;height:31px;flex-shrink:0}
.product-knowledge svg{display:block;width:25px;height:25px;flex-shrink:0}
.product-knowledge .pk-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:stretch}
.product-knowledge .pk-step{min-width:0;margin:0;padding:20px 18px;background:var(--surface);border:1px solid var(--pk-line);border-radius:12px;color:var(--pk-ink);overflow:hidden}
.product-knowledge .pk-step-fit{background:linear-gradient(145deg,var(--paper),var(--tint));border-color:var(--tint)}
.product-knowledge .pk-step-choice{background:linear-gradient(145deg,var(--surface-alt),var(--paper));border-color:var(--tint)}
.product-knowledge .pk-step>summary,.product-knowledge .pk-step-heading{display:flex;gap:11px;align-items:center;list-style:none;cursor:pointer;margin:0 0 17px;padding:0;min-height:35px}
.product-knowledge .pk-step>summary::-webkit-details-marker{display:none}
.product-knowledge .pk-step:not([open])>summary{margin-bottom:0}
.product-knowledge .pk-step-heading{cursor:default}
.product-knowledge .pk-step-number{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:35px;height:35px;border-radius:50%;font-size:17px;font-weight:650;background:var(--pk-sage);color:var(--ink)}
.product-knowledge .pk-step-fit .pk-step-number{background:var(--lime)}
.product-knowledge .pk-step-choice .pk-step-number{background:var(--tint);color:var(--accent)}
.product-knowledge .pk-step h3,#product-guide-dialog .product-knowledge .pk-step h3{font-size:17px!important;font-weight:700;line-height:1.3;letter-spacing:-.03em;margin:0!important;color:var(--pk-ink)}
.product-knowledge .pk-step-toggle{font-size:18px;color:var(--muted);margin-left:auto;transition:transform .15s}
.product-knowledge .pk-step[open] .pk-step-toggle{transform:rotate(180deg)}
.product-knowledge .pk-step-body{min-width:0}
.product-knowledge .pk-step-intro{font-size:13px;line-height:1.75;color:var(--muted);margin:0 0 17px}
.product-knowledge .pk-editorial-image{position:relative;margin:0;aspect-ratio:1/1.03;min-height:180px;border-radius:12px;overflow:hidden;background:var(--tint)}
.product-knowledge .pk-editorial-image img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.product-knowledge .pk-editorial-image figcaption{position:absolute;bottom:12px;left:11px;right:11px;padding:8px 10px;border:1px solid #ffffff87;border-radius:9px;background:#fffffff0;color:var(--accent);font-size:10px;line-height:1.6;box-shadow:0 2px 10px #242c2908}
.product-knowledge .pk-benefit{font-size:11px;color:var(--muted);line-height:1.75;margin:16px 1px 0}
.product-knowledge .pk-moments{display:grid;gap:22px;margin:24px 0 26px}
.product-knowledge .pk-moment{display:flex;align-items:flex-start;gap:11px}
.product-knowledge .pk-moment-icon{width:42px;height:42px;border-radius:50%;background:#fff9;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ink)}
.product-knowledge .pk-moment-icon svg{width:22px;height:22px}
.product-knowledge .pk-moment h4{font-size:13px;font-weight:700;line-height:1.4;letter-spacing:-.01em;margin:0 0 6px;color:var(--ink)}
.product-knowledge .pk-moment p{font-size:12px;line-height:1.75;color:var(--muted);margin:0}
.product-knowledge .pk-foundation{font-size:11px;color:var(--muted);line-height:1.75;border-top:1px solid var(--lime);padding-top:15px;margin:18px 0 0}
.product-knowledge .pk-checklist{list-style:none;padding:0;margin:21px 0 23px;display:grid;gap:17px}
.product-knowledge .pk-checklist li{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.8;color:var(--muted);padding:0;margin:0;min-width:0}
.product-knowledge .pk-checklist li>span{display:flex;align-items:center;justify-content:center;width:25px;height:25px;flex-shrink:0;border-radius:50%;background:#fff9;color:var(--muted);margin-top:2px}
.product-knowledge .pk-checklist svg{width:15px;height:15px}
.product-knowledge .pk-products-button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:45px;width:100%;font:inherit;font-size:12px;font-weight:650;line-height:1.6;text-align:left;background:var(--ink);color:var(--surface);border:1px solid var(--ink);border-radius:9px;padding:11px 12px;cursor:pointer}
.product-knowledge .pk-products-button:hover{background:var(--accent-hover)}
.product-knowledge .pk-products-button:disabled{opacity:.65;cursor:wait}
.product-knowledge .pk-partner-note{font-size:10px;line-height:1.65;color:var(--muted);margin:11px 1px 0}
.product-knowledge .product-offers,#product-guide-dialog .product-knowledge .product-offers{border-top:1px solid var(--tint);margin:0;padding:19px 0 0;min-width:0}
.product-knowledge .pk-safety,#product-guide-dialog .product-knowledge .pk-safety{display:flex;gap:12px;padding:17px 19px;margin:17px 0 0;background:var(--surface-alt);border:1px solid var(--pk-line);border-radius:12px;color:var(--muted)}
.product-knowledge .pk-safety-mark{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid var(--lime);color:var(--muted);font-size:12px;border-radius:50%;flex-shrink:0;font-family:serif;font-style:italic;margin-top:1px}
.product-knowledge .pk-safety strong{display:block;font-size:11px;font-weight:650;margin-bottom:5px;color:var(--accent)}
.product-knowledge .pk-safety p{font-size:11px;line-height:1.75;margin:0}
.product-knowledge .pk-safety p+p{margin-top:4px}
.product-knowledge .pk-background-row{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:14px 0 0;align-items:start}
.product-knowledge .pk-background,#product-guide-dialog .product-knowledge .pk-background{min-width:0;border:1px solid var(--pk-line);border-radius:12px;background:var(--surface);overflow:hidden;margin:0;padding:0}
.product-knowledge .pk-background>summary,#product-guide-dialog .product-knowledge .pk-background>summary{display:flex;align-items:center;gap:12px;min-height:73px;padding:16px 18px;list-style:none;font-size:12px;font-weight:650;color:var(--ink);line-height:1.55;cursor:pointer}
.product-knowledge .pk-background>summary::-webkit-details-marker{display:none}
.product-knowledge .pk-background>summary>svg{color:var(--muted);width:24px;height:24px}
.product-knowledge .pk-background summary small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:3px}
.product-knowledge .pk-background summary b{font-size:19px;line-height:1;font-weight:400;color:var(--muted);margin-left:auto}
.product-knowledge .pk-background[open] summary b{transform:rotate(45deg)}
.product-knowledge .pk-background>div{padding:0 18px 12px}
.product-knowledge .pk-background p,.product-knowledge .pk-background li,#product-guide-dialog .product-knowledge .pk-background p,#product-guide-dialog .product-knowledge .pk-background li{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 11px}
.product-knowledge .pk-background ul{padding-left:17px;margin:0}
.product-knowledge .pk-background a,#product-guide-dialog .product-knowledge .pk-background a{display:block;font-size:11px;line-height:1.8;color:var(--muted);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;margin:0 0 13px}
.product-knowledge .product-knowledge-note{font-size:10px;line-height:1.8;color:var(--muted);margin:17px 2px 0}
.product-knowledge .pk-equipment-symbol{display:grid;place-items:center;min-height:140px;border-radius:12px;background:linear-gradient(145deg,var(--paper),var(--tint));color:var(--muted);margin:24px 0}
.product-knowledge .pk-equipment-symbol svg{width:70px;height:70px;stroke-width:1}
.product-knowledge .pk-steps-equipment .pk-step-fit .pk-checklist{margin-top:23px}
.product-knowledge .pk-steps-equipment .pk-step-fit .pk-checklist li{color:var(--accent)}
.product-knowledge .pk-steps-equipment .pk-step-fit .pk-checklist li>span{color:var(--muted)}
.product-knowledge button:focus-visible,.product-knowledge summary:focus-visible,.product-knowledge a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(min-width:1100px){.product-knowledge .pk-step{padding:22px}.product-knowledge .pk-step-intro{font-size:14px}.product-knowledge .pk-moment p,.product-knowledge .pk-checklist li{font-size:13px}}
@media(max-width:980px){.product-knowledge .pk-heading-note{display:none}.product-knowledge .pk-steps{gap:10px}.product-knowledge .pk-step{padding:17px 13px}.product-knowledge .pk-step>summary,.product-knowledge .pk-step-heading{gap:8px}.product-knowledge .pk-step h3,#product-guide-dialog .product-knowledge .pk-step h3{font-size:15px!important}.product-knowledge .pk-step-number{width:29px;height:29px;font-size:15px}.product-knowledge .pk-step-toggle{font-size:13px}.product-knowledge .pk-moment{gap:8px}.product-knowledge .pk-moment-icon{width:33px;height:33px}.product-knowledge .pk-moment-icon svg{width:19px;height:19px}}
@media(max-width:760px){.product-knowledge .pk-heading{margin-bottom:20px}.product-knowledge .pk-heading h2{font-size:31px!important}.product-knowledge .pk-heading .eyebrow{font-size:9px;letter-spacing:.09em}.product-knowledge .pk-heading>div>p:last-child{font-size:12px}.product-knowledge .pk-topic-tabs{gap:5px;margin-bottom:18px}.product-knowledge .pk-topic-tabs button{flex-direction:column;gap:5px;min-height:80px;border-radius:11px;font-size:10px;line-height:1.5;padding:9px 2px;letter-spacing:-.02em}.product-knowledge .pk-topic-icon{width:28px;height:28px}.product-knowledge .pk-topic-icon svg{width:24px;height:24px}.product-knowledge .pk-steps{grid-template-columns:1fr;gap:12px}.product-knowledge .pk-step{padding:16px;border-radius:var(--radius,12px)}.product-knowledge .pk-step>summary,.product-knowledge .pk-step-heading{gap:10px;margin-bottom:13px}.product-knowledge .pk-step h3,#product-guide-dialog .product-knowledge .pk-step h3{font-size:18px!important}.product-knowledge .pk-step-number{width:31px;height:31px;font-size:16px}.product-knowledge .pk-step-toggle{font-size:17px}.product-knowledge .pk-step-intro{font-size:13px;line-height:1.75;margin-bottom:15px}.product-knowledge .pk-editorial-image{aspect-ratio:1.3;min-height:0}.product-knowledge .pk-editorial-image figcaption{font-size:10px;bottom:10px}.product-knowledge .pk-benefit{font-size:11px}.product-knowledge .pk-moments{gap:18px;margin:22px 0}.product-knowledge .pk-moment{gap:12px}.product-knowledge .pk-moment-icon{width:42px;height:42px}.product-knowledge .pk-moment-icon svg{width:23px;height:23px}.product-knowledge .pk-moment h4{font-size:14px}.product-knowledge .pk-moment p,.product-knowledge .pk-checklist li{font-size:12px}.product-knowledge .pk-products-button{min-height:47px;font-size:12px}.product-knowledge .pk-background-row{grid-template-columns:1fr;gap:9px}.product-knowledge .pk-background>summary,#product-guide-dialog .product-knowledge .pk-background>summary{min-height:69px;font-size:12px}.product-knowledge .pk-safety,#product-guide-dialog .product-knowledge .pk-safety{padding:15px 13px;gap:10px}.product-knowledge .pk-safety p{font-size:11px}.product-knowledge .pk-equipment-symbol{min-height:105px;margin:17px 0}.product-knowledge .pk-equipment-symbol svg{width:55px;height:55px}}
@media(max-width:360px){.product-knowledge .pk-topic-tabs button{font-size:9px}.product-knowledge .pk-step{padding:13px}.product-knowledge .pk-heading h2{font-size:28px!important}.product-knowledge .pk-step h3,#product-guide-dialog .product-knowledge .pk-step h3{font-size:17px!important}}
@media(prefers-reduced-motion:reduce){.product-knowledge *{transition:none!important;scroll-behavior:auto!important}}