.sp-modes{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.sp-modes button{flex:1;min-width:220px;background:#fff;color:var(--ink,#223c3a);border:1px solid #adc6bf}.sp-modes button[aria-pressed=true]{background:#09695b;color:white;border-color:#09695b}
#sp-product{min-width:0}.sp-panel{background:#fff;border:1px solid #d5e2dc;border-radius:18px;padding:clamp(18px,4vw,32px);margin:18px 0}.sp-panel h2{margin-top:0}.sp-input-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sp-input-grid label{font-weight:600}.sp-input-grid input{display:block;width:100%;min-width:0;box-sizing:border-box;margin-top:8px}.sp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.sp-actions button{flex:1;min-width:140px}.sp-muted{font-size:.9rem;color:#516761;line-height:1.8}.sp-options{margin:20px 0}.sp-options summary{cursor:pointer;font-weight:600;padding:8px 0}.sp-options label{display:block;margin:16px 0 6px}.sp-options input[type=number]{max-width:180px}.sp-options select{width:100%;max-width:540px}.sp-table-scroll{overflow-x:auto;max-width:100%;border:1px solid #d5e2dc;border-radius:12px}.sp-table-scroll:focus-visible{outline:3px solid #09695b;outline-offset:3px}.sp-table{border-collapse:collapse;width:100%;min-width:1000px;text-align:left;font-size:.92rem}.sp-table th,.sp-table td{padding:16px;vertical-align:top;border-bottom:1px solid #dce5e1;min-width:135px}.sp-table th:first-child{min-width:195px}.sp-table thead{background:#edf5f1}.sp-table tbody tr:nth-child(even){background:#f8faf9}.sp-table td p{margin:0 0 10px}.sp-table button{font-size:.85rem;padding:10px;white-space:normal}.sp-table a{display:block;margin:10px 0}.sp-table small{display:block;color:#516761}.sp-fit{color:#076554;font-weight:700}.sp-no{color:#9b442b;font-weight:700}.sp-count{font-size:1.8rem;font-weight:700;display:block}.sp-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sp-detail-grid>div{min-width:0}.sp-detail-grid .placement{max-width:520px;margin:auto}.sp-detail-grid svg{max-width:100%}.sp-selected{border-left:4px solid #09695b;padding-left:16px}.sp-error{color:#9b442b;font-weight:600}.sp-info-list>li{margin:16px 0}.sp-info-list{padding-left:22px}.sp-panel [hidden],#sp-product[hidden],#sp-manual[hidden]{display:none!important}#sp-detail-output dl{display:flex;flex-wrap:wrap;gap:20px}#sp-detail-output dd{margin:0;font-size:1.2rem}#sp-detail-output .orientation{overflow-wrap:anywhere}.sp-badge{display:inline-block;background:#e8f2ed;padding:4px 10px;border-radius:4px}.sp-links a{display:inline-block;margin:8px 16px 8px 0}.sp-reset{background:#edf3f0!important;color:#21483f!important}
@media(max-width:760px){.sp-detail-grid{grid-template-columns:1fr}.sp-input-grid{gap:8px}.sp-input-grid label{font-size:.9rem}.sp-modes button{min-width:100%;}.sp-panel{border-radius:12px}.sp-table-scroll{margin-right:0}}
.sp-input-grid input,.sp-options input,.sp-options select{min-height:46px;padding:10px;border:1px solid #a9beb5;border-radius:7px;background:#fff;font:inherit;color:#203c35}.sp-input-grid input:focus-visible,.sp-options input:focus-visible,.sp-options select:focus-visible{outline:3px solid #75bbaa;outline-offset:2px}.sp-table button:disabled{background:#edf1ef;color:#6b7973;cursor:not-allowed;border:1px solid #d6dfdb}.sp-input-grid input[aria-invalid=true]{border-color:#a13524}

.case-product-links{display:grid;gap:.65rem;min-width:12rem;overflow-wrap:anywhere}.case-product-links a{line-height:1.6}.case-link-note{font-size:.875rem;line-height:1.7;margin:.2rem 0}.case-product-destination{font-weight:700}.mc-table-wrap button{margin-top:.65rem;white-space:normal}

/* Applied in the head before first paint; removed after mode() initializes. */
html[data-sp-initial="products"] #sp-product[hidden]{display:block!important}
html[data-sp-initial="products"] #sp-manual{display:none!important}
/* Phase 10: keep product photo, result and selection together on phones. */
@media(max-width:760px){.sp-table-scroll{overflow:visible;border:0}.sp-table,.sp-table tbody{display:block;min-width:0;width:100%}.sp-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.sp-table tbody tr{display:block;border:1px solid #d5e2dc;border-radius:12px;margin:0 0 20px;padding:12px;background:#fff}.sp-table th,.sp-table td{display:block;min-width:0!important;width:auto;padding:10px 4px}.sp-table th:first-child{min-width:0}.sp-table td::before{content:attr(data-sp-label);display:block;font-weight:700;margin-bottom:6px}.sp-table button{width:100%;min-height:46px;font-size:1rem}.sp-table .product-photo{max-width:100%}.sp-table th .product-photo{width:auto}.sp-table th small{margin-top:8px}.sp-table td:last-child{border-bottom:0}.sp-selected{padding-left:12px}.sp-links a,.case-product-links a{min-height:44px;display:flex;align-items:center}}