@font-face{font-family:Montserrat;src:url('/assets/fonts/montserrat-latin-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
.vc-chart-video{width:100%;text-align:start}.vc-chart-video video{display:block;width:min(100%,340px);height:auto;aspect-ratio:9/16;margin:12px auto 20px;border-radius:12px;background:#f4f1eb}.vc-chart-video p{font-size:12px;line-height:1.7;color:#504a43}.vc-chart-video small{display:block;font-size:10px;line-height:1.6;color:#6a6258}.vc-chart-video a{display:inline-block;font-size:11px;text-decoration:underline;padding:12px 0;color:inherit}
.guide-page{margin:0;background:#f4f1eb;color:#272722;font:14px/1.75 Montserrat,sans-serif}.guide-page *{box-sizing:border-box}.guide-page a{color:inherit}.guide-page header{max-width:1240px;margin:auto;padding:28px 32px;display:flex;gap:24px;align-items:center;justify-content:space-between;border-bottom:1px solid #d6cec2}.guide-brand{text-decoration:none;font-size:13px;font-weight:650;letter-spacing:.17em}.guide-page header nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px}.guide-page header nav a{padding:5px;text-decoration:none}.guide-page header nav a[aria-current=page]{border-bottom:1px solid #6f3943}
.guide-layout{max-width:1160px;margin:auto;padding:64px 32px 90px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:88px;align-items:start}.guide-copy{padding-top:18px}.guide-eyebrow{font-size:10px;letter-spacing:.2em;color:#873c48}.guide-page h1{font-size:clamp(32px,3.4vw,48px);line-height:1.15;font-weight:450;letter-spacing:-.025em;margin:18px 0 26px;max-width:520px}.guide-lead{font-size:16px;color:#5a554c;line-height:1.8}.guide-copy h2{font-size:16px;font-weight:550;margin:36px 0 16px}.guide-rule{width:42px;height:2px;background:#873c48;margin:32px 0 20px}.guide-copy ol{padding-inline-start:20px;color:#61594e;font-size:13px}.guide-copy li{padding-inline-start:8px;margin:0 0 18px}.guide-body-note{font-size:15px;font-weight:550;line-height:1.6}.guide-caption-note{font-size:11px;color:#6c6257;border-top:1px solid #d6cec2;padding-top:18px;margin-top:26px}
.guide-player{position:sticky;top:24px;max-width:430px;width:100%}.guide-player label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;display:block;font-weight:600;margin-bottom:8px}.guide-player h2{font-size:13px;font-weight:500;margin:15px 0 12px}.guide-player video{display:block;width:100%;max-height:65dvh;object-fit:contain;aspect-ratio:9/16;border-radius:10px;background:#ebe7de}.guide-page button{font:500 12px Montserrat,sans-serif;cursor:pointer}.guide-share{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}.guide-share button{padding:12px 16px;border:1px solid #bfb2a0;border-radius:24px;background:transparent;color:#3c352c;min-height:44px}.guide-share output{font-size:11px;color:#6c6257}.guide-direct{font-size:10px;display:block;margin-top:8px;word-break:break-all;color:#70665a!important}.guide-error{color:#853e44;font-size:12px}.guide-page footer{max-width:1160px;margin:auto;padding:25px 32px;border-top:1px solid #d6cec2;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#6c6257}.guide-page :focus-visible,.vc-chart-video :focus-visible{outline:2px solid #873c48;outline-offset:4px}
@media(min-width:1400px){.guide-layout{padding-top:76px}}
@media(max-width:800px){.guide-layout{gap:36px;padding:35px 24px 60px;grid-template-columns:minmax(0,1fr) minmax(270px,1fr)}.guide-page header{padding:24px}.guide-player{top:16px}}
@media(max-width:620px){.guide-page header{align-items:flex-start;flex-direction:column;gap:12px}.guide-layout{display:flex;flex-direction:column;gap:30px;padding-top:28px}.guide-copy{display:contents}.guide-copy h1{order:0;margin:0}.guide-eyebrow{order:-1}.guide-lead{order:1;margin:0}.guide-player{position:static;align-self:center;order:2}.guide-instructions{order:3}.guide-caption-note{order:4}.guide-player video{max-height:72dvh}.guide-page footer{padding:24px}.guide-rule{margin-top:8px}}

/* Direct model selection: six visible choices, native keyboard/radio semantics. */
.guide-model-selector{border:0;padding:0;margin:0 0 20px;min-width:0}
.guide-model-selector>legend{padding:0;margin:0 0 12px;font-size:10px;font-weight:600;line-height:1.6;letter-spacing:.12em;text-transform:uppercase}
.guide-model-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.guide-model-group{min-width:0;padding:10px 7px 7px;border:1px solid #d6cec2;border-radius:12px;background:rgba(255,255,255,.2)}
.guide-model-category{display:flex;align-items:center;justify-content:center;min-height:32px;margin:0 0 8px;font-size:10px;font-weight:550;line-height:1.45;text-align:center;color:#645b50}
.guide-model-choice{position:relative}
.guide-model-input{position:absolute;inset-inline-start:50%;top:50%;width:1px;height:1px;margin:0;opacity:0}
.guide-player .guide-model-label{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;margin:0;padding:9px 5px;border:1px solid transparent;border-radius:7px;color:#62594d;font-size:11px;font-weight:500;line-height:1.35;letter-spacing:0;text-transform:none;cursor:pointer;transition:background .16s,color .16s,border-color .16s}
.guide-model-label::before{content:'';width:4px;height:4px;flex:0 0 4px;border-radius:50%;background:currentColor;opacity:0}
.guide-model-input:checked+.guide-model-label{background:#293b34;color:#faf7f0;border-color:#293b34}
.guide-model-input:checked+.guide-model-label::before{opacity:1}
.guide-model-input:focus-visible+.guide-model-label{outline:2px solid #873c48;outline-offset:3px}
@media(hover:hover){.guide-model-input:not(:checked)+.guide-model-label:hover{background:#e9e3d9;color:#302b25}}
@media(prefers-reduced-motion:reduce){.guide-model-label{transition:none}}
@media(max-width:370px){.guide-model-options{gap:6px}.guide-model-group{padding:8px 4px 5px}.guide-player .guide-model-label{font-size:10px;gap:4px}.guide-model-category{font-size:9px}}

/* Size-chart modal: a composed video column and one coherent information flow. */
.vc-chart-layout{display:grid;grid-template-columns:minmax(210px,260px) minmax(0,1fr);grid-template-areas:"film instructions" "film data";gap:24px 36px;align-items:start;width:100%;color:#272722;text-align:start}
.vc-chart-instructions{grid-area:instructions;min-width:0}
.vc-chart-instructions .vc-measure-heading{display:block;grid-template-columns:none;margin:0}
.vc-chart-instructions .vc-measure-heading>span{display:block;margin:0 0 10px;font-size:9px;font-weight:600;letter-spacing:.16em;color:#776b5f}
.vc-chart-instructions .vc-measure-heading h3{margin:0 0 12px;font-size:23px;font-weight:500;line-height:1.3;letter-spacing:-.015em;text-transform:none;color:#262823}
.vc-chart-instructions .vc-measure-heading p{max-width:none;margin:0;font-size:13px!important;line-height:1.8!important;color:#504a43!important}
.vc-chart-observation{margin:18px 0 0;padding:15px 18px;border-inline-start:2px solid #8d5961;background:#ece8e0}
.vc-chart-note-label{display:block;margin:0 0 5px;font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#5e4b43}
.vc-chart-observation p{margin:0;font-size:12px;line-height:1.75;color:#504a43}
.vc-chart-film{grid-area:film;align-self:start;display:flex;flex-direction:column;align-items:center;min-width:0;width:100%;margin:0;padding:0;text-align:center}
.vc-chart-film video{display:block;width:100%;max-height:470px;aspect-ratio:9/16;object-fit:contain;border-radius:12px;background:#ebe7de}
.vc-chart-film figcaption{margin:12px 0 0;font-size:10px;line-height:1.7;color:#6c6257}
.vc-chart-film a{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:9px;padding:10px 16px;border:1px solid #c9beb0;border-radius:6px;color:#51483e;font-size:11px;font-weight:500;text-decoration:none;line-height:1.5}
.vc-chart-film a:hover{background:#e9e3d9;border-color:#a99b89}
.vc-chart-film a:focus-visible{outline:2px solid #873c48;outline-offset:3px}
.vc-chart-error{font-size:12px;line-height:1.6;color:#853e44}
.vc-chart-data{grid-area:data;min-width:0;width:100%}
.vc-chart-data .vc-size-chart-intro{display:block;margin:0 0 14px;padding:0;border:0;background:none}
.vc-chart-data .vc-size-chart-intro span{display:block;margin:0 0 6px;font-size:9px;font-weight:600;letter-spacing:.14em;color:#776b5f}
.vc-chart-data .vc-size-chart-intro strong{display:block;font-size:13px;font-weight:500;line-height:1.65;color:#393b34}
.vc-chart-table-scroll{max-width:100%;overflow-x:auto;border:1px solid #ded8ce;border-radius:10px;background:#fff}
.vc-chart-data .vc-size-chart{min-width:530px;width:100%;border-spacing:0}
.vc-chart-data .vc-size-chart th{padding:13px 12px;background:#293b34;color:#faf7f0;font-size:9px;font-weight:600;letter-spacing:.08em;text-align:center}
.vc-chart-data .vc-size-chart td{padding:11px 12px;font-size:12px;font-weight:400;color:#514c43;text-align:center}
.vc-chart-data .vc-size-chart th:first-child,.vc-chart-data .vc-size-chart td:first-child{text-align:start}
.vc-chart-data .vc-size-chart td:first-child{font-weight:500;color:#30352e}
.vc-chart-data .vc-size-chart tbody tr:last-child td{border-bottom:0}
@media(max-width:900px){.vc-chart-layout{grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:22px}.vc-chart-instructions .vc-measure-heading h3{font-size:20px}.vc-chart-data .vc-size-chart{min-width:490px}}
@media(max-width:700px){
 #guide-modal-content.vc-video-chart{padding:20px 16px!important}
 .vc-chart-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"instructions" "film" "data";gap:26px}
 .vc-chart-instructions .vc-measure-heading h3{font-size:21px}
 .vc-chart-instructions .vc-measure-heading p{font-size:12px!important}
 .vc-chart-film video{width:auto;max-width:100%;height:min(440px,56svh);max-height:440px}
 .vc-chart-film figcaption{max-width:320px}
 .vc-chart-observation{padding:13px 15px}
 .vc-chart-data .vc-size-chart td{padding:11px 10px}
}

/* Keep the desktop chart readable within the modal without oversized rows. */
#guide-modal>.vc-video-chart-shell{max-height:92dvh!important}
#guide-modal>.vc-video-chart-shell>div:first-child{padding:20px 28px!important}
#guide-modal-content.vc-video-chart{padding:24px!important;max-height:calc(92dvh - 72px)!important}
.vc-chart-film video{max-height:430px}
.vc-chart-data .vc-size-chart th{padding:10px 12px;line-height:1.6}
.vc-chart-data .vc-size-chart td{padding:6px 12px;line-height:1.5}
@media(max-width:700px){#guide-modal>.vc-video-chart-shell>div:first-child{padding:18px!important}#guide-modal-content.vc-video-chart{padding:20px 16px!important;max-height:calc(92dvh - 68px)!important}.vc-chart-data .vc-size-chart td{padding:9px 10px}.vc-chart-film video{max-height:440px}}

#guide-modal>.vc-video-chart-shell>div:first-child{padding:14px 28px!important}
#guide-modal>.vc-video-chart-shell>div:first-child button{min-width:44px;min-height:44px;display:grid;place-items:center}
@media(max-width:700px){#guide-modal>.vc-video-chart-shell>div:first-child{padding:18px!important}#guide-modal-content.vc-video-chart{max-height:calc(92dvh - 80px)!important}}

/* Fit all five sizes in mobile without shrinking or hiding measurements. */
@media(max-width:700px){
 .vc-chart-data .vc-size-chart{min-width:0;width:100%;table-layout:fixed}
 .vc-chart-data .vc-size-chart th,.vc-chart-data .vc-size-chart td{padding-inline:3px}
 .vc-chart-data .vc-size-chart th{font-size:9px;letter-spacing:0;line-height:1.45;white-space:normal;overflow-wrap:normal}
 .vc-chart-data .vc-size-chart th:first-child,.vc-chart-data .vc-size-chart td:first-child{width:34%;padding-inline:7px;white-space:normal;overflow-wrap:break-word}
 .vc-chart-data .vc-size-chart td:not(:first-child){white-space:nowrap}
}