/* Scoped to the optional inline finder module; existing product/design styles stay intact. */
.finder .room-calibration{margin:0 0 2.5rem;border:1px solid currentColor;min-width:0}
.finder .room-calibration>summary{padding:1rem;cursor:pointer;min-height:48px;font:700 .8rem/1.5 'Courier New',monospace;letter-spacing:.06em}
.room-calibration>summary span{font-weight:400;margin-left:1rem;font-size:.75rem}
.finder .room-calibration-body{background:var(--paper,#f6f4ee);color:var(--ink,#111);padding:clamp(1rem,3vw,2rem)}
.room-calibration-body .calibration-eyebrow{font:700 .75rem/1.7 'Courier New',monospace;letter-spacing:.08em}
.room-calibration-body h3{font-size:clamp(1.6rem,3vw,2.5rem);font-weight:500;line-height:1.15;margin:1rem 0}
.room-calibration-body p{max-width:65ch;line-height:1.5}
.calibration-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}
.calibration-dimensions label{font-size:.85rem;min-width:0}
.finder .calibration-dimensions input{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:48px;border:1px solid currentColor;border-radius:0;background:transparent;color:inherit;padding:.7rem;font:inherit;margin-top:.5rem}
.calibration-dimensions input[aria-invalid="true"]{outline:2px solid currentColor;outline-offset:2px}
.calibration-help{font-size:.85rem;min-height:1.5em}
.calibration-volume{border-top:1px solid currentColor;border-bottom:1px solid currentColor;padding:1rem 0;margin:1rem 0 2rem}
.calibration-volume>p:first-child,.calibration-profile>p:first-child{font:700 .72rem/1.5 'Courier New',monospace;letter-spacing:.08em}
.calibration-volume output{display:block;font:400 clamp(2rem,5vw,4rem)/1.2 'Helvetica Neue',Helvetica,Arial,sans-serif;overflow-wrap:anywhere}
.calibration-volume>p:last-child,.calibration-profile>p:last-child{font-size:.85rem}
.finder .room-calibration-body fieldset{min-width:0;margin:0 0 2rem;padding:0}
.finder .room-calibration-body legend{color:inherit;font-size:1rem;border-color:currentColor;padding-bottom:.7rem;line-height:1.5}
.calibration-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.calibration-options label{display:flex;align-items:center;gap:.7rem;border:1px solid currentColor;min-height:48px;padding:.8rem;cursor:pointer;font-size:.9rem}
.finder .calibration-options input{position:static;opacity:1;appearance:auto;accent-color:var(--ink,#111);width:1.1rem;height:1.1rem;flex:none}
.calibration-options label:has(input:checked){outline:2px solid currentColor;outline-offset:-3px;font-weight:700}
.calibration-profile{border:1px solid currentColor;padding:1rem;margin:1rem 0}
.calibration-profile output{display:block;line-height:1.6;overflow-wrap:anywhere}
.calibration-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}
.finder .calibration-actions button{color:inherit;background:transparent;cursor:pointer;min-height:48px}
.room-calibration :focus-visible{outline:3px solid currentColor;outline-offset:4px}
@media(max-width:600px){.calibration-dimensions,.calibration-options{grid-template-columns:1fr}.calibration-actions .button{width:100%}.room-calibration>summary span{margin-left:.4rem}}
/* Let the existing finder grid shrink at narrow phone widths. */
.finder>*{min-width:0}
.finder fieldset{min-inline-size:0}
.finder #finder-form,.finder .avoidance,.finder .avoidance select{min-width:0;max-width:100%}
.finder [hidden]{display:none!important}
@media(max-width:600px){.finder .option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finder .option-grid label,.finder .option-grid label span{min-width:0;overflow-wrap:anywhere}.finder .calibration-readout output{overflow-wrap:anywhere;white-space:normal}}
@media(max-width:600px){.finder .result{grid-template-columns:minmax(0,1fr)}.finder .result>*{min-width:0}.finder .result-id span{min-width:0}.finder .result-copy{overflow-wrap:anywhere}}
@media(max-width:380px){.finder .result-id{gap:1rem}.finder #result-symbols{gap:.25rem}.finder #result-symbols svg{width:1.125rem;height:1.125rem;flex:none}}
/* System page visibility treatment; native details behavior and form logic remain intact. */
.finder .finder-room-selection{margin-bottom:1.25rem}
.finder #room-calibration-mount[data-presentation="prominent"] .room-calibration{margin:0;border:1px solid #9E3F00;background:var(--paper,#f6f4ee)}
.finder #room-calibration-mount[data-presentation="prominent"] summary{display:grid;grid-template-columns:24px minmax(0,1fr) auto 16px;align-items:center;gap:.75rem;list-style:none;min-height:68px;padding:1.1rem 1.25rem;color:var(--ink,#111)}
.finder #room-calibration-mount[data-presentation="prominent"] summary::-webkit-details-marker{display:none}
.finder #room-calibration-mount[data-presentation="prominent"] summary span{margin:0;letter-spacing:.06em}
.finder #room-calibration-mount[data-presentation="prominent"] .calibration-label{font-size:.85rem;font-weight:700}
.finder #room-calibration-mount[data-presentation="prominent"] .calibration-optional{font-size:.7rem;font-weight:400;color:#5e5b55}
.finder #room-calibration-mount[data-presentation="prominent"] summary svg{display:block;flex:none}
.finder #room-calibration-mount[data-presentation="prominent"] .calibration-chevron{justify-self:end}
.finder #room-calibration-mount[data-presentation="prominent"] details[open] .calibration-chevron{transform:rotate(180deg)}
.finder #room-calibration-mount[data-presentation="prominent"] details[open]>summary{border-bottom:1px solid #9E3F00}
.finder #room-calibration-mount[data-presentation="prominent"] summary:focus-visible{outline:2px solid var(--ink,#111);outline-offset:4px}
.finder .calibration-visibility-hint{font-size:.8rem;line-height:1.5;color:#5e5b55;margin:.65rem 0 0;max-width:65ch}
.finder #room-calibration-mount[data-presentation="prominent"]+.finder-room-map{margin:1.25rem 0 2rem}
@media(max-width:380px){.finder #room-calibration-mount[data-presentation="prominent"] summary{grid-template-columns:20px minmax(0,1fr) auto 14px;gap:.5rem;padding:1rem .75rem}.finder #room-calibration-mount[data-presentation="prominent"] .calibration-label{font-size:.75rem}.finder #room-calibration-mount[data-presentation="prominent"] .calibration-optional{font-size:.65rem}.finder #room-calibration-mount[data-presentation="prominent"] .calibration-ruler{width:20px}}
/* System's optional dimensions are immediately usable; room details disclose progressively. */
.finder #room-calibration-mount[data-presentation="inline"] .room-calibration{border:2px solid #9E3F00;background:#f4f0e7;margin:0}
.finder .room-measurement-inline .room-calibration-body{background:transparent;padding:1.25rem}
.finder .measurement-header{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:.75rem}
.finder .measurement-header h3{font:700 .85rem/1.5 'Courier New',monospace;letter-spacing:.06em;margin:0}
.finder .measurement-optional{font:400 .7rem/1.5 'Courier New',monospace;letter-spacing:.06em;color:#5e5b55}
.finder .room-measurement-inline .measurement-benefit{font-size:.8rem;line-height:1.5;color:#5e5b55;margin:.6rem 0 1.25rem;max-width:65ch}
.finder .room-measurement-inline .calibration-dimensions{margin-top:0}
.finder .room-measurement-inline .calibration-dimensions label{text-transform:uppercase;font-size:.75rem;letter-spacing:.04em}
.finder .room-measurement-inline .calibration-help:empty{display:none}
.finder .room-measurement-inline .calibration-help{min-height:0;margin:.75rem 0 0}
.finder .room-measurement-inline .calibration-volume{padding:.75rem 0;margin:1rem 0}
.finder .room-measurement-inline .calibration-volume output{font-size:clamp(1.75rem,4vw,2.75rem)}
.finder .room-measurement-inline .calibration-volume p{margin:.35rem 0}
.finder .calibration-room-details{margin:1rem 0 0;border-top:1px solid #bcae99}
.finder .calibration-room-details>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:.75rem 0;font:700 .75rem/1.5 'Courier New',monospace;letter-spacing:.06em;list-style:none;cursor:pointer}
.finder .calibration-room-details>summary::-webkit-details-marker{display:none}
.finder .calibration-room-details[open]>summary svg{transform:rotate(180deg)}
.finder .room-measurement-inline .calibration-room-details fieldset{margin:.5rem 0 1rem}
.finder .room-measurement-inline .calibration-actions{margin-top:1rem}
.finder #room-calibration-mount[data-presentation="inline"]+.finder-room-map{margin:1.25rem 0 2rem}
@media(max-width:380px){.finder .room-measurement-inline .room-calibration-body{padding:1rem}.finder .measurement-header{grid-template-columns:20px minmax(0,1fr) auto;gap:.5rem}.finder .measurement-header h3{font-size:.75rem}.finder .measurement-header .calibration-ruler{width:20px}.finder .measurement-optional{font-size:.65rem}}