.hpc-can-hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-block:40px 64px}.hpc-can-hero>div,.hpc-can-hero figure{min-width:0}.hpc-can-hero figure{margin:0}.hpc-can-hero img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#edf5ee;border-radius:8px}.hpc-can-hero figcaption{font-size:.76rem;color:#516357;margin-top:10px}.hpc-can-hero h1{font-size:clamp(2.35rem,3.6vw,3.9rem)}.hpc-can-content{max-width:1050px}.hpc-can-content>section{padding-block:48px;border-bottom:1px solid #d5e1d9}.hpc-can-content h2{font-size:clamp(2rem,3vw,2.75rem)}.hpc-can-content h3{margin-top:26px}.hpc-table-scroll{max-width:100%;overflow-x:auto;margin:20px 0;overscroll-behavior-inline:contain;border:1px solid #c9ddce;border-radius:5px}.hpc-table-scroll table{width:100%;border-collapse:collapse;font-size:.93rem;line-height:1.6;margin:0!important}.hpc-table-scroll caption{text-align:left;background:#edf5ee;color:#113f2d;font-weight:700;padding:13px 18px;caption-side:top}.hpc-table-scroll th,.hpc-table-scroll td{padding:13px 18px;text-align:left;vertical-align:top;border:0;border-bottom:1px solid #e1eae3;overflow-wrap:anywhere}.hpc-table-scroll th{font-weight:700;color:#16482f}.hpc-table-scroll tbody th{width:38%;background:#f6f8f8}.hpc-table-scroll tr:last-child>*{border-bottom:0}.hpc-material-table thead{background:#f6f8f8}.hpc-table-scroll .hpc-material-table tbody th{width:18%}.hpc-material-table td:nth-child(2){width:15%}.hpc-material-table td:nth-child(3){width:23%}.hpc-packing-rule{max-width:80ch}.hpc-confirmation{padding:20px 24px;border-left:3px solid #d6a21d;background:#fff9e9;color:#4a492b;margin:25px 0}.hpc-confirmation ul{margin-bottom:0}.hpc-confirmation li:last-child{margin-bottom:0}.hpc-can-content .hpc-custom-panel,.hpc-custom-panel{background:#edf5ee;padding:30px;border:0;border-radius:6px;margin-block:28px}.hpc-custom-panel h3{margin-top:0}.hpc-custom-panel .small{margin:20px 0 0}.hpc-can-neighbors{display:flex;justify-content:space-between;gap:30px;padding:28px 0 60px}.hpc-can-neighbors a{max-width:48%}.hpc-formulas{padding:38px 0;margin:32px 0;border-top:2px solid #b6cdbb;border-bottom:1px solid #c9ddce}.prose .hpc-formulas h2{margin-top:0}.hpc-formula-routes{display:grid;gap:0;margin-block:20px}.hpc-formula-routes article{padding:22px 0;border-top:1px solid #d5e1d9}.hpc-formula-routes h3{margin-top:0}.hpc-formula-routes .button{font-size:.87rem;min-height:44px;padding:10px 16px}.hpc-formula-routes p{margin-bottom:14px}.hpc-formula-note{color:#41594d}.hpc-base{border-top:1px solid #c9ddce;border-bottom:1px solid #c9ddce;margin:26px 0;padding:18px 0}.hpc-base summary{font-weight:700;color:#16482f;min-height:28px}.hpc-base[open] summary{margin-bottom:18px}.hpc-formula-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px}.hpc-formula-index a{display:block;padding:18px 0;border-bottom:1px solid #b6cdbb;color:#16482f;font-weight:700;text-decoration:none}.hpc-formula-index a:hover{text-decoration:underline}.hpc-formula-index span{display:block;font-size:.8rem;font-weight:400;color:#516357;margin-top:5px}.hpc-custom-entry p{max-width:78ch}.hpm-can-card h3 a{text-decoration:none}.hpm-can-card h3 a:hover{text-decoration:underline}.hpc-can-card-links{display:flex;align-items:center;flex-wrap:wrap;gap:4px 20px}.hpc-can-card-links .text-link{font-size:.85rem}.hpc-can-card-links a:first-child{color:#16482f;text-decoration:underline}.hpc-can-card-weight{font-size:.82rem;color:#516357}.hpc-formulas [data-formula-feedback]:empty{display:none}
@media(max-width:900px){.hpc-can-hero{gap:32px}.hpc-formula-index{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.hpc-can-hero{grid-template-columns:1fr;padding-block:20px 32px;gap:24px}.hpc-can-hero h1{font-size:2.35rem}.hpc-can-content>section{padding-block:30px}.hpc-table-scroll th,.hpc-table-scroll td{padding:11px 12px;font-size:.85rem}.hpc-material-table{min-width:530px}.hpc-custom-panel,.hpc-can-content .hpc-custom-panel{padding:22px 18px}.hpc-can-neighbors{flex-direction:column;gap:12px}.hpc-can-neighbors a{max-width:none}.hpc-formula-index{grid-template-columns:1fr}.hpc-formulas{padding-block:26px}.hpc-formulas h2{font-size:2rem}.hpc-confirmation{padding:16px}.hpc-table-scroll tbody th{width:42%}}

.hpc-formulas .button{color:#24210e}.hpc-formulas .button.secondary{color:#16482f}