.trouser-page dialog.sg-dialog{width:min(900px,calc(100vw - 40px));padding:0;max-height:90dvh;border-radius:8px;overscroll-behavior:contain}.sg-top{position:relative;padding:34px 38px;background:#e5e9dc;display:flex;justify-content:space-between;gap:30px;align-items:center}.sg-top .eyebrow{font-size:9px;letter-spacing:1.4px;margin:0 0 16px!important}.trouser-page .sg-top h2{font-size:44px;line-height:1;letter-spacing:-1.3px;margin:0}.sg-top h2 em{color:#657154}.trouser-page .sg-top p:last-child{font-size:13px;margin:17px 0 0}.sg-trouser-art{width:112px;height:150px;flex-shrink:0;color:#71805f;margin-right:26px;transform:rotate(7deg)}.sg-top .tr-close{top:13px;right:14px}.sg-body{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;padding:32px 38px}.sg-step{font-size:9px!important;letter-spacing:1.3px;margin:0 0 15px!important;color:#777e6c}.sg-body h3{font-size:27px;line-height:1.12;letter-spacing:-.5px}.trouser-page .sg-hint{font-size:12px;line-height:1.7;color:#707565;margin:14px 0 20px}.sg-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.sg-fields label{font-size:13px;font-weight:500}.sg-fields label>span{font-size:11px;float:right;color:#797e70;font-weight:400}.sg-fields select{display:block;width:100%;font:16px var(--sans,Arial);padding:12px 10px;min-height:48px;margin-top:10px;border:1px solid #c8cebc;border-radius:3px;background:#fffdf7;color:#313c2b}.sg-result{border:1px solid #d7dacd;background:#eeeee5;padding:19px;margin-top:20px;min-height:146px}.sg-result>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.sg-result span{font-size:12px}.sg-result strong{font:42px var(--serif,Georgia);line-height:1}.trouser-page .sg-result p{font-size:12px;line-height:1.65;color:#626c58;margin:12px 0 0}.sg-result.has-size{background:#e7eddc;border-color:#b1be9d}.trouser-page #sg-apply{width:100%;font-size:14px;min-height:49px;margin-top:14px;background:#405137;color:#fff}.trouser-page #sg-apply[hidden]{display:none}.trouser-page .sg-apply-note{font-size:10px;color:#79806e;line-height:1.6;margin:10px 0 0}.sg-notes{padding-left:28px;border-left:1px solid #d6dacb}.sg-notes>div{display:flex;gap:13px;margin-top:21px}.sg-notes>div>span{font-size:10px;color:#768267;padding-top:2px}.trouser-page .sg-notes>div p{font-size:12px;line-height:1.75;margin:0;color:#6a7260}.sg-notes strong{display:block;font-weight:500;color:#37432e;font-size:13px;margin-bottom:5px}.sg-notes>a{font-size:12px;text-decoration:underline;text-underline-offset:4px;display:inline-block;margin-top:22px}.sg-chart{grid-column:1/-1;border-top:1px solid #d3d8c6}.sg-chart summary{display:flex;align-items:center;gap:15px;padding:22px 0 0;font-size:14px;cursor:pointer}.sg-chart-tag{font-size:9px;color:#758067;margin-left:auto}.trouser-page .sg-chart>p{font-size:12px;color:#6c745f;line-height:1.7}.sg-table-scroll{overflow:auto;max-height:370px;border:1px solid #d0d6c3;isolation:isolate}.sg-table-scroll table{width:100%;min-width:590px;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;font-size:12px;text-align:center}.sg-table-scroll caption{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.sg-table-scroll th,.sg-table-scroll td{padding:11px 9px;border-bottom:1px solid #dfe2d6;border-right:1px solid #e1e4d9;white-space:nowrap}.sg-table-scroll thead th{position:sticky;top:0;background:#46553a;color:#fff;font-weight:500;z-index:2}.sg-table-scroll tbody th{position:sticky;left:0;background:#e9eddf;font-weight:500;z-index:1}.sg-table-scroll thead th:first-child{left:0;z-index:3}.sg-table-scroll tbody tr:nth-child(even) td{background:#f0f1e9}.sg-table-scroll td.sg-selected{background:#556946!important;color:white;font-weight:600;outline:2px solid #35482a;outline-offset:-2px}.trouser-page .sg-key{font-size:10px;line-height:1.8}.sg-dialog .sg-body [hidden]{display:none}
@media(max-width:700px){.trouser-page dialog.sg-dialog{width:calc(100vw - 20px);max-height:92dvh;border-radius:7px}.sg-top{padding:28px 22px;gap:10px}.sg-top .eyebrow{font-size:7px;letter-spacing:1px;max-width:180px}.trouser-page .sg-top h2{font-size:35px}.trouser-page .sg-top p:last-child{font-size:11px;max-width:190px}.sg-trouser-art{width:65px;height:110px;margin-right:7px}.sg-top .tr-close{top:6px;right:7px}.sg-body{display:flex;flex-direction:column;gap:27px;padding:25px 20px}.sg-body h3{font-size:27px}.sg-fields{gap:11px}.sg-fields label{font-size:12px}.sg-fields select{font-size:16px;padding:11px 7px}.sg-result{padding:17px;min-height:130px}.sg-result strong{font-size:40px}.sg-notes{border-left:0;border-top:1px solid #d6dacb;padding:24px 0 0}.sg-chart summary{font-size:13px;gap:9px}.sg-chart-tag{font-size:8px}.sg-table-scroll{max-height:330px}}