/* Guia de medidas (body-guide.js): painel ao lado do formulario no desktop; recolhivel abaixo no mobile. */
.meas-layout{display:grid;gap:14px;min-width:0}
.bg-toggle{justify-self:start}
.bg-panel{display:none;min-width:0;padding:14px;border:1px solid #ffffff1c;border-radius:14px;background:#0f1816;gap:10px;align-content:start}
.bg-panel.is-open{display:grid}
.bg-panel h5{margin:0;font-size:14px;color:var(--ink)}
.bg-svg{width:100%;max-width:380px;height:auto;justify-self:center}
.bg-body path,.bg-body ellipse,.bg-body rect{fill:#ffffff12;stroke:#ffffff55;stroke-width:1.5;stroke-linejoin:round}
.bg-body .bg-limb-edge{fill:none;stroke:#ffffff55;stroke-width:17;stroke-linecap:round}
.bg-body .bg-limb-fill{fill:none;stroke:#18221f;stroke-width:14.5;stroke-linecap:round}
.bg-line{stroke:var(--lime);stroke-width:1.5;stroke-dasharray:4 3;opacity:.8}
.bg-tick{stroke-dasharray:none;stroke-width:2.5}
.bg-dot{fill:#0c1413;stroke:var(--lime);stroke-width:2}
.bg-num{fill:var(--lime);font-size:13px;font-weight:800}
.bg-label{fill:var(--ink);font-size:13px;font-weight:600}
.bg-m{cursor:pointer}
.bg-m.is-on .bg-dot{fill:var(--lime);stroke:#fff;stroke-width:3;r:14}
.bg-m.is-on .bg-num{fill:#14200f}
.bg-m.is-on .bg-line{stroke-dasharray:none;stroke-width:3;opacity:1;stroke:#fff}
.bg-m.is-on .bg-tick{stroke:var(--lime);stroke-width:4}
.bg-m.is-on .bg-label{font-weight:800;text-decoration:underline;text-underline-offset:3px}
.bg-hint{text-align:center}
.bg-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.bg-item{display:grid;gap:2px;padding:6px 8px;border-radius:10px;border:1px solid transparent;border-left:4px solid #ffffff22}
.bg-item p{margin:0;padding-left:34px;color:var(--muted);font-size:12px;line-height:1.45}
.bg-item.is-on{border-color:var(--lime);border-left-color:var(--lime);background:#ffffff0d}
.bg-item-btn{display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 6px;background:transparent;border:0;color:var(--ink);font:inherit;font-size:13px;text-align:left}
.bg-badge{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--lime);color:#14200f;font-weight:800;font-size:12px;flex:none}
.bg-item-btn:focus-visible,.bg-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px #5fffd055}
.bg-nopos{border-top:1px solid #ffffff1a;padding-top:8px}
.meas-field.guide-on span{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
@media (min-width:1000px){
  .meas-layout{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start}
  .bg-toggle{display:none}
  .bg-panel,.bg-panel.is-open{display:grid;position:sticky;top:12px;grid-column:2;grid-row:1 / span 2}
  .meas-layout>form,.meas-layout>.meas-form{grid-column:1}
}
@media (prefers-reduced-motion:no-preference){.bg-dot,.bg-line{transition:stroke-width .15s,fill .15s}}
/* Coluna estreita da pagina Conta: guia sempre abaixo do formulario, recolhivel. */
#account .meas-layout{grid-template-columns:minmax(0,1fr)}#account .bg-toggle{display:inline-flex}#account .bg-panel{display:none;position:static;grid-column:auto;grid-row:auto}#account .bg-panel.is-open{display:grid}#account .meas-layout>form,#account .meas-layout>.meas-form{grid-column:auto}