#purchased-materials{margin:0 0 26px;border:1px solid var(--line);background:#17221d;padding:20px}.pm-heading .eyebrow{font-size:10px;margin-bottom:9px}.pm-heading h3{font:26px var(--serif);margin:0 0 18px;color:var(--paper)}.pm-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pm-picker button{display:flex;align-items:center;gap:10px;text-align:left;padding:11px;background:#101614;border:1px solid var(--line);color:var(--paper);min-width:0;min-height:68px}.pm-picker button>b{font:25px var(--serif);color:var(--brass-light);white-space:nowrap}.pm-picker button>span{font-size:12px;line-height:1.45}.pm-picker small{font-size:11px;color:var(--muted);display:block;margin-top:3px}.pm-picker button.active{border-color:var(--brass);background:#c5a46b0b}.pm-picker button:focus-visible,.pm-demo button:focus-visible,.pm-demo input:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.pm-lesson{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px 24px;margin-top:18px}.pm-flow{display:flex;align-items:center;gap:14px;min-width:0;justify-content:center}.pm-product{width:120px;flex:none;text-align:center}.pm-product-lot{display:flex;flex-direction:column;justify-content:center;min-height:65px;border:1px solid var(--brass);background:#101614;font:25px var(--serif);color:var(--brass-light);font-weight:400;margin-bottom:8px}.pm-product-lot small{font:8px var(--sans);letter-spacing:.08em;color:var(--muted);margin-top:7px}.pm-product>span{display:block;font-size:10px;color:var(--muted);line-height:1.5}.pm-product small{display:block;color:var(--brass-light)}.pm-flow-arrow{font:24px var(--serif);color:var(--brass-light)}.pm-elements{display:grid;gap:9px;min-width:0}.pm-element,.pm-other{display:flex;align-items:center;gap:8px;min-width:0}.pm-element>b,.pm-other>b{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:none;border:1px solid var(--pm-color,#88928a);color:var(--pm-color,#aeb9ad);border-radius:50%;font:22px var(--serif);background:#101614}.pm-element span,.pm-other span{font-size:12px;color:var(--paper);line-height:1.4}.pm-element small,.pm-other small{display:block;font-size:11px;color:var(--muted)}.pm-other span{color:var(--muted)}.pm-explanation p{font-size:12px;line-height:1.65;color:var(--muted);margin:0 0 9px}.pm-explanation strong{font-weight:500;color:var(--paper)}.pm-explanation .pm-price-note{border-left:2px solid var(--sage);padding-left:10px}.pm-explanation .pm-qualitative-note{font-size:10px}.pm-sources{grid-column:1/-1;display:flex;gap:8px 16px;flex-wrap:wrap}.pm-sources a,.pm-scope-note a{font-size:11px;color:var(--brass-light);text-decoration:underline;text-underline-offset:3px}.pm-boron-terbium{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;border-top:1px solid var(--line);margin-top:17px;padding-top:13px;font-size:12px}.pm-boron-terbium>span{color:var(--paper)}.pm-boron-terbium>span>b{font:20px var(--serif);margin-right:4px}.pm-boron-terbium>strong{color:var(--muted);font-weight:400}.pm-boron-terbium p{color:var(--muted);font-size:11px;line-height:1.5;flex:1;min-width:260px;margin:0}.pm-boron-terbium p strong{color:var(--paper);font-weight:500}.pm-demo-disclosure{margin-top:15px;font-size:12px;border-top:1px solid var(--line);padding-top:14px}.pm-demo-disclosure>summary{color:var(--brass-light);cursor:pointer;min-height:28px}.pm-demo{padding-top:13px}.pm-demo-boundary,.pm-demo-unknown{font-size:12px;line-height:1.65;color:var(--muted);max-width:850px;margin:0 0 15px}.pm-demo-boundary strong{color:var(--paper);font-weight:500}.pm-assay-controls{display:flex;align-items:center;gap:20px;max-width:650px}.pm-assay-controls label{font-size:12px;flex:1;color:var(--paper)}.pm-assay-controls output{float:right;color:var(--brass-light)}.pm-assay-controls input{display:block;width:100%;margin:12px 0;accent-color:var(--brass)}.pm-assay-controls button{background:none;border:1px solid var(--line);padding:9px 12px;min-height:38px;font-size:11px;color:var(--brass-light)}.pm-assay-strip{display:flex;height:16px;border-radius:2px;overflow:hidden;max-width:650px}.pm-mass-labels{display:flex;gap:10px 20px;flex-wrap:wrap;margin:10px 0 17px;font-size:12px;color:var(--muted)}.pm-mass-labels i{display:inline-block;width:8px;height:8px;margin-right:6px}.pm-mass-labels b,.pm-mass-labels strong{font-weight:500;color:var(--paper)}.pm-quote-label{font-size:12px;color:var(--muted);display:flex;align-items:center;flex-wrap:wrap;gap:12px}.pm-quote-label input{width:240px;background:#101614;border:1px solid var(--line);padding:10px;color:var(--paper);font:12px var(--sans)}.pm-quote-explanation{font-size:12px;line-height:1.6;color:var(--muted);max-width:800px;margin-top:14px}.pm-quote-explanation p{margin:8px 0}.pm-quote-explanation strong{font-weight:500;color:var(--paper)}.pm-scope-note{font-size:10px;color:var(--muted);margin:14px 0 0;line-height:1.6}
@media(max-width:1050px){.pm-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-lesson{grid-template-columns:1fr 1.15fr}.pm-flow{gap:9px}.pm-product{width:98px}.pm-element span,.pm-other span{font-size:11px}}
@media(max-width:760px){#purchased-materials{padding:15px}.pm-heading h3{font-size:23px}.pm-picker{gap:7px}.pm-picker button{padding:10px;gap:8px;min-height:72px}.pm-picker button>b{font-size:23px}.pm-picker button>span{font-size:11px}.pm-lesson{grid-template-columns:1fr;gap:15px}.pm-flow{justify-content:flex-start;gap:17px;padding:5px 0}.pm-product{width:108px}.pm-element span,.pm-other span{font-size:12px}.pm-flow-arrow{font-size:22px}.pm-boron-terbium p{min-width:100%;flex-basis:100%}.pm-assay-controls{gap:12px;flex-wrap:wrap}.pm-assay-controls label{flex-basis:100%}.pm-assay-controls button{min-height:44px}.pm-demo-disclosure>summary{min-height:36px}.pm-quote-label input{width:100%;min-height:44px}.pm-sources a{line-height:1.6}.pm-mass-labels{gap:8px 14px}}
@media(max-width:430px){.pm-flow{gap:10px}.pm-product{width:82px}.pm-flow-arrow{font-size:20px}.pm-element>b,.pm-other>b{width:35px;height:35px;font-size:20px}.pm-element span,.pm-other span{font-size:11px;overflow-wrap:anywhere}.pm-picker button>span{min-width:0;overflow-wrap:anywhere}.pm-picker button{gap:7px;padding:9px}.pm-picker button>b{font-size:21px}}

.pm-learning-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 16px}.pm-learning-links a{font-size:11px;line-height:1.6;color:var(--brass-light);text-decoration:underline;text-underline-offset:3px}.pm-learning-links a:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
