.mb-age-section{margin:30px 0 44px}
.mb-age-nav{display:flex;gap:15px;overflow-x:auto;padding:8px 3px 15px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#b8c8aa transparent}
.mb-age-nav a{flex:0 0 98px;text-align:center;text-decoration:none;color:#315e45;scroll-snap-align:start}
.mb-age-nav a>.mb-age-mark{display:flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:50%;margin:0 auto 9px;background:#edf2e5;border:1px solid #dce5d4;transition:transform .2s,background .2s,color .2s}
.mb-age-nav a:nth-child(2n)>.mb-age-mark{background:#f8edda;border-color:#ecdfc8}
.mb-age-nav small{display:block;font-size:13px;font-weight:600;line-height:1.4}
.mb-age-month-number{display:flex;align-items:baseline;justify-content:center;font-size:27px;font-weight:750;letter-spacing:-1px;line-height:1}
.mb-age-month-number em{font-style:normal;font-size:15px;margin-left:2px;letter-spacing:0}
.mb-age-month-number sup{font-size:13px;align-self:flex-start;margin:0 0 0 1px;letter-spacing:0}
.mb-age-year-text{display:flex;flex-direction:column;gap:3px;font-size:28px;line-height:1}
.mb-age-year-text span{font-size:13px;font-weight:600;letter-spacing:0}
.mb-age-hand{display:block;width:58px;height:58px;overflow:visible;transform-origin:50% 88%;transition:transform .25s ease}
.mb-hand-skin{fill:#f5cfa2;stroke:#8e6344;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mb-hand-lines{fill:none;stroke:#b17f55;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.mb-hand-cuff{fill:#54815a;stroke:#315e45;stroke-width:1.6}
.mb-hand-stitch{fill:none;stroke:#dceccf;stroke-width:1.6;stroke-linecap:round}
.mb-hand-spark{fill:none;stroke:#d69b36;stroke-width:2;stroke-linecap:round}
.mb-age-nav a:hover>.mb-age-mark{transform:translateY(-4px);background:#315e45;border-color:#315e45;color:white}
.mb-age-nav a:hover .mb-age-hand{transform:rotate(-9deg)}
.mb-age-nav a:hover .mb-hand-cuff,.mb-age-nav a[aria-current=page] .mb-hand-cuff{fill:#e0ad48;stroke:#876324}
.mb-age-nav a[aria-current=page]>.mb-age-mark{background:#315e45;border-color:#315e45;color:white}
.mb-age-help{font-size:12px;color:#60715d;margin-top:3px}
.mb-age-shop{margin:8px 0 22px}.mb-age-shop h2{font-size:18px;margin:0 0 8px}
.mb-age-guidance{background:#f1f5e9;border:1px solid #dce5d4;border-radius:14px;padding:16px;margin:18px 0;color:#315e45;font-size:13px}
.mb-age-guidance p{margin:9px 0!important;line-height:1.65}.mb-age-guidance small{display:block;line-height:1.6}.mb-age-guidance a{display:inline-block;margin-top:9px;text-decoration:underline}
.mb-card-age{font-size:11px!important;line-height:1.5!important;font-weight:600;color:#67765e;margin:5px 0 8px!important}
@media(prefers-reduced-motion:reduce){.mb-age-nav a>.mb-age-mark,.mb-age-hand{transition:none}.mb-age-nav a:hover .mb-age-hand{transform:none}}
@media(max-width:600px){.mb-age-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow:visible}.mb-age-nav a{min-width:0}.mb-age-nav a>.mb-age-mark{width:min(65px,100%);height:65px}.mb-age-month-number{font-size:24px}.mb-age-month-number em{font-size:13px}.mb-age-section{margin:24px 0 30px}}
@media(max-width:767px){
 .mb-age-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;overflow:visible;padding:5px 0 0;scroll-snap-type:none}
 .mb-age-nav a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:8px 4px;border:1px solid #dce5d4;border-radius:9px;background:#f6f8f1;transition:background .2s,color .2s}
 .mb-age-nav a>.mb-age-mark{display:none}
 .mb-age-nav small{font-size:11px;line-height:1.35}
 .mb-age-nav a[aria-current=page],.mb-age-nav a:hover{background:#315e45;color:#fff;border-color:#315e45}
 .mb-age-section{margin:22px 0 26px}
 .mb-age-section .section-head h2{font-size:21px}
 .mb-age-section .section-head .text-link{font-size:11px;white-space:nowrap}
 .mb-age-help{font-size:11px;line-height:1.5;margin:12px 0 0}
}