.joint-chart{--chart-blue:#32668e;--chart-red:#b44e36;width:100%;max-width:30rem;margin:1.5rem 0}.joint-chart-panel{border:1px solid var(--border);background:#fff;border-radius:.25rem;padding:1.25rem 1rem 1rem}.joint-chart-labels{font-size:var(--size-body);justify-content:space-between;gap:.75rem;margin-bottom:.5rem;font-weight:600;line-height:1.4;display:flex}.joint-chart-label-collagen{color:var(--chart-blue)}.joint-chart-label-problems{color:var(--chart-red)}.joint-chart-plot{width:100%;position:relative}.joint-chart svg{width:100%;height:auto;display:block}.joint-chart-axis{fill:none;stroke:#aeb7bf;stroke-width:1px;vector-effect:non-scaling-stroke}.joint-chart-guide{fill:none;stroke:#adb5bd;stroke-width:1px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.joint-chart-curve{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.joint-chart-collagen{stroke:var(--chart-blue)}.joint-chart-problems{stroke:var(--chart-red)}.joint-chart-intersection{fill:#fff;stroke:var(--heading);stroke-width:1.5px;vector-effect:non-scaling-stroke}.joint-chart-young,.joint-chart-old{font-size:var(--size-small);color:var(--muted);line-height:1.4;position:absolute;top:87%}.joint-chart-young{left:2%}.joint-chart-old{right:2%}.joint-chart-age-row{height:2rem;margin-top:.375rem;position:relative}.joint-chart-age{background:var(--surface);color:var(--heading);font-size:var(--size-small);white-space:nowrap;border-radius:.25rem;padding:.25rem .5rem;font-weight:600;line-height:1.5;position:absolute;left:68.75%;transform:translate(-50%)}.joint-chart-axis-label{font-size:var(--size-small);color:var(--muted);white-space:nowrap;background:#fff;padding-inline:.25rem;line-height:1.4;position:absolute;top:87%;left:50%;transform:translate(-50%)}@media (width<=40rem){.joint-chart-panel{padding:1rem .75rem}.joint-chart-labels{font-size:var(--size-small)}}.form-comparison{width:100%;margin:1.75rem 0}.form-comparison-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.625rem;margin:0;padding:0;list-style:none;display:grid}.form-comparison-card{color:#854b47;text-align:center;background:#faf1f0;border:1px solid #ddbfbc;border-radius:.25rem;flex-direction:column;align-items:center;min-width:0;padding:.75rem .625rem;display:flex}.form-comparison-title{color:var(--heading);font-size:var(--size-body);font-weight:600;line-height:1.5}.form-comparison-image{object-fit:contain;flex:none;width:7rem;max-width:100%;height:4.5rem;margin:.375rem 0;display:block}.form-comparison-note{width:100%;min-height:2.8em;font-size:var(--size-small);font-weight:400;line-height:1.4;display:block}.form-comparison-note>svg{vertical-align:-.25em;width:1.25rem;height:1.25rem;margin-right:.25rem;display:inline-block}.form-comparison-note>span{min-width:0}.form-comparison-verdict{color:#a6423f;place-items:center;width:2rem;height:2rem;margin-top:.25rem;display:grid}.form-comparison-verdict>svg{width:2rem;height:2rem}.form-comparison-card-positive{color:#285942;background:#f0f6f3;border-color:#a2bdb0}.form-comparison-card-positive .form-comparison-title,.form-comparison-verdict-positive{color:#285942}@media (width<=40rem){.form-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}.form-comparison-card{padding:.625rem .5rem}}.quality-list{gap:.75rem;margin-top:1.75rem;display:grid}.quality-item{border:1px solid var(--border);background:#fff;border-radius:.25rem}.quality-item summary{background:var(--surface);min-height:4.5rem;color:var(--heading);cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:.875rem;padding:1.125rem 1.25rem;list-style:none;display:flex}.quality-item summary::-webkit-details-marker{display:none}.quality-number{color:var(--muted);font-size:var(--size-small);font-variant-numeric:tabular-nums;flex:none;font-weight:500}.quality-question{min-width:0;font-size:var(--size-subheading);flex:1;line-height:1.4}.quality-question strong{font-weight:600}.quality-toggle{flex:none;width:1.25rem;height:1.25rem;position:relative}.quality-toggle:before,.quality-toggle:after{content:"";background:currentColor;width:.875rem;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quality-toggle:after{transition:transform var(--motion);transform:translate(-50%,-50%)rotate(90deg)}.quality-item[open] .quality-toggle:after,.quality-item[data-expanded=true] .quality-toggle:after{transform:translate(-50%,-50%)rotate(0)}.quality-item[data-expanded=false] .quality-toggle:after{transform:translate(-50%,-50%)rotate(90deg)}.quality-body{padding:1.25rem}@media (width<=40rem){.quality-item summary{gap:.625rem;padding:1rem}.quality-question{font-size:var(--size-reading)}.quality-body{padding:1rem}}@media (prefers-reduced-motion:reduce){.quality-toggle:after{transition:none}}