/* Page-owned optical workspace. Shared navigation/ads and other tools unchanged. */
#ns-beer-tool{align-items:start}
#ns-beer-tool .panel,#ns-beer-tool .viz-panel{min-width:0}
#ns-beer-tool .viz-panel{display:flex;flex-direction:column;gap:18px;background:transparent;border:0;box-shadow:none;padding:0}
#ns-beer-tool .viz-panel>.chart-card{order:0!important;margin:0;min-width:0}
#ns-beer-tool .panel-title{font-size:.84rem;line-height:1.6;margin-bottom:16px}
#ns-beer-tool .ctrl-group{margin-bottom:17px}
#ns-beer-tool .field-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
#ns-beer-tool .field-header label{margin:0;min-width:0;font-size:.8rem;line-height:1.55;display:block}
#ns-beer-tool .num-wrap{display:flex;flex:none;gap:5px;align-items:center}
#ns-beer-tool .num-input{box-sizing:border-box;width:80px;border:1px solid #c5d4df;border-radius:6px;padding:6px;font-size:.85rem;line-height:1.3;background:#fff;color:#123a53}
#ns-beer-tool .num-unit{font-size:.72rem;min-width:16px;white-space:nowrap}
#ns-beer-tool .ns-beer-eps-unit{font-size:.73rem;color:#536c7c;margin-top:6px}
#ns-beer-tool input[type=range]{display:block;width:100%;height:4px;margin:11px 0;accent-color:#137aa3;cursor:pointer}
#ns-beer-tool select{padding:8px;border-radius:6px;font-size:.82rem;line-height:1.4}
#ns-beer-tool .ns-beer-small{font-size:.78rem;line-height:1.75;color:#526c7e;margin:10px 0 0}
#ns-beer-tool .ns-beer-advanced{padding:12px 0 0;margin:16px 0;border:0;border-top:1px solid #dae5ec;border-radius:0;background:transparent}
#ns-beer-tool .ns-beer-advanced summary{font-size:.82rem;line-height:1.6;color:#1a4a67}
#ns-beer-tool .ns-beer-advanced[open] summary{margin-bottom:12px}
#ns-beer-tool .ns-beer-actions{display:flex;gap:8px;margin-top:14px}
#ns-beer-tool .ns-beer-actions button,#ns-beer-tool .preset-row button{padding:8px 10px;border:1px solid #c4d6e3;border-radius:7px;background:#edf5fa;color:#1e4e6a;font:inherit;font-size:.8rem;cursor:pointer;line-height:1.5}
#ns-beer-tool .ns-beer-actions button{flex:1}
#ns-beer-tool .preset-row{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 0}
#ns-beer-tool .preset-row button{flex:1;padding:7px 5px;font-size:.76rem;min-width:0}
#ns-beer-tool input:focus-visible,#ns-beer-tool button:focus-visible,#ns-beer-tool select:focus-visible{outline:3px solid #7ac5db;outline-offset:2px}
#ns-beer-tool .ns-beer-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#ns-beer-tool .ns-beer-result{min-width:0;padding:13px 10px;text-align:left;background:#f6fafc;border:1px solid #dbe6ed;border-radius:8px;box-shadow:none}
#ns-beer-tool .ns-beer-result .sl{font-size:.74rem;line-height:1.55;color:#4d687b;margin-bottom:8px}
#ns-beer-tool .ns-beer-result .sv{font:600 1.2rem/1.3 'Roboto Mono',monospace;white-space:nowrap;color:#184a66;letter-spacing:-.02em}
#ns-beer-tool .ns-beer-unit{font-size:.71rem;color:#536b7d;margin-top:5px}
#ns-beer-tool .ns-beer-message{margin:14px 0 0;padding:10px 12px;border-left:3px solid #92bacd;background:#f1f7fa;border-radius:0 6px 6px 0;font-size:.78rem;line-height:1.7;color:#3c5e74}
#ns-beer-tool .ns-beer-input-notice{padding:9px 10px;background:#fff8e9;border-left:3px solid #bb923d;font-size:.79rem;line-height:1.7;color:#775921;margin-top:12px}
#ns-beer-tool .ns-beer-apparent{display:flex;flex-wrap:wrap;gap:9px 18px;padding:12px;border:1px solid #ead6b2;border-radius:7px;background:#fffbf2;font-size:.82rem;line-height:1.7;margin-top:13px;color:#735321}
#ns-beer-tool .ns-beer-apparent[hidden]{display:none}
#ns-beer-tool .ns-beer-canvas-holder{width:100%;min-width:0;position:relative}
#ns-beer-tool .ns-beer-beam-holder{height:280px}
#ns-beer-tool .ns-beer-profile-holder{height:240px}
#ns-beer-tool .ns-beer-canvas-holder>canvas{display:block!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;max-height:none!important;min-height:0!important;border-radius:8px;background:#0d2331;touch-action:pan-y}
#ns-beer-tool .ns-beer-calib-holder{position:relative;min-width:0;width:100%;height:320px}
#ns-beer-tool .ns-beer-calib-holder>canvas{width:100%!important;height:100%!important;aspect-ratio:auto!important;min-height:0!important}
#ns-beer-tool .ns-beer-beam-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.79rem;line-height:1.7;color:#45667a;margin-top:9px}
#ns-beer-tool .ns-beer-equations{font-size:.9rem;line-height:1.9;overflow-wrap:anywhere}
#ns-beer-tool .ns-beer-equations>div+div{margin-top:8px}
#ns-beer-reading .ns-beer-table-wrap{max-width:100%;overflow-x:auto;margin:14px 0}
#ns-beer-reading table{border-collapse:collapse;width:100%;font-size:.88rem;line-height:1.7}
#ns-beer-reading th,#ns-beer-reading td{padding:9px 12px;text-align:left;border-bottom:1px solid #dbe5ec}
#ns-beer-reading th{background:#edf5fa;color:#214e68}
#ns-beer-reading .ns-beer-faq{border:0;border-bottom:1px solid #dbe5ec;border-radius:0;background:transparent;padding:13px 0;margin:0}
#ns-beer-reading .ns-beer-faq summary{font-size:.9rem;line-height:1.7;color:#214e68}
#ns-beer-reading .ns-beer-faq p{margin-top:10px}
@media(max-width:1100px){#ns-beer-tool .ns-beer-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){#ns-beer-tool .ns-beer-calib-holder{height:300px}}
@media(max-width:480px){#ns-beer-tool .ns-beer-results{gap:8px}#ns-beer-tool .ns-beer-result{padding:11px 7px}#ns-beer-tool .ns-beer-result .sv{font-size:1.05rem}#ns-beer-tool .ns-beer-beam-holder{height:260px}}