.selection-entry{margin:0 0 25px}.selection-entry-heading{margin-bottom:14px}.selection-entry-heading h2{font-size:17px;font-weight:550;letter-spacing:.02em}.selection-entry-heading p{color:var(--muted);font-size:12px;line-height:1.8;margin-top:5px}.selection-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.selection-card{padding:23px 25px;border:1px solid var(--line);background:#fff;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.selection-card.is-guide{background:var(--line);border-color:var(--line)}.selection-card-icon{display:grid;place-items:center;width:39px;height:39px;background:var(--surface-subtle);color:var(--muted);border-radius:8px;margin-bottom:17px}.is-guide .selection-card-icon{background:var(--line);color:var(--muted)}.selection-card-icon svg{width:21px;height:21px}.selection-card-copy{flex:1}.selection-card-kicker{font-size:12px;letter-spacing:.06em;color:var(--muted)}.selection-card h3{font-size:20px;font-weight:560;margin:6px 0 10px;color:var(--ink)}.selection-card p{font-size:13px;color:var(--muted);line-height:1.85;max-width:460px}.selection-card small{display:block;font-size:12px;color:var(--muted);line-height:1.75;margin-top:8px}.selection-card .btn{margin-top:21px;gap:12px;min-height:42px;font-size:12px}.selection-card .btn svg{width:15px;height:15px}.selection-card .selection-unavailable{font-size:12px;margin-top:9px;color:#9b8055}.selection-card button:disabled{opacity:.45;cursor:default}.selection-shell{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;max-height:inherit}.selection-shell .modal-head{flex-shrink:0}.selection-eyebrow{font-size:12px;color:var(--muted);letter-spacing:1.5px;display:block;margin-bottom:6px}.selection-shell .modal-head h2{font-size:20px}.selection-shell .modal-head>button{align-self:center}.selection-body{overflow:auto;min-height:0;flex:1 1 auto;padding:20px 28px 25px;overscroll-behavior:contain}.selection-body .selection-entry-heading{display:none}.selection-body .selection-entry{margin:0}.selection-intro{color:var(--muted);font-size:12px;line-height:1.9;margin:0 0 19px}.selection-search-form{display:flex;gap:11px;align-items:flex-end}.selection-search-form .field{flex:1;min-width:0;margin:0}.selection-search-form .btn{min-height:44px;flex-shrink:0;margin-bottom:0}.selection-query-help{font-size:12px;line-height:1.8;color:var(--muted);margin:9px 0 16px}.selection-results{margin-top:25px}.selection-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:35px 18px;color:var(--muted);background:var(--surface-subtle);border:1px dashed var(--line);border-radius:8px}.selection-empty svg{width:29px;height:29px;margin-bottom:14px}.selection-empty strong{font-size:15px;font-weight:500;color:var(--muted)}.selection-empty p{font-size:12px;line-height:1.9;margin-top:7px;max-width:330px}.selection-group-title{display:flex;gap:14px;align-items:center;justify-content:space-between;padding-bottom:11px;border-bottom:1px solid var(--line)}.selection-group-title h3{font-size:14px;font-weight:550;color:var(--muted)}.selection-group-title span{font-size:12px;color:var(--muted)}.selection-result-group{margin-bottom:25px}.selection-product{display:flex;gap:13px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);min-width:0}.selection-product>img,.selection-product-placeholder{width:54px;height:54px;flex:0 0 54px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:var(--surface-subtle)}.selection-product-placeholder{display:grid;place-items:center;color:var(--muted)}.selection-product-placeholder svg{width:23px;height:23px}.selection-product-copy{min-width:0;flex:1;overflow-wrap:anywhere}.selection-product-copy strong{font-size:13px;line-height:1.7;font-weight:550;display:block;color:var(--muted)}.selection-product-copy p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:5px}.selection-product-copy small{font-size:12px;color:var(--muted);display:block;line-height:1.8;margin-top:3px}.selection-product-copy b{font-size:12px;font-weight:550;color:var(--muted);margin-top:7px;display:block;font-variant-numeric:tabular-nums}.selection-product .btn{flex-shrink:0;font-size:12px}.selection-no-match{font-size:12px;color:#9e835a;background:#fcf7ed;padding:13px;border-radius:8px;margin-top:13px;line-height:1.8}.selection-loading{font-size:12px;color:var(--muted);padding:25px 0}.selection-shell .modal-footer{flex-shrink:0}.selection-shell button:focus-visible{outline:2px solid var(--muted);outline-offset:3px}#modal:has(#selection-root){width:min(820px,calc(100vw - 40px));padding:0}.workflow-review-intro{font-size:12px;line-height:1.8;background:var(--surface-subtle);border:1px solid var(--line);border-radius:10px;color:var(--muted);padding:13px 15px;margin:0 0 18px}
@media(max-width:800px){#modal:has(#selection-root){width:100%;max-width:100%;container-type:size;container-name:selection-sheet}.selection-body{padding:15px 18px 20px}.selection-cards{gap:12px}.selection-card{padding:18px}.selection-card h3{font-size:18px}.selection-card p{font-size:12px}.selection-card .btn{margin-top:16px;width:100%;justify-content:center}.selection-card-icon{margin-bottom:12px}.selection-shell .modal-head{padding:6px 18px 13px}.selection-eyebrow{font-size:12px;margin-bottom:4px}.selection-search-form{gap:8px}.selection-search-form input{font-size:16px}.selection-search-form .btn{padding:10px 12px;font-size:12px}.selection-product{flex-wrap:wrap;align-items:flex-start;gap:10px}.selection-product .btn{margin-left:64px;min-height:38px}.selection-group-title{flex-wrap:wrap;gap:4px}.selection-group-title h3{font-size:13px}.selection-intro{font-size:12px}.selection-product-copy strong{font-size:12px}}
@media(max-width:600px){.selection-cards{grid-template-columns:1fr}.selection-card{padding:19px 21px}.selection-card-icon{width:34px;height:34px;margin-bottom:10px}.selection-card h3{font-size:19px}.selection-card .btn{margin-top:15px}.selection-entry-heading h2{font-size:16px}.selection-body .selection-card{padding:16px 18px}.selection-shell .modal-footer{padding:12px 18px max(12px,env(safe-area-inset-bottom))}.selection-shell .modal-footer .btn{font-size:12px;min-height:40px}}
@container selection-sheet (max-height:360px){.selection-eyebrow{display:none}.selection-shell .modal-head{padding-top:3px;padding-bottom:8px}.selection-shell .modal-head h2{font-size:17px}.selection-shell .modal-footer{padding-top:8px;padding-bottom:8px}.selection-shell .modal-footer .btn{min-height:35px;padding:8px 12px}.selection-body{padding-top:10px}}