.tone-confirm{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:20px 0}.tone-confirm>p{font-size:14px;line-height:1.7;margin:0;max-width:470px}.tone-confirm>div{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.tone-confirm .btn{font-size:13px;padding:13px 17px}.tone-confirm .text-link{font-size:13px}.tone-confirm .btn:disabled{opacity:.7;cursor:default}
.primer-control{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:16px}.calc-fields .primer-control .consent{display:flex;align-items:flex-start;font-size:14px;line-height:1.6;gap:10px;margin:0}.primer-control input[type=checkbox]{width:18px;height:18px;min-width:18px;padding:0;margin-top:2px;accent-color:var(--button)}.primer-control .small{margin:10px 0 0}.kit-primer{padding:15px 0;border-block:1px solid var(--line);font-size:14px;line-height:1.8}.kit-total{display:flex;flex-direction:column;gap:10px;margin:18px 0 24px}.kit-total>span{font-size:13px}.calc-result .kit-total>strong{font-family:Onest,Arial,sans-serif;font-size:30px;letter-spacing:-1px;line-height:1.2}.project-share{margin:20px 0}.project-share .text-link{font-size:13px;text-align:left}.project-share .small{line-height:1.6}.project-share label{display:flex;flex-direction:column;gap:8px;font-size:13px}.project-share input{font-size:12px;width:100%;min-width:0;background:var(--surface)}.project-share [hidden]{display:none!important}.calc-result>small{line-height:1.7}
#sample-dialog{width:min(760px,calc(100% - 28px));max-width:760px;max-height:90svh;overflow:auto;border-radius:24px;box-sizing:border-box}#sample-dialog>h2{font-size:52px}#sample-dialog>p{font-size:14px;line-height:1.7}.sample-add{display:flex;align-items:end;gap:12px}.sample-add>label{flex:1;min-width:0}.sample-add .btn{font-size:12px;padding:15px;white-space:nowrap}.sample-list{display:grid;gap:10px;margin-top:20px}.sample-row{display:grid;grid-template-columns:28px 1fr 95px 32px;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px}.sample-row>i{width:28px;height:40px;border-radius:8px}.sample-row>strong{font-size:13px}.sample-row>label{font-size:10px;display:flex;flex-direction:column;gap:5px}.sample-row select{padding:8px;font-size:13px}.sample-row .icon-btn{width:32px;height:32px;min-width:0}.sample-form .small{font-size:12px;line-height:1.7;margin:5px 0}.sample-form [data-sample-total]{font-size:14px}.sample-form [hidden]{display:none!important}.sample-form label{min-width:0}.sample-form select{width:100%;min-width:0}.sample-form [data-sample-status]{margin:10px 0}.sample-form .form-status{font-size:14px}
.fulfillment-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}.fulfillment-heading h2{font-size:46px;margin:0}.fulfillment-heading .text-link{white-space:nowrap;font-size:13px}.fulfillment-cards>article{padding:24px;background:var(--soft);border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;align-items:flex-start}.fulfillment-cards h3{font-size:30px;margin:0 0 12px}.fulfillment-cards .eyebrow{font-size:10px;margin-bottom:13px}.fulfillment-cards p{font-size:14px;line-height:1.75;margin:0 0 18px}.fulfillment-cards .text-link{font-size:13px;margin-top:auto}.fulfillment-details{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:35px}.fulfillment-details h2{font-size:38px}.fulfillment-details p{font-size:15px;line-height:1.8}
@media(max-width:760px){.tone-confirm{align-items:flex-start;flex-direction:column;gap:14px}.tone-confirm>div{gap:15px}.tone-confirm .btn{font-size:12px;padding:12px 14px}.kit-total{margin-block:16px}.calc-result .kit-total>strong{font-size:28px}.fulfillment-heading{align-items:flex-start;flex-direction:column;gap:15px}.fulfillment-heading h2{font-size:38px}.fulfillment-details{grid-template-columns:1fr;gap:20px}.fulfillment-cards>article{padding:22px}#sample-dialog{padding:28px 20px}#sample-dialog>h2{font-size:43px}.sample-row{grid-template-columns:20px 1fr 78px 28px;gap:8px;padding:10px}.sample-row>i{width:20px;height:35px}.sample-row>strong{font-size:11px}.sample-row select{font-size:12px;padding:8px 4px}.sample-row .icon-btn{width:28px;height:28px}.sample-add{gap:8px}.sample-add .btn{font-size:11px;padding:15px 9px}.sample-form .consent{font-size:11px}}

#sample-dialog .sample-form{text-align:left}

button.text-link{appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;padding:4px 0;display:inline-flex;align-items:center;line-height:1.6;text-decoration:underline;text-underline-offset:5px;border-radius:3px}button.text-link:focus-visible{outline:2px solid currentColor;outline-offset:5px}.calc-fields .primer-control .consent{flex-direction:row}

@media(max-width:760px){#sample-dialog>.eyebrow{padding-inline:20px;font-size:9px}}