/* T, R and D series only: inherit the product page's type and CRANE color palette. */
#crane-flood-optics{--fho-ink:var(--p-ink,#17232b);--fho-muted:#5b6d77;--fho-line:var(--fg-line,#d9dfe3);--fho-soft:var(--fg-soft,#f5f7f7);--fho-accent:var(--fg-orange,#f47a20);color:var(--fho-ink)}
#crane-flood-optics *{box-sizing:border-box}
#crane-flood-optics .fho-heading{grid-template-columns:1fr;gap:12px;align-items:start}
#crane-flood-optics .fho-heading h2{max-width:900px}
#crane-flood-optics .fho-board{display:grid;grid-template-columns:218px minmax(0,1fr);border:1px solid var(--fho-line);border-radius:8px;overflow:hidden;background:#fff}
#crane-flood-optics button{font:inherit;color:inherit;cursor:pointer}
#crane-flood-optics button:focus-visible{outline:3px solid #ac4700;outline-offset:2px}
#crane-flood-optics .fho-selector{padding:20px 16px;background:var(--fho-soft);border-right:1px solid var(--fho-line)}
#crane-flood-optics .fho-product{display:flex;gap:8px;align-items:center;padding-bottom:17px;margin-bottom:19px;border-bottom:1px solid var(--fho-line)}
#crane-flood-optics .fho-product span{display:block;font-size:11px;color:var(--fho-muted)}
#crane-flood-optics .fho-product strong{display:block;font-size:17px;line-height:1.3;margin-top:5px}
#crane-flood-optics .fho-product img{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:4px;margin-left:auto}
#crane-flood-optics .fho-group-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;line-height:1.5;font-weight:650;color:var(--fho-muted);margin:18px 3px 8px}
#crane-flood-optics .fho-group-label small{display:block;font-size:10px;font-weight:400;text-transform:none;letter-spacing:0;margin-top:3px}
#crane-flood-optics .fho-option{display:flex;align-items:center;justify-content:space-between;width:100%;gap:7px;min-height:46px;margin:7px 0;padding:10px;border:1px solid var(--fho-line);border-radius:4px;background:#fff;text-align:left}
#crane-flood-optics .fho-option strong{font-size:13px;white-space:nowrap;font-weight:700}
#crane-flood-optics .fho-option span{font-size:11px;color:var(--fho-muted);text-align:right}
#crane-flood-optics .fho-option[aria-pressed="true"]{border-color:var(--fho-accent);box-shadow:inset 3px 0 var(--fho-accent);background:#fff5eb}
#crane-flood-optics .fho-workspace{min-width:0}
#crane-flood-optics .fho-selection-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;min-height:86px;padding:17px 22px;border-bottom:1px solid var(--fho-line)}
#crane-flood-optics .fho-current{font-size:21px;line-height:1.3;display:block}
#crane-flood-optics .fho-current-note{display:block;font-size:12px;line-height:1.6;margin-top:4px;color:var(--fho-muted)}
#crane-flood-optics .fho-orientation{display:flex;gap:5px}
#crane-flood-optics [hidden]{display:none!important}
#crane-flood-optics .fho-orientation button{font-size:12px;min-height:40px;padding:8px 12px;border:1px solid var(--fho-line);border-radius:4px;background:var(--fho-soft)}
#crane-flood-optics .fho-orientation button[aria-pressed="true"]{color:#fff;background:#17232b;border-color:#17232b}
#crane-flood-optics .fho-angle-strip{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--fho-line)}
#crane-flood-optics .fho-angle-stat{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 22px}
#crane-flood-optics .fho-angle-stat+div{border-left:1px solid var(--fho-line)}
#crane-flood-optics .fho-angle-stat span{font-size:12px;color:var(--fho-muted)}
#crane-flood-optics .fho-angle-stat small{font-size:11px;margin-left:5px}
#crane-flood-optics .fho-angle-stat strong{font-size:25px;line-height:1.25;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#crane-flood-optics .fho-views{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);height:500px;background:#0a151d;color:#edf2f5}
#crane-flood-optics .fho-panel{display:flex;flex-direction:column;position:relative;min-width:0;min-height:0;margin:0;padding:0}
#crane-flood-optics .fho-front{border-right:1px solid #324652}
#crane-flood-optics .fho-panel-head{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;min-height:48px;padding:17px 18px 0;color:#afc2ce;font-size:10px}
#crane-flood-optics .fho-panel-head h3{font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.04em;text-transform:uppercase;color:#d5e0e7;margin:0}
#crane-flood-optics .fho-panel-head span{font-size:10px;line-height:1.6}
#crane-flood-optics .fho-front-field{position:relative;flex:1;min-height:0}
#crane-flood-optics .fho-front-field canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
#crane-flood-optics .fho-panel-caption{font-size:10px;color:#a8becb;margin:0;padding:0 18px 16px;line-height:1.6}
#crane-flood-optics .fho-side{background:#101e28}
#crane-flood-optics .fho-side-field{position:relative;flex:1;display:flex;align-items:center;min-height:0;padding:0 10px}
#crane-flood-optics .fho-side svg{display:block;width:100%;height:260px;overflow:visible}
#crane-flood-optics .fho-side-footer{padding:0 18px 18px;font-size:11px;color:#b6c7d2;min-height:62px;line-height:1.6}
#crane-flood-optics .fho-side-footer strong{display:block;font-weight:400;color:#e1e9ed;margin-bottom:3px}
#crane-flood-optics .fho-side-footer span{display:block;color:#a8becb;font-size:10px}
#crane-flood-optics .fho-coverage{display:grid;grid-template-columns:1.1fr 1fr 1fr;align-items:center;gap:20px;padding:19px 22px;background:var(--fho-soft);border-top:1px solid var(--fho-line)}
#crane-flood-optics .fho-estimate-label{font-size:13px;font-weight:650;line-height:1.4}
#crane-flood-optics .fho-estimate-label small{display:block;font-size:10px;font-weight:400;color:var(--fho-muted);margin-top:6px}
#crane-flood-optics .fho-measure span{display:block;color:var(--fho-muted);font-size:11px;line-height:1.5}
#crane-flood-optics .fho-measure strong{display:block;font-size:24px;font-weight:400;line-height:1.3;white-space:nowrap;margin-top:4px;font-variant-numeric:tabular-nums}
#crane-flood-optics .fho-measure b{font-weight:500}
#crane-flood-optics .fho-measure small{font-size:13px}
#crane-flood-optics .fho-note{font-size:11px;line-height:1.8;color:var(--fho-muted);margin:16px 0 0;max-width:1080px}
#crane-flood-optics .fho-no-script{font-size:13px;padding:20px;color:#e1e9ed;position:relative;background:#0a151d}
@media(max-width:1100px){#crane-flood-optics .fho-board{grid-template-columns:190px minmax(0,1fr)}#crane-flood-optics .fho-selector{padding:16px 12px}#crane-flood-optics .fho-product{display:block;position:relative;min-height:66px;padding-right:58px}#crane-flood-optics .fho-product img{position:absolute;right:0;top:0;width:52px;height:52px}#crane-flood-optics .fho-product strong{font-size:15px}#crane-flood-optics .fho-selection-head{padding-inline:17px}#crane-flood-optics .fho-angle-stat{padding:12px 17px}#crane-flood-optics .fho-angle-stat span{max-width:100px}#crane-flood-optics .fho-current{font-size:19px}#crane-flood-optics .fho-coverage{padding:18px 17px;gap:12px}#crane-flood-optics .fho-panel-head{padding-inline:14px}}
@media(max-width:899px){#crane-flood-optics .fho-heading{grid-template-columns:1fr}#crane-flood-optics .fho-views{grid-template-columns:1fr;grid-template-rows:330px 230px;height:560px}#crane-flood-optics .fho-front{border-right:0;border-bottom:1px solid #324652}#crane-flood-optics .fho-side{display:grid;grid-template-columns:minmax(0,1fr) 155px;grid-template-rows:38px 1fr}#crane-flood-optics .fho-side .fho-panel-head{grid-column:1/-1;padding-top:12px}#crane-flood-optics .fho-side-field{grid-column:1}#crane-flood-optics .fho-side svg{height:185px}#crane-flood-optics .fho-side-footer{grid-column:2;align-self:center;padding:0 12px 12px 0;min-height:0}#crane-flood-optics .fho-coverage{grid-template-columns:1fr 1fr}#crane-flood-optics .fho-estimate-label{grid-column:1/-1}#crane-flood-optics .fho-estimate-label small{display:inline;margin-left:8px}}
@media(max-width:599px){#crane-flood-optics .fho-board{display:block}#crane-flood-optics .fho-selector{padding:15px;border-right:0;border-bottom:1px solid var(--fho-line)}#crane-flood-optics .fho-product{display:flex;padding:0 0 12px;margin-bottom:10px;min-height:0}#crane-flood-optics .fho-product img{position:static;width:54px;height:54px}#crane-flood-optics .fho-product strong{font-size:18px}#crane-flood-optics .fho-group-label{margin:11px 0 7px}#crane-flood-optics .fho-group-label small{display:inline;margin-left:7px;font-size:9px}#crane-flood-optics .fho-option-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#crane-flood-optics .fho-option{justify-content:center;min-height:44px;margin:0;padding:8px 4px}#crane-flood-optics .fho-option span{display:none}#crane-flood-optics .fho-option strong{font-size:13px}#crane-flood-optics .fho-selection-head{padding:15px;min-height:82px;gap:10px}#crane-flood-optics .fho-orientation{width:100%}#crane-flood-optics .fho-orientation button{flex:1;min-height:42px}#crane-flood-optics .fho-angle-stat{padding:12px 15px;align-items:flex-start;flex-direction:column;gap:6px}#crane-flood-optics .fho-angle-stat span{font-size:11px;max-width:none}#crane-flood-optics .fho-angle-stat small{display:none}#crane-flood-optics .fho-views{height:600px;grid-template-rows:330px 270px}#crane-flood-optics .fho-side{display:flex;flex-direction:column}#crane-flood-optics .fho-side-field{width:100%;padding:0 13px}#crane-flood-optics .fho-side svg{height:185px}#crane-flood-optics .fho-side-footer{align-self:stretch;padding:0 15px 15px;min-height:0}#crane-flood-optics .fho-side-footer strong,#crane-flood-optics .fho-side-footer span{display:inline;font-size:10px;margin-right:7px}#crane-flood-optics .fho-panel-head{padding:13px 15px 0;min-height:40px}#crane-flood-optics .fho-panel-caption{padding:0 15px 14px;font-size:9px}#crane-flood-optics .fho-coverage{padding:16px 15px;gap:13px}#crane-flood-optics .fho-estimate-label small{display:block;margin-left:0}#crane-flood-optics .fho-note{font-size:10px}}

#crane-flood-optics .fho-heading>p{max-width:850px;margin:0}