
@media(max-width:600px){
 #mama-baby-mvp:has(:is(.mb-stage4-weeks,.mb-stage5-months):not([hidden])){box-sizing:border-box;min-height:0;height:calc(100vh - 16px);height:calc(100svh - 16px);height:calc(min(100svh,100dvh) - 16px - env(safe-area-inset-bottom,0px));padding:6px 10px}
 #mama-baby-mvp:has(:is(.mb-stage4-weeks,.mb-stage5-months):not([hidden])) .mb-shell{height:100%;min-height:0}
 #mama-baby-mvp :is(.mb-stage4-weeks,.mb-stage5-months):not([hidden]){display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:44px minmax(0,1fr) auto;gap:4px;min-height:0;height:100%}
 #mama-baby-mvp :is(.mb-stage4-weeks,.mb-stage5-months)>.mb-stage3-site-head{grid-area:1/1;box-sizing:border-box;min-width:0;min-height:44px;width:100%;margin:0;padding:0 44px 0 52px}
 #mama-baby-mvp :is(.mb-stage4-weeks,.mb-stage5-months) .mb-stage3-site-head .mb-title{font-size:30px}
 #mama-baby-mvp :is(.mb-stage4-weeks,.mb-stage5-months)>.mb-back{grid-area:1/1;justify-self:start;align-self:start;z-index:1;display:inline-flex;justify-content:center;box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:0;font-size:0}
 #mama-baby-mvp :is(.mb-stage4-weeks,.mb-stage5-months)>.mb-back span{font-size:24px;line-height:1}
 #mama-baby-mvp :is(.mb-stage4-weeks-content,.mb-stage5-months-content){grid-area:2/1;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 72px minmax(0,1fr) 44px;gap:4px;min-height:0;width:100%;margin:0}
 #mama-baby-mvp :is(.mb-stage4-weeks-content,.mb-stage5-months-content) .mb-direction-head{margin:0;padding:0}
 #mama-baby-mvp :is(.mb-stage4-weeks-content,.mb-stage5-months-content) .mb-panel-title{font-size:30px;line-height:1.08}
 #mama-baby-mvp :is(.mb-stage4-weeks-content,.mb-stage5-months-content) .mb-panel-text{margin:2px 0 0;font-size:18px;line-height:1.2}
 #mama-baby-mvp :is(.mb-stage4-week-choice,.mb-stage5-month-choice){position:relative;display:flex;flex-wrap:nowrap;gap:6px;box-sizing:border-box;min-width:0;width:100%;height:72px;margin:0;padding:6px calc(50% - 22px) 22px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pinch-zoom}
 #mama-baby-mvp :is(.mb-stage4-week-choice,.mb-stage5-month-choice)::-webkit-scrollbar{display:none}
 #mama-baby-mvp :is(.mb-stage4-week,.mb-stage5-month){position:relative;flex:0 0 44px;box-sizing:border-box;min-width:44px;min-height:44px;width:44px;height:44px;margin:0;padding:0;font-size:16px}
 #mama-baby-mvp :is(.mb-stage4-week,.mb-stage5-month)[aria-current]::after{content:"сейчас";position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);color:var(--mb-body);-webkit-text-fill-color:currentColor;font:400 12px/1.2 "Trebuchet MS",Arial,sans-serif;white-space:nowrap;pointer-events:none}
 #mama-baby-mvp :is(.mb-stage4-week-blocks,.mb-stage5-month-blocks){display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:4px;min-height:0}
 #mama-baby-mvp :is(.mb-stage4-week-art,.mb-stage5-month-art){display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;justify-items:center;min-height:0;margin:0;padding:0;overflow:visible}
 #mama-baby-mvp :is(.mb-stage4-week-art,.mb-stage5-month-art) img{align-self:center;display:block;min-height:0;width:var(--mb-tracker-art-size,140px);height:var(--mb-tracker-art-size,140px);max-width:100%;max-height:100%;margin:0;object-fit:contain}
 /* Feather the paper boundary of month 5 and the raster edges of month 10;
    inline SVG alpha masks preserve the drawings without a rectangular notch. */
 #mama-baby-mvp .mb-stage5-month-art img[src$="/month-5.jpeg"]{--mb-month-soft-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221024%22%20height%3D%221024%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22soft%22%20x%3D%22-20%25%22%20y%3D%22-20%25%22%20width%3D%22140%25%22%20height%3D%22140%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%2212%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22bottom%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%22.93%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cmask%20id%3D%22fade%22%3E%3Crect%20width%3D%221024%22%20height%3D%221024%22%20fill%3D%22url(%23bottom)%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M471%20118%20L604%20118%20L686%20195%20L737%20317%20L829%20379%20L850%20522%20L950%20594%20L950%20696%20L881%20932%20L870%201024%20L92%201024%20L82%20850%20L61%20451%20L328%20225%20L440%20123%20Z%22%20fill%3D%22white%22%20filter%3D%22url(%23soft)%22%20mask%3D%22url(%23fade)%22%2F%3E%3C%2Fsvg%3E");clip-path:none;-webkit-mask-image:var(--mb-month-soft-mask);mask-image:var(--mb-month-soft-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
 #mama-baby-mvp .mb-stage5-month-art img[src$="/month-10.jpeg"]{--mb-month-soft-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221024%22%20height%3D%221024%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22sides%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.12%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%22.88%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ends%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.08%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%22.92%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cmask%20id%3D%22fade%22%3E%3Crect%20width%3D%221024%22%20height%3D%221024%22%20fill%3D%22url(%23ends)%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Crect%20width%3D%221024%22%20height%3D%221024%22%20fill%3D%22url(%23sides)%22%20mask%3D%22url(%23fade)%22%2F%3E%3C%2Fsvg%3E");clip-path:none;-webkit-mask-image:var(--mb-month-soft-mask);mask-image:var(--mb-month-soft-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
 /* Avoid WebKit's referenced multi-shape SVG clip for month 12. The two closed
    outlines retain their exact coordinates; a retraced, zero-area bridge joins
    them into one native CSS shape without exposing the paper between them. */
 #mama-baby-mvp .mb-stage5-month-art img[src$="/month-12.jpeg"]{clip-path:polygon(14% 48%,18% 47%,23% 50%,26% 40%,31% 33%,36% 29%,39% 32%,43% 31%,46% 34%,49% 30%,55% 33%,61% 37%,65% 45%,69% 45%,70% 42%,74% 45%,76% 50%,81% 59%,82% 65%,80% 78%,77% 84%,79% 90%,88% 100%,16% 100%,22% 90%,23% 83%,17% 76%,14% 66%,13% 59%,14% 48%,53% 19%,56% 20%,65% 27%,66% 23%,66% 18%,67% 16%,73% 9.5%,77% 9%,81% 19%,82% 25%,83% 30%,85% 31%,89% 34%,90% 35.5%,86% 36%,85.5% 36%,83% 38.5%,79% 38.9%,72% 37%,76% 40%,74.5% 41%,72% 41%,70% 39%,65% 36.5%,63% 34%,56% 28%,51% 21%,53% 19%,14% 48%)}
 #mama-baby-mvp :is(.mb-stage4-week-art,.mb-stage5-month-art) figcaption{margin:0;padding:0 4px;font-size:16px;line-height:1.25}
 #mama-baby-mvp :is(.mb-stage4-week-text,.mb-stage5-month-text){box-sizing:border-box;min-height:0;margin:0;padding:4px 8px;font-size:16px;line-height:1.3}
 #mama-baby-mvp :is(.mb-stage4-week-action,.mb-stage5-month-action){display:flex;align-items:stretch;justify-content:center;min-height:44px;margin:0}
 #mama-baby-mvp :is(.mb-stage4-week-action,.mb-stage5-month-action) button{min-height:44px;padding:6px 12px}
 #mama-baby-mvp :is(.mb-stage4-weeks,.mb-stage5-months)>.mb-stage3-footer{grid-area:3/1;width:100%;margin:0;font-size:13px;line-height:1.4}
}
