.csg,.csg *{box-sizing:border-box}.csg{--ink:#292722;--muted:#625e57;--gold:#ad9063;--line:#dfd6c8;--cream:#f7f3eb;color:var(--ink);font-size:16px;line-height:1.6}.csg [hidden]{display:none!important}.csg .csg-wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.csg h1,.csg h2,.csg h3,.csg p{margin:0}.csg h1{font-size:clamp(36px,4.4vw,58px);line-height:1.07;letter-spacing:-.04em;max-width:660px}.csg h2{font-size:clamp(26px,3vw,36px);line-height:1.15;letter-spacing:-.025em}.csg h3{font-size:20px;line-height:1.3}.csg p+p{margin-top:12px}.csg a{color:inherit;text-underline-offset:4px}.csg button,.csg input,.csg select{font:inherit}.csg button{color:var(--ink);text-transform:none;letter-spacing:normal;border-radius:3px;line-height:1.4}.csg button,.csg a{touch-action:manipulation}.csg a:focus-visible,.csg button:focus-visible,.csg input:focus-visible,.csg select:focus-visible,.csg summary:focus-visible{outline:3px solid #705d43;outline-offset:4px}.csg :is(section,div,nav)[id]{scroll-margin-top:110px}.csg-kicker{font-size:11px!important;font-weight:700;letter-spacing:.16em;color:#705d43;margin-bottom:14px!important}.csg-hero{background:var(--cream);padding:24px 0 44px}.csg-crumb{font-size:12px;margin-bottom:34px}.csg-hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:64px;align-items:center}.csg-intro{max-width:600px;margin-top:20px!important;color:var(--muted);font-size:18px}.csg-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.csg-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 21px;border:1px solid var(--ink);background:var(--ink);color:white!important;font-weight:600;text-decoration:none;text-align:center;border-radius:3px;cursor:pointer}.csg-btn:hover{background:#454139}.csg-btn--outline{background:transparent;color:var(--ink)!important;border-color:#9d9283}.csg-btn--outline:hover{background:#eee7db}.csg-btn:disabled{opacity:.55;cursor:wait}.csg-hero-art{background:white;border:1px solid var(--line);padding:26px;border-radius:6px;box-shadow:10px 10px 0 #e8dfd1}.csg-hero-art svg{display:block;width:100%;height:auto}.csg-hero-art figcaption{font-size:13px;margin-top:12px;color:var(--muted)}.csg-hero-art figure{margin:0}.csg-jumps{display:flex;gap:24px;flex-wrap:wrap;padding-block:18px;border-bottom:1px solid var(--line);font-size:13px;font-weight:600}.csg-jumps a{display:flex;align-items:center;min-height:30px}.csg-section{padding-block:56px;border-bottom:1px solid var(--line)}.csg-section-head{max-width:740px;margin-bottom:28px}.csg-section-head p{margin-top:14px;color:var(--muted)}.csg-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0 0}.csg-note{padding:18px;background:var(--cream);border-left:3px solid var(--gold)}.csg-note strong{display:block;font-size:15px}.csg-note span{font-size:13px;color:var(--muted)}.csg-finder{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);border:1px solid var(--line);border-radius:6px;overflow:hidden}.csg-form{padding:30px}.csg-result{padding:30px;background:var(--cream);border-left:1px solid var(--line);align-self:stretch}.csg-result h3{font-size:24px}.csg-result .csg-result-size{font-size:40px;line-height:1.15;font-weight:700;margin-block:15px 8px}.csg-result-copy{font-size:14px;color:var(--muted);margin-top:12px!important}.csg-result-box{padding:18px;background:white;border:1px solid var(--line);border-radius:4px;margin-top:16px}.csg-result-box p{margin-top:8px;font-size:14px}.csg-result-box .csg-btn{margin-top:16px;width:100%;font-size:13px}.csg-result small{display:block;margin-top:12px;color:var(--muted)}.csg-field{margin-top:24px}.csg-field:first-child{margin-top:0}.csg-label,.csg-form legend{display:block;font-weight:600;font-size:15px;margin-bottom:10px}.csg-step{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border:1px solid var(--gold);font-size:12px;margin-right:7px;border-radius:50%}.csg-field-row{display:flex;gap:10px;align-items:stretch}.csg-input{width:100%;min-width:0;height:48px;padding:10px 13px;background:white;border:1px solid #9d9283;border-radius:3px;color:var(--ink)}.csg-units{display:flex;gap:0;flex-shrink:0}.csg-units button{color:var(--ink);padding:10px 13px;background:white;border:1px solid #9d9283;min-width:45px;cursor:pointer}.csg-units button+button{border-left:0}.csg-units button[aria-pressed=true]{background:var(--ink);color:white}.csg-help{font-size:12px;color:var(--muted);margin-top:8px!important}.csg-search{margin-block:10px}.csg-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.csg-product{display:flex;align-items:center;gap:10px;min-width:0;padding:9px;background:white;border:1px solid var(--line);border-radius:3px;text-align:left;cursor:pointer;font-size:12px!important;line-height:1.4}.csg-product:hover{border-color:#705d43;background:var(--cream)}.csg-product img{width:44px;height:44px;object-fit:contain;flex:0 0 44px}.csg-product strong{font-size:12px;font-weight:600}.csg-selected{display:flex;gap:14px;align-items:center;padding:12px;border:1px solid var(--gold);background:var(--cream);border-radius:4px}.csg-selected img{width:62px;height:62px;object-fit:contain;background:white}.csg-selected strong{display:block;font-size:14px;line-height:1.4}.csg-text-btn{padding:0;min-height:32px;background:none;border:0;text-decoration:underline;cursor:pointer;color:#705d43;font-size:13px!important}.csg-options{display:grid;gap:12px;margin-top:16px}.csg-options label{font-size:13px}.csg-options select{display:block;margin-top:5px}.csg-form fieldset{border:0;padding:0;margin:24px 0}.csg-fit{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.csg-fit label{display:flex;flex-direction:column;align-items:center;padding:12px 6px;border:1px solid var(--line);border-radius:3px;font-size:12px;cursor:pointer;text-align:center}.csg-fit label:has(input:checked){background:var(--cream);border-color:#705d43;box-shadow:inset 0 0 0 1px #705d43}.csg-fit input{accent-color:#705d43;margin:0 0 5px}.csg-fit small{font-size:11px;color:var(--muted)}.csg-form [type=submit]{width:100%;margin-top:24px}.csg-error{color:#8b3027;font-size:13px;margin-top:10px!important}.csg-form [aria-invalid=true]{border:2px solid #8b3027}.csg-measure-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.csg-measure-card{border:1px solid var(--line);border-radius:5px;overflow:hidden}.csg-measure-card img{width:100%;height:auto;max-height:280px;object-fit:contain;background:#faf8f4;display:block}.csg-measure-copy{padding:22px}.csg-measure-copy ol{list-style:decimal;padding-left:20px;margin:15px 0 0}.csg-measure-copy li{margin-top:8px;font-size:14px}.csg-callout{padding:18px 22px;border-left:4px solid var(--gold);background:var(--cream);margin-top:22px;font-size:14px}.csg-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.csg-guide-card{padding:23px;border:1px solid var(--line);border-radius:5px;background:#fff}.csg-guide-card p{font-size:14px;margin-top:12px;color:var(--muted)}.csg-guide-card a{display:inline-block;margin-top:18px;font-size:13px;font-weight:600}.csg-guide-card .csg-badge{display:inline-block;color:#705d43;font-size:11px;letter-spacing:.06em;margin-bottom:13px;font-weight:700}.csg-widths{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:34px;align-items:center}.csg-widths svg{width:100%;height:auto}.csg-widths p{font-size:14px;color:var(--muted);margin-top:12px}.csg-adjust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.csg-adjust-grid article{background:var(--cream);padding:24px;border-radius:5px}.csg-adjust-grid p{font-size:14px;color:var(--muted);margin-top:14px}.csg-adjust-grid a{display:inline-block;font-size:13px;font-weight:600;margin-top:16px}.csg-other{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:24px}.csg-other a{display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:18px;border:1px solid var(--line);border-radius:4px;text-decoration:none;font-weight:600}.csg-other span{font-size:12px;font-weight:400;color:var(--muted);margin-top:4px}.csg-faq{max-width:850px}.csg-faq details{border-bottom:1px solid var(--line)}.csg-faq summary{cursor:pointer;padding:20px 32px 20px 0;position:relative;font-weight:600;list-style:none;font-size:16px}.csg-faq summary::-webkit-details-marker{display:none}.csg-faq summary:after{content:'+';position:absolute;right:4px;top:20px;color:#705d43}.csg-faq details[open] summary:after{content:'−'}.csg-faq details p{padding:0 0 22px;font-size:15px;color:var(--muted)}.csg-support{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--cream);padding:30px;border-left:4px solid var(--gold);margin-top:36px}.csg-support p{margin-top:10px;color:var(--muted);max-width:680px;font-size:14px}.csg-support .csg-btn{flex-shrink:0}.template-page:has(.csg) .breadcrumbs-container{display:none}.csg-noscript{padding:20px;background:var(--cream);margin-bottom:22px}.csg-status{min-height:20px}.csg-mini-chart{width:100%;border-collapse:collapse;font-size:13px;margin-top:16px}.csg-mini-chart th,.csg-mini-chart td{padding:9px;text-align:left;border-bottom:1px solid var(--line)}.csg-below{font-size:13px;color:var(--muted);margin-top:18px!important}
@media(max-width:939.98px){.csg-hero-grid{gap:28px}.csg-hero-art{padding:16px}.csg-guide-grid{grid-template-columns:repeat(2,1fr)}.csg-finder{grid-template-columns:1fr}.csg-result{border-left:0;border-top:1px solid var(--line)}.csg-adjust-grid{grid-template-columns:1fr}.csg-adjust-grid article{padding:22px}.csg-widths{grid-template-columns:1fr;gap:20px}}
@media(max-width:599px){.csg .csg-wrap{width:calc(100% - 36px)}.csg-hero{padding-block:20px 30px}.csg-crumb{margin-bottom:24px}.csg-hero-grid{grid-template-columns:1fr;gap:26px}.csg h1{font-size:39px}.csg-intro{font-size:16px}.csg-hero-art{display:none}.csg-actions{gap:10px}.csg-actions .csg-btn{font-size:13px;padding-inline:15px}.csg-jumps{gap:10px 18px;font-size:12px;padding-block:14px}.csg-section{padding-block:36px}.csg-section-head{margin-bottom:22px}.csg-notes{gap:7px}.csg-note{padding:12px 9px;border-left-width:2px}.csg-note strong{font-size:12px}.csg-note span{font-size:11px;line-height:1.4;display:block;margin-top:4px}.csg-form,.csg-result{padding:20px}.csg-measure-grid{grid-template-columns:1fr;gap:16px}.csg-measure-card img{max-height:240px}.csg-measure-copy{padding:18px}.csg-guide-grid{grid-template-columns:1fr}.csg-guide-card{padding:21px}.csg-other{grid-template-columns:repeat(2,1fr);gap:10px}.csg-other a{min-height:92px;font-size:14px}.csg-support{display:block;padding:22px}.csg-support .csg-btn{margin-top:22px;width:100%}.csg-fit label{font-size:11px}.csg-products{grid-template-columns:1fr 1fr}.csg-product{display:block;padding:10px}.csg-product img{width:44px;height:44px;margin-bottom:6px}.csg-product strong{display:block;font-size:11px}.csg-result .csg-result-size{font-size:35px}}
@media(prefers-reduced-motion:reduce){.csg *{scroll-behavior:auto!important}}
.csg .csg-hero-photo{display:block;width:100%;height:auto;border-radius:4px}.csg .csg-hero-art{padding:12px 12px 18px}.csg .csg-hero-art figcaption{padding:0 10px}.csg .csg-slider{margin-top:14px}.csg [type=range]{width:100%;height:32px;min-height:32px;cursor:pointer;accent-color:#705d43;padding:0;background:transparent}.csg .csg-slider-scale{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.csg .csg-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.csg .csg-warning{margin-top:12px!important;padding:10px 12px;border-left:3px solid #a16d22;background:#fff5e4;color:#704715;font-size:13px;line-height:1.5}.csg .csg-fit-ok{font-size:12px;color:#365c3c;margin-top:10px}.csg .csg-result-role{font-weight:700;font-size:12px;color:#705d43}.csg .csg-result-range{font-weight:700;font-size:27px;line-height:1.2;margin-block:15px}.csg .csg-clasp-card{display:flex;align-items:flex-start;gap:14px;margin-top:20px;padding:16px;border:1px solid #baa27d;background:#fff;border-radius:4px}.csg .csg-clasp-card img{width:76px;height:76px;object-fit:contain;flex:0 0 76px}.csg .csg-clasp-card strong{font-size:14px;line-height:1.4;display:block}.csg .csg-clasp-card p{font-size:12px}.csg .csg-clasp-card a{display:inline-block;margin-top:12px}.csg .csg-widths{display:block}.csg .csg-width-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.csg .csg-width-photo-grid figure{margin:0;min-width:0}.csg .csg-width-photo{position:relative;aspect-ratio:2.2;background:var(--cream);overflow:hidden;border-radius:5px}.csg .csg-width-photo img{position:absolute;width:190%;max-width:none;height:auto;left:50%;top:50%;transform:translate(-50%,-68%);mix-blend-mode:multiply}.csg .csg-width-photo-grid figcaption{margin-top:10px;font-weight:600;font-size:14px}.csg .csg-measure-card img{height:280px;object-fit:cover;max-height:none}.csg .csg-result-box{scroll-margin-top:110px}
@media(max-width:599px){.csg .csg-hero-art{display:block;margin:4px 0 8px;box-shadow:5px 5px 0 #e8dfd1}.csg .csg-hero-photo{height:190px;object-fit:cover;object-position:center 65%}.csg .csg-hero-art figcaption{font-size:12px}.csg .csg-width-photo-grid{gap:10px}.csg .csg-width-photo{aspect-ratio:1.6}.csg .csg-width-photo-grid figcaption{font-size:12px}.csg .csg-clasp-card{gap:10px;padding:13px}.csg .csg-clasp-card img{width:60px;height:60px;flex-basis:60px}.csg .csg-measure-card img{height:auto;max-height:none;object-fit:contain}}

.csg .csg-width-photo img{width:calc(100% * var(--csg-link-scale,1.7));transform:translate(-50%,calc(-1 * var(--csg-link-y,68%)))}.csg .csg-result-box .csg-warning{font-size:13px}.csg .csg-measure-card img{object-fit:contain;background:#f8f6f1}.csg .csg-clasp-card>div{min-width:0}.csg .csg-result{overflow-wrap:anywhere}

.csg button.csg-text-btn{border:0;background:transparent;box-shadow:none;padding:0}.csg .csg-measure-copy li{display:list-item;list-style:decimal}

.csg .csg-result-box--primary{border-color:var(--gold);border-top:4px solid var(--gold);padding:22px;background:#fff}.csg .csg-result-box--primary .csg-result-size{font-size:46px;margin:10px 0 8px}.csg .csg-result-box--primary .csg-result-role{font-size:11px;letter-spacing:.03em}.csg .csg-result-box--alternative{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px;background:transparent}.csg .csg-result-box--alternative .csg-result-size{font-size:25px;margin:6px 0}.csg .csg-result-box--alternative .csg-result-role{font-size:11px}.csg .csg-result-box--alternative .csg-btn{width:auto;max-width:145px;min-height:42px;font-size:12px;padding:10px 12px;margin:0}.csg .csg-result-box--alternative .csg-warning{font-size:12px;padding:7px 9px}.csg .csg-result-box--alternative .csg-result-copy{font-size:12px;margin-top:6px!important}.csg .csg-result .csg-result-copy{line-height:1.5}.csg .csg-clasp-card .csg-result-copy{margin-top:7px!important}.csg .csg-clasp-card{background:#fff;margin-top:16px}.csg .csg-clasp-card img{width:64px;height:64px;flex-basis:64px}.csg .csg-result h3{font-size:23px}.csg .csg-result>.csg-below{font-size:12px;line-height:1.5}
@media(max-width:599px){.csg .csg-result-box--primary{padding:18px}.csg .csg-result-box--primary .csg-result-size{font-size:40px}.csg .csg-result-box--alternative{gap:9px;padding:13px}.csg .csg-result-box--alternative .csg-btn{max-width:108px}.csg .csg-clasp-card img{width:52px;height:52px;flex-basis:52px}}


.csg-category-jumps{display:flex;flex-wrap:wrap;align-items:center;gap:0 18px;margin-top:18px;font-size:12px;line-height:1.5}
.csg-category-jumps>span{flex:0 0 100%;font-weight:600;color:var(--muted)}
.csg-category-jumps a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.csg-category-jumps a:hover{color:var(--gold)}
.csg-category-jumps a:focus-visible,.csg-width-collection:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.csg .csg-other .csg-guide-thumbnail{display:block;width:64px;height:64px;max-width:100%;object-fit:contain;object-position:center;background:#fff;border-radius:3px;margin:0 0 12px}
.csg-other a[id]{scroll-margin-top:110px}
.csg-width-photo-grid .csg-width-collection{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;color:inherit;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.csg-width-photo-grid .csg-width-collection:hover{color:var(--gold)}
.csg-width-collection span{font-size:12px;font-weight:400}
