/* measurements page — women/men checklists (loaded only by /measurements/) */

.m-tips {
  border: 1px solid var(--line);
  border-radius: 0.9rem;
  padding: 1.2rem 1.4rem;
  margin: 2rem 0 2.6rem;
  background: rgba(212, 165, 87, 0.05);
}
.m-tips h2 { font-size: 1.05rem; margin: 0 0 0.7rem; color: var(--gold-text); }
.m-tips ul { margin: 0; padding-left: 1.1rem; }
.m-tips li { font-size: 0.92rem; line-height: 1.55; margin-bottom: 0.35rem; }

.m-block { margin-bottom: 3rem; }
.m-block-alt { padding-top: 1.4rem; border-top: 1px solid var(--line); }
.m-block h2 { font-size: 1.35rem; margin: 0 0 1.2rem; }

.m-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 0.55rem; }
.m-list li {
  display: flex;
  gap: 0.9rem;
  align-items: flex-start;
  border: 1px solid var(--line);
  border-radius: 0.75rem;
  padding: 0.8rem 1rem;
}
.m-num {
  flex: 0 0 auto;
  width: 1.9rem; height: 1.9rem;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--gold);
  color: var(--gold-text);
  font-family: var(--sans);
  font-size: 0.85rem;
  font-weight: 600;
  margin-top: 0.1rem;
}
.m-list h3 { font-size: 1rem; margin: 0 0 0.15rem; }
.m-list p { font-size: 0.88rem; margin: 0; line-height: 1.5; opacity: 0.85; }

.m-cta { margin-top: 1.4rem; text-align: center; }
.m-hint { font-size: 0.75rem; letter-spacing: 0.05em; margin-top: 0.5rem; opacity: 0.7; }

/* rise diagram */
.m-fig { margin: 0.9rem 0 0.2rem; text-align: center; }
.m-fig svg { max-width: 300px; width: 100%; height: auto; }
.m-fig figcaption { font-size: 0.75rem; opacity: 0.75; margin-top: 0.3rem; }
.fig-body { stroke: var(--gold); stroke-width: 2.5; fill: none; stroke-linecap: round; }
.fig-thin { stroke-width: 1.6; opacity: 0.55; }
.fig-dot { fill: var(--gold-text); }
.fig-tape { stroke: var(--green); stroke-width: 2.5; fill: none; stroke-dasharray: 6 5; stroke-linecap: round; }
.fig-lbl { font-family: var(--sans); font-size: 13px; fill: var(--gold-text); }
.fig-dim { fill: currentColor; opacity: 0.6; }

@media (min-width: 860px) {
  .m-list { grid-template-columns: 1fr 1fr; gap: 0.7rem; }
}