:root{--ink:#000;--muted:#555;--line:#d6d6d6;--surface:#f5f5f5;--error:#8a1c1c;--sans:"Inter","Noto Sans SC","PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;--mono:"IBM Plex Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;background:transparent}body{font:15px/1.55 var(--sans);color:var(--ink);font-variant-numeric:lining-nums tabular-nums}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{border:1px solid var(--line);background:#fff;color:#000;border-radius:0;padding:8px 12px;min-height:40px;font-size:13px;font-weight:600}button:hover{background:var(--surface);border-color:#777}button.primary,button[aria-current]{background:#000;color:#fff;border-color:#000}button:disabled{opacity:.45;cursor:default}input,select,textarea{width:100%;min-width:0;border:1px solid #aaa;border-radius:0;padding:8px;background:#fff;color:#000;min-height:42px}textarea{resize:none;height:100px;white-space:pre-wrap}input[type=checkbox]{width:17px;min-height:17px;margin:0}input:disabled,select:disabled{background:var(--surface)}:focus-visible{outline:2px solid #000;outline-offset:3px}.app-shell{max-width:920px;margin:auto;padding:16px}header{border-bottom:1px solid #000;padding-bottom:12px}h1{font-size:28px;line-height:1.2;margin:0 0 8px}h2{font-size:20px;line-height:1.35;margin:0 0 12px}h3{font-size:15px;margin:16px 0 8px}p{margin:0 0 10px}header p{margin:0;color:var(--muted)}.small,label,figcaption{font-size:13px}.muted,figcaption{color:var(--muted)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0}.toolbar .muted{margin-left:auto}.set-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:10px 0}.set-summary button{border:0;text-align:left;font-weight:400;padding:10px 8px;overflow-wrap:anywhere;background:none}.set-summary button:hover{background:#fff}.set-summary button+button{border-left:1px solid var(--line)}.set-summary strong{display:block;font-size:12px}.set-summary span{display:block;font-size:12px;color:var(--muted)}.steps,.role-tabs{display:flex;gap:5px;margin-bottom:20px}.steps button{flex:1;min-width:0;text-align:left}.steps button span{display:block}.role-tabs button{flex:1;padding:8px 4px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:12px 0}.field{min-width:0}.field label{display:block;font-weight:500;margin-bottom:5px}.field .hint{font-size:12px;color:var(--muted);margin:4px 0 0}.field.wide{grid-column:1/-1}.check{display:flex!important;gap:8px;align-items:center;font-weight:400!important;margin:6px 0!important}.panel{border:1px solid var(--line);padding:12px;margin:12px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-heading h2{margin:0}details{border-top:1px solid var(--line);margin:16px 0 0;padding-top:12px}summary{cursor:pointer;font-size:13px;font-weight:600;padding:4px 0}.range-row{border-bottom:1px solid var(--line);padding:10px 0}.range-row .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:6px 0}.range-row .toolbar{justify-content:space-between}.notice{border-left:3px solid #777;background:var(--surface);padding:10px 12px;font-size:13px;margin:12px 0;overflow-wrap:anywhere}.error{color:var(--error)}.catalog-description{font-size:13px;overflow-wrap:anywhere;margin:10px 0}.identifier{font-family:var(--mono);font-size:12px;overflow-wrap:anywhere}.step-footer{border-top:1px solid #000;display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;margin-top:24px}.diagram{margin:14px 0;padding:9px 14px;border:1px solid var(--line);background:var(--surface)}.diagram svg{height:clamp(150px,25vw,210px)}.diagram figcaption{overflow-wrap:anywhere}svg{display:block;width:100%;height:auto}svg text{font-family:var(--sans);fill:#333;font-size:13px}figcaption{margin-top:6px}.review-status{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.review-status section{border-top:2px solid #000;padding-top:10px}.review-status ul{padding-left:18px;font-size:13px;margin:8px 0}.report{overflow-wrap:anywhere;white-space:normal}.report h2{border-bottom:1px solid #000;padding-bottom:8px;margin-top:20px}.report dl{margin:0}.report dt{font-weight:600;font-size:12px;margin-top:10px}.report dd{margin:0;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.report li{font-size:13px}.report .report-notice{font-size:12px;color:#555}.report pre{white-space:pre-wrap;font:13px/1.5 var(--sans);overflow-wrap:anywhere}#print-report{display:none}#spectral-legend p{margin:6px 0}.swatch{display:inline-block;width:20px;border-top:2px solid;margin-right:6px}.range-title{font-size:13px;font-weight:600}#draft-code{font:12px/1.4 var(--mono)}
@media(max-width:480px){.app-shell{padding:12px}.grid{grid-template-columns:1fr}.set-summary{grid-template-columns:1fr 1fr}.set-summary button:nth-child(3){border-left:0;border-top:1px solid var(--line)}.set-summary button:nth-child(4){border-top:1px solid var(--line)}.steps{gap:3px}.steps button{padding:7px 5px;font-size:11px}.role-tabs button{font-size:12px}.review-status{grid-template-columns:1fr}.step-footer{gap:6px}.step-footer span{font-size:11px}.toolbar .muted{margin-left:0;width:100%}h1{font-size:25px}}
@page{size:A4;margin:16mm}@media print{body{background:#fff;font:9.5pt/1.4 var(--sans)}#app{display:none!important}#print-report{display:block}.report h1{font-size:18pt}.report h2{font-size:12pt;break-after:avoid;margin:12pt 0 6pt}.report dt{font-size:8pt;break-after:avoid;margin-top:5pt}.report dd,.report li{font-size:8.5pt;line-height:1.4}.report .report-notice{font-size:7.5pt}.report p{margin-bottom:6pt}.report section{break-inside:auto}.report dl{margin:0}.report dd{orphans:3;widows:3}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

@media print{.report-row{display:grid;grid-template-columns:30% minmax(0,1fr);gap:8pt;break-inside:avoid;margin:3pt 0}.report dt{margin:0}.report h2{margin-top:9pt}.report ul{margin:4pt 0;padding-left:12pt}}

@media print{.report dt{break-after:auto}.report .report-row{margin:2pt 0}.report section{display:contents}.report h2{break-after:avoid-page}.report dd{orphans:2;widows:2}}

@media print{.report h2{margin-top:6pt;padding-bottom:5pt}.report .report-row{margin:1.5pt 0}}
body{overflow-wrap:anywhere}
@media(max-width:480px){svg text{font-size:20px}}
/* Compact screen spacing bounds the preview; raw whitespace remains in exports. */
#screen-report dd{white-space:normal}

.request-actions{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.step-footer{flex-wrap:wrap}

.optional-setup>summary{padding:2px 0}.optional-setup[open]>summary{margin-bottom:12px}

.radio-field{border:0;padding:0;margin:0}.radio-field legend{font-size:13px;font-weight:500;padding:0;margin-bottom:5px}.radio-options{display:flex;flex-wrap:wrap;gap:10px 20px}.radio-options label{display:flex;align-items:center;gap:7px;font-weight:400;margin:0;min-height:40px}.radio-options input[type=radio]{width:17px;min-height:17px;padding:0;margin:0;accent-color:#000}

/* Full request preview follows the export controls. */
#screen-report{border:1px solid var(--line);padding:20px;margin-top:20px;background:#fff}
#screen-report h1{font-size:24px}
@media(min-width:600px){#screen-report .report-row{display:grid;grid-template-columns:30% minmax(0,1fr);gap:12px;margin:7px 0}#screen-report dt{margin:0}}
@media(max-width:480px){#screen-report{padding:14px}}

/* Approved SyronOptics document letterhead, matching the bandpass configurator. */
.report .rfq-header{padding:0 0 12px;border-bottom:2px solid #000;break-inside:avoid;break-after:avoid}
.report .rfq-header h1{margin:0}
.sheet-letterhead{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;margin-bottom:20px}
.sheet-wordmark{display:block;width:220px;max-width:100%;height:auto}
.sheet-website{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
@media print{.report .rfq-header{padding-bottom:3mm}.sheet-letterhead{margin-bottom:5mm}.sheet-wordmark{width:44mm}.sheet-website{font-size:7.5pt}}

header a{color:inherit;text-underline-offset:2px}.report .rfq-email{font-size:12px;line-height:1.5;margin:8px 0 0;color:var(--muted)}
@media print{.report .rfq-email{font-size:8pt}}

/* Cube and microscope references stay in normal flow for embedded pages. */
.suggestions {border:1px solid var(--line, #cbd5e1);border-radius:6px;margin-top:4px;overflow:hidden}
.suggestions button {display:block;width:100%;border:0;border-radius:0;text-align:left;background:#fff;color:inherit;padding:10px 12px;white-space:normal;overflow-wrap:anywhere}
.suggestions button + button {border-top:1px solid #e5e7eb}
.suggestions button:hover,.suggestions button[aria-selected="true"] {background:#edf3f8}