.fr-proportions-sample{width:100%;max-width:460px;margin:0}.fr-proportions-sample>figure{max-width:300px;margin:0 auto}.fr-proportions-sample-photo{border-radius:10px;position:relative;overflow:hidden}.fr-proportions-sample-photo>svg{fill:none;stroke:oklch(97% .025 145);stroke-width:3px;filter:drop-shadow(0 1px 2px oklch(24% .035 155));width:100%;height:100%;position:absolute;inset:0}.fr-proportions-sample-photo .fr-proportions-reference{stroke-dasharray:10 8;stroke-width:2px}.fr-proportions-sample-photo circle{fill:oklch(97% .025 145);stroke:none}.fr-proportions-sample figcaption{color:var(--fr-muted);margin-top:9px;font-size:12px;line-height:1.6}.fr-proportions-sample-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.fr-proportions-sample-options button{border:1px solid var(--fr-line);min-width:0;min-height:44px;color:var(--fr-muted);text-align:left;background:0 0;border-radius:5px;padding:10px 12px;font-size:13px;line-height:1.45}.fr-proportions-sample-options button:hover{background:var(--fr-soft)}.fr-proportions-sample-options button[aria-pressed=true]{border-color:var(--fr-accent);background:var(--fr-tint);color:var(--fr-text)}.fr-proportions-sample-reading{border-top:1px solid var(--fr-line);margin-top:20px;padding-top:16px}.fr-proportions-sample-reading>div{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.fr-proportions-sample-reading span{color:var(--fr-muted);font-size:13px}.fr-proportions-sample-reading strong{color:var(--fr-text);font-variant-numeric:tabular-nums;font-size:24px;font-weight:500;line-height:1.25}.fr-app .fr-proportions-sample-reading p{color:var(--fr-muted);margin-top:10px;font-size:14px;line-height:1.8}.fr-app .fr-proportions-sample-note{color:var(--fr-muted);margin-top:14px;font-size:12px;line-height:1.75}.fr-proportions-page .fr-guide-hero{align-items:start}.fr-proportions-page .fr-guide-intro{padding-top:48px}.fr-proportions-page .fr-guide-intro h1{max-width:100%}.fr-proportions-index{border-block:1px solid var(--fr-line);flex-wrap:wrap;gap:12px 26px;margin-top:42px;padding-block:20px;display:flex}.fr-proportions-index a{min-height:44px;color:var(--fr-accent);align-items:center;gap:10px;font-size:14px;display:inline-flex}.fr-proportions-index span{color:var(--fr-muted);font-size:11px}.fr-proportions-measurements{margin-top:36px}.fr-proportions-measurement{border-top:1px solid var(--fr-line);grid-template-columns:minmax(0,.4fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);padding-block:36px;scroll-margin-top:100px;display:grid}.fr-proportions-measurement h2{margin-top:10px;font-size:clamp(25px,2.5vw,32px)}.fr-proportions-example-value{margin-top:20px}.fr-proportions-example-value>span{color:var(--fr-muted);font-size:12px;display:block}.fr-proportions-example-value strong{font-variant-numeric:tabular-nums;margin-top:4px;font-size:24px;font-weight:500;display:block}.fr-proportions-example-value small{margin-left:5px;font-size:14px}.fr-proportions-measurement-body p{max-width:70ch;color:var(--fr-muted);font-size:15px;line-height:1.85}.fr-proportions-measurement-body p+p{margin-top:18px}.fr-proportions-formula{background:var(--fr-tint);border-radius:6px;padding:18px 22px}.fr-proportions-formula strong{color:var(--fr-text);margin-bottom:6px;font-size:13px;font-weight:600;display:block}@media (width<=760px){.fr-proportions-page .fr-guide-intro{padding-top:0}.fr-proportions-measurement{grid-template-columns:1fr;gap:20px}}