.area-page-label { display:flex; gap:12px; align-items:center; }
.fine-motor-page .development-hero h1 { font-size:clamp(36px,4.3vw,52px); }
.area-definition { background:var(--area-hands-bg, #fcf6e4); border-left:4px solid var(--amber); padding:22px 24px; border-radius:0 16px 16px 0; }
.area-observations { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:0; }
.area-observations > div { background:#fcf6e4; padding:24px; border-radius:18px; }
.area-observations dt { font-size:18px; font-weight:700; line-height:1.4; margin-bottom:12px; }
.area-observations dd { margin:0; font-size:16px; line-height:1.7; }
.area-reading-width { max-width:760px; }
.area-observation-context { margin-top:32px; }
.area-activity-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.area-activity { padding:32px; border:1px solid var(--border); border-radius:24px; display:flex; flex-direction:column; scroll-margin-top:24px; }
.area-activity:nth-child(1), .area-activity:nth-child(4) { background:var(--cream); }
.area-activity h3 { font-size:26px; line-height:1.25; margin:18px 0 22px; }
.area-activity-number { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:#fcf6e4; color:var(--forest); font-weight:700; font-size:14px; }
.area-activity .development-prose { font-size:16px; }
.area-activity-source { margin:24px 0 0; padding-top:18px; border-top:1px solid var(--border); font-size:13px; color:var(--muted); }
.area-activity-next { display:flex; flex-wrap:wrap; gap:22px 28px; align-items:center; margin-top:28px; }
.area-toys { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:48px; align-items:center; }
.area-toys h2 { margin-bottom:24px; }
.area-toy-image { display:block; padding:20px; background:var(--cream); border-radius:24px; text-decoration:none; }
.area-toy-image img { width:100%; height:auto; border-radius:14px; }
.area-toy-image > span { display:inline-block; margin-top:18px; }
.area-concern { max-width:760px; font-size:14px; line-height:1.75; margin:0 0 40px; color:var(--muted); }
.area-concern a { color:var(--forest); }
.fine-motor-page .button { white-space:normal; text-align:center; line-height:1.5; max-width:100%; }
@media(max-width:950px) { .area-observations { grid-template-columns:repeat(2,minmax(0,1fr)); } .area-toys { gap:28px; } }
@media(max-width:650px) {
 .area-observations, .area-activity-grid, .area-toys { grid-template-columns:minmax(0,1fr); }
 .area-definition { padding:18px; }
 .area-observations > div { padding:22px; }
 .area-activity { padding:24px; }
 .area-activity h3 { font-size:24px; }
 .area-activity-next { align-items:stretch; flex-direction:column; }
 .fine-motor-page .development-actions { align-items:stretch; flex-direction:column; }
 .area-toys { gap:24px; }
}