.csg{--csg-petrol:#05668d;--csg-deep:#06384c;--csg-mint:#eaf5f4;--csg-ivory:#f8fbfc;--csg-line:#dce9ed;--csg-ink:#203c46;--csg-muted:#59727c;max-width:1120px;margin:0 auto;padding:48px 36px 64px;color:var(--csg-ink);font-family:Montserrat,sans-serif;font-size:14px;line-height:1.9;letter-spacing:normal;text-transform:none}
.csg[lang=ar]{font-family:Alexandria,sans-serif}.csg *{box-sizing:border-box}.csg [hidden]{display:none!important}.csg button,.csg input,.csg a{font:inherit;letter-spacing:normal;text-transform:none}.csg button{cursor:pointer;touch-action:manipulation}.csg button:focus-visible,.csg a:focus-visible,.csg summary:focus-visible,.csg input:focus-visible{outline:2px solid var(--csg-petrol);outline-offset:4px}.csg h1,.csg h2,.csg h3,.csg h4,.csg p{letter-spacing:normal;text-transform:none}.csg p{margin:0}.csg h2,.csg h3,.csg h4{font-family:inherit;color:var(--csg-deep);font-weight:500}.csg h2{font-size:24px;line-height:1.65;margin:0 0 22px}.csg h3{font-size:15px;margin:0 0 7px;line-height:1.8}.csg h4{font-size:13px;margin:0 0 5px;line-height:1.8}.csg-heading{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-bottom:24px}.csg .csg-heading h1{font-family:Cormorant,serif;font-size:52px;font-weight:600;line-height:1.2;color:var(--csg-deep);margin:0 0 13px}.csg[lang=ar] .csg-heading h1{font-family:Alexandria,sans-serif;font-size:34px;line-height:1.6;font-weight:500}.csg-heading p{font-size:13px;color:var(--csg-muted);max-width:55ch}.csg-share{display:flex;gap:8px;flex-shrink:0}.csg .csg-share button,.csg .csg-share a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--csg-line);border-radius:10px;padding:10px 14px;background:#fff;font-size:11px;color:var(--csg-petrol);text-decoration:none;white-space:nowrap}.csg .csg-share a{background:var(--csg-mint);border-color:var(--csg-mint)}.csg .csg-share button:hover,.csg .csg-share a:hover{border-color:var(--csg-petrol)}.csg-status{font-size:12px;color:var(--csg-petrol)}.csg-status:not(:empty){margin-bottom:12px}.csg .csg-link-field{width:100%;direction:ltr;background:#fff;border:1px solid var(--csg-line);border-radius:9px;padding:10px;margin-bottom:15px;color:var(--csg-ink);font-size:13px}
.csg-flat-note{padding:20px 24px;border:1px solid var(--csg-line);border-inline-start:3px solid var(--csg-petrol);border-radius:13px;background:var(--csg-ivory);margin-bottom:30px}.csg-flat-note strong{font-size:13px;font-weight:600;color:var(--csg-deep)}.csg-flat-note p{font-size:12px;color:var(--csg-muted);line-height:2;margin-top:5px;max-width:95ch}.csg-tool{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.csg-categories{display:flex;gap:4px;background:var(--csg-ivory);border:1px solid var(--csg-line);border-radius:13px;padding:4px}.csg .csg-categories button{border:0;background:transparent;color:var(--csg-muted);padding:11px 26px;min-height:44px;border-radius:9px;font-size:13px}.csg .csg-categories button[aria-selected=true]{background:var(--csg-petrol);color:#fff}.csg-units{display:flex;border:1px solid var(--csg-line);border-radius:10px;overflow:hidden;flex:none}.csg .csg-units button{min-height:44px;min-width:46px;padding:9px;border:0;background:#fff;font-size:12px;color:var(--csg-muted)}.csg .csg-units button[aria-pressed=true]{background:var(--csg-mint);color:var(--csg-petrol);font-weight:600}.csg-garments{display:flex;gap:26px;border-bottom:1px solid var(--csg-line);margin-bottom:25px}.csg .csg-garments button{background:transparent;border:0;border-bottom:2px solid transparent;min-height:45px;padding:9px 1px 13px;color:var(--csg-muted);font-size:13px}.csg .csg-garments button[aria-selected=true]{color:var(--csg-petrol);font-weight:600;border-bottom-color:var(--csg-petrol)}.csg.is-ready .csg-category-name{display:none}.csg:not(.is-ready) .csg-piece{margin-bottom:35px}
.csg-chart-layout{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:30px}.csg-table-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.csg .csg-table-heading h3{font-size:16px;margin:0}.csg-table-heading>span{font-size:11px;color:var(--csg-muted)}.csg-table-wrap{border:1px solid var(--csg-line);border-radius:14px;overflow:hidden}.csg table{table-layout:fixed;width:100%;border-collapse:collapse;margin:0;text-align:center;line-height:1.65;font-variant-numeric:tabular-nums}.csg thead th{padding:15px 5px;background:var(--csg-ivory);color:var(--csg-muted);font-size:11px;font-weight:400;border:0;border-bottom:1px solid var(--csg-line);text-align:center}.csg tbody td,.csg tbody th{border:0;border-bottom:1px solid #e9f0f2;background:transparent;text-align:center;height:53px;padding:4px;font-family:Montserrat,sans-serif;font-size:14px}.csg tbody tr:last-child td,.csg tbody tr:last-child th{border-bottom:0}.csg tbody th{font-weight:600}.csg tbody button{min-height:40px;min-width:46px;padding:7px 9px;border:0;border-radius:8px;background:transparent;color:inherit;font-size:13px;font-weight:600;opacity:1;font-family:Montserrat,sans-serif}.csg tbody button:disabled{cursor:default}.csg tbody small{font-family:Alexandria,sans-serif;font-weight:400;font-size:10px}.csg tr.is-selected{background:var(--csg-mint);color:var(--csg-deep)}.csg tr.is-selected button{background:var(--csg-petrol);color:#fff}.csg.is-ready tbody tr:hover{background:#f1f8f8}.csg-hint{font-size:11px;color:var(--csg-muted);line-height:1.9;margin-top:12px!important}.csg-diagram{align-self:start;background:var(--csg-ivory);border:1px solid var(--csg-line);border-radius:16px;padding:19px 14px 16px;text-align:center}.csg-diagram svg{width:100%;height:218px;display:block;overflow:visible}.csg .csg-diagram h4{font-size:12px;margin-bottom:6px}.csg .csg-diagram p{font-size:10px;color:var(--csg-muted)}.csg .csg-outline{fill:#eaf2f4;stroke:#7eabb9;stroke-width:1.6;stroke-linejoin:round}.csg .csg-measure{fill:none;stroke:var(--csg-petrol);stroke-width:1.3;stroke-dasharray:4 3;stroke-linecap:round}.csg .csg-tick{stroke:var(--csg-petrol);stroke-width:1.3}.csg svg text{font:9px Montserrat,sans-serif;fill:var(--csg-deep)}.csg[lang=ar] svg text{font-family:Alexandria,sans-serif}.csg-increments{margin-top:22px;padding:18px 22px;border-radius:12px;background:var(--csg-mint)}.csg-increments p{font-size:12px;color:var(--csg-deep);line-height:2}
.csg-method{margin-top:42px;border-top:1px solid var(--csg-line);padding-top:34px}.csg-method ol{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;list-style:decimal;padding-inline-start:24px;margin:0}.csg-method li{padding-inline-start:5px;padding-inline-end:10px}.csg-method li::marker{font-family:Montserrat,sans-serif;color:var(--csg-petrol);font-size:14px;font-weight:600}.csg-method p{color:var(--csg-muted);font-size:12px;line-height:2;max-width:65ch}.csg-faq{margin-top:42px;border-top:1px solid var(--csg-line);padding-top:34px}.csg-faq details{border-bottom:1px solid var(--csg-line)}.csg-faq summary{position:relative;cursor:pointer;list-style:none;padding:18px 0;padding-inline-end:24px;font-size:13px;line-height:1.9;color:var(--csg-deep)}.csg-faq summary::-webkit-details-marker{display:none}.csg-faq summary::after{position:absolute;inset-inline-end:2px;top:17px;content:'+';font-size:20px;font-family:Montserrat,sans-serif;font-weight:400}.csg-faq details[open] summary::after{content:'−'}.csg-faq details p{padding-bottom:21px;color:var(--csg-muted);line-height:2.1;font-size:12px;max-width:85ch}.csg-help{margin-top:34px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--csg-ivory);border:1px solid var(--csg-line);border-radius:13px;padding:20px 24px}.csg-help p{font-size:13px}.csg .csg-help a{color:var(--csg-petrol);font-size:12px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:749px){.csg{padding:28px 20px 60px;font-size:13px}.csg-heading{display:block;margin-bottom:20px}.csg .csg-heading h1{font-size:40px;line-height:1.2}.csg[lang=ar] .csg-heading h1{font-size:27px;line-height:1.65}.csg-heading p{font-size:12px;line-height:2}.csg-share{margin-top:16px;gap:8px}.csg .csg-share button,.csg .csg-share a{font-size:11px;padding-inline:14px}.csg-flat-note{padding:16px;border-radius:12px;margin-bottom:22px}.csg-flat-note strong{font-size:12px}.csg-flat-note p{font-size:11px;line-height:2.1}.csg-tool{gap:8px;margin-bottom:13px}.csg-categories{padding:3px;gap:1px;flex:1}.csg .csg-categories button{padding:9px 8px;min-width:0;flex:1;font-size:11px}.csg .csg-units button{min-width:35px;min-height:44px;padding:8px 6px;font-size:11px}.csg-garments{gap:25px;margin-bottom:20px}.csg .csg-garments button{font-size:12px}.csg-chart-layout{display:flex;flex-direction:column;gap:19px}.csg-table-heading{gap:8px;margin-bottom:13px}.csg .csg-table-heading h3{font-size:13px}.csg-table-heading>span{font-size:10px;white-space:nowrap}.csg thead th{font-size:10px;padding:13px 3px;overflow-wrap:anywhere}.csg tbody td,.csg tbody th{height:49px;font-size:13px;padding:3px}.csg tbody button{min-width:40px;padding:7px 3px;font-size:12px}.csg tbody small{font-size:9px;display:block;line-height:1.3}.csg-hint{font-size:10px}.csg-diagram{width:100%;padding:17px 14px 13px}.csg-diagram svg{height:205px}.csg .csg-diagram p{font-size:10px}.csg-increments{padding:16px;margin-top:20px}.csg .csg-increments h4{font-size:12px}.csg-increments p{font-size:11px;line-height:2.1}.csg h2{font-size:21px;margin-bottom:20px}.csg h3{font-size:13px}.csg-method,.csg-faq{margin-top:30px;padding-top:25px}.csg-method ol{display:block;padding-inline-start:20px}.csg-method li{padding-inline-start:4px;padding-inline-end:0;margin-bottom:18px}.csg-method p,.csg-faq details p{font-size:11px;line-height:2.15}.csg-faq summary{font-size:12px;padding-block:16px}.csg-help{display:block;padding:17px;margin-top:27px}.csg-help p{font-size:12px;margin-bottom:8px}.csg .csg-help a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.csg *{scroll-behavior:auto!important;transition:none!important}}
.csg table{background:#fff}

.csg-weight{padding:14px 18px;border:1px solid #dce9ed;border-radius:12px;background:#f8fbfc;margin:0 0 20px}.csg-weight strong{font-size:12px;font-weight:600;color:#06384c}.csg-weight p{font-size:12px;line-height:2;color:#203c46;margin-top:3px}.csg-weight small{display:block;font-size:10px;line-height:1.9;color:#59727c;margin-top:3px}@media(max-width:749px){.csg-weight{padding:13px 15px;margin-bottom:15px}.csg-weight p,.csg-weight strong{font-size:11px}.csg-weight small{font-size:10px}}