.zzz-lifestage *{box-sizing:border-box}.zzz-lifestage{scroll-behavior:smooth;scroll-padding-top:30px}.zzz-lifestage{margin:0;background:#f4f8fb;color:#173458;font-family:"Yu Gothic","Meiryo",sans-serif;line-height:1.95}.zzz-lifestage{max-width:1080px;margin:auto;background:white;padding:0 52px 70px}.zzz-lifestage a{color:#126a87;text-underline-offset:4px}.zzz-lifestage a:focus-visible,.zzz-lifestage summary:focus-visible{outline:3px solid #c77523;outline-offset:5px}.zzz-lifestage h1,.zzz-lifestage h2,.zzz-lifestage h3,.zzz-lifestage h4{line-height:1.5;text-wrap:balance}.zzz-lifestage h1{font-size:clamp(32px,4.5vw,58px);letter-spacing:.03em;margin:12px 0 20px}.zzz-lifestage h1 span{font-size:.68em;color:#357e95}.zzz-lifestage h2{font-size:29px;margin:6px 0 24px}.zzz-lifestage h3{font-size:22px;margin-top:32px}.zzz-lifestage h4{font-size:18px}.zzz-lifestage .eyebrow{font-weight:700;color:#36788c;letter-spacing:.08em;font-size:14px}.zzz-lifestage .hero{padding:55px 0 24px}.zzz-lifestage .hero p{max-width:650px}.zzz-lifestage .byline{font-size:13px;color:#687e8e}.zzz-lifestage .hero-photo{margin:0 -52px 38px}.zzz-lifestage .hero-photo img{max-height:480px;object-fit:cover;width:100%}.zzz-lifestage img{max-width:100%;height:auto;display:block}.zzz-lifestage figure{margin:30px 0}.zzz-lifestage .narrow{max-width:680px;margin:30px auto}.zzz-lifestage figcaption,.zzz-lifestage .note,.zzz-lifestage .source,.zzz-lifestage .legend{font-size:13px;color:#61758a;line-height:1.8}.zzz-lifestage .source{display:block;margin:7px 0}.zzz-lifestage .lead{font-size:18px}.zzz-lifestage section{padding:48px 0;border-bottom:1px solid #dce7ee}.zzz-lifestage nav{background:#eef6fa;border-radius:18px;padding:28px;margin:40px 0}.zzz-lifestage nav h2{font-size:22px}.zzz-lifestage .toc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.zzz-lifestage .toc-grid a{padding:14px;background:white;display:flex;gap:10px;text-decoration:none;font-size:14px;align-items:center;border-radius:8px}.zzz-lifestage .toc-grid b{margin-left:auto}.zzz-lifestage .toc-grid span{color:#5680a0}.zzz-lifestage .clocks,.zzz-lifestage .steps,.zzz-lifestage .stakeholders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.zzz-lifestage .clocks article,.zzz-lifestage .steps article,.zzz-lifestage .stakeholders article,.zzz-lifestage .comparison article{background:#f1f7fa;padding:17px;border:1px solid #dce7ef;border-radius:14px}.zzz-lifestage .clocks h4{margin:4px 0;text-align:center}.zzz-lifestage .clocks p{font-size:14px;margin:8px 0;text-align:center}.zzz-lifestage .clocks img{width:100%}.zzz-lifestage .comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.zzz-lifestage .comparison h3,.zzz-lifestage .steps h3,.zzz-lifestage .stakeholders h3{margin:10px 0;font-size:20px}.zzz-lifestage .steps span{color:#377c91;font-size:14px}.zzz-lifestage .steps p,.zzz-lifestage .stakeholders p{font-size:15px}.zzz-lifestage .voice{border-top:1px solid #b9d2df;padding-top:12px}.zzz-lifestage .flow{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#eef4fa;border-radius:12px;padding:22px;font-size:16px}.zzz-lifestage .zzz-key-emphasis{font-weight:700;color:inherit;text-decoration-line:underline;text-decoration-color:#f4cf42;text-decoration-thickness:3px;text-underline-offset:.18em;text-decoration-skip-ink:none}.zzz-lifestage .action-list{padding-left:26px}.zzz-lifestage .action-list li{padding:10px 0 10px 8px}.zzz-lifestage .action-list p{margin:6px 0}.zzz-lifestage .related{background:#edf6f9;border-left:4px solid #55b7cd;border-radius:10px;padding:20px;margin:28px 0}.zzz-lifestage .related h3{font-size:15px;margin:0 0 15px}.zzz-lifestage .related a{display:block;padding:12px;background:white;margin-top:8px;border-radius:8px}.zzz-lifestage details{border:1px solid #cbdde8;border-radius:12px;margin:14px 0;padding:18px 22px}.zzz-lifestage summary{cursor:pointer;font-weight:700;line-height:1.7}.zzz-lifestage details[open] summary{margin-bottom:18px}.zzz-lifestage .caffeine{display:flex;flex-wrap:wrap;gap:9px}.zzz-lifestage .caffeine b{background:#edf4f8;padding:10px;font-size:15px}.zzz-lifestage .disclaimer{font-size:13px;color:#657989}.zzz-lifestage .floating{position:fixed;right:20px;bottom:20px;background:#173458;color:white;text-decoration:none;border-radius:35px;padding:11px 22px;box-shadow:0 3px 12px #0002;font-size:14px}.zzz-lifestage .preview{background:#173458;color:white;text-align:center;padding:9px 12px;font-size:12px}.zzz-lifestage .preview a{color:white}@media(max-width:700px){.zzz-lifestage{padding:0 20px 60px}.zzz-lifestage .hero{padding-top:30px}.zzz-lifestage .hero-photo{margin-left:-20px;margin-right:-20px}.zzz-lifestage .hero-photo img{height:265px;object-position:65% center}.zzz-lifestage h2{font-size:25px}.zzz-lifestage .toc-grid,.zzz-lifestage .clocks,.zzz-lifestage .steps,.zzz-lifestage .comparison,.zzz-lifestage .stakeholders{grid-template-columns:1fr}.zzz-lifestage .clocks article{max-width:420px;width:100%;margin:auto}.zzz-lifestage .clocks img{max-width:290px;margin:auto}.zzz-lifestage nav{padding:18px}.zzz-lifestage .flow{flex-direction:column}.zzz-lifestage .flow span{transform:rotate(90deg)}.zzz-lifestage section{padding:34px 0}.zzz-lifestage details{padding:15px}.zzz-lifestage{font-size:16px}.zzz-lifestage .floating{bottom:14px;right:12px}.zzz-lifestage figcaption{font-size:12px}}@media(prefers-reduced-motion:reduce){.zzz-lifestage{scroll-behavior:auto}}.zzz-lifestage .schedule-mobile{display:none}.zzz-lifestage .schedule-mobile>div{padding:20px;border-radius:14px;background:#e4f4f8}.zzz-lifestage .schedule-mobile h3{margin:8px 0}.zzz-lifestage .schedule-mobile .cram{background:#fff0dc}.zzz-lifestage .schedule-mobile .sleep{background:#5864a0;color:white}.zzz-lifestage .schedule-mobile .sleep b{font-size:30px}.zzz-lifestage .down{text-align:center;color:#64798b;font-size:14px}@media(max-width:700px){.zzz-lifestage .desktop-timeline{display:none}.zzz-lifestage .schedule-mobile{display:block}}.zzz-lifestage /* 2026-10-02: shared vertical 24-hour timeline and educational illustrations */
.day-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}.zzz-lifestage .day-summary article{padding:20px 12px;border:1px solid #d5e3eb;border-radius:12px;background:#f2f7fa;text-align:center}.zzz-lifestage .day-summary article.student{background:#fff2e7;border:2px solid #c26b29}.zzz-lifestage .day-summary h3{font-size:23px;margin:8px 0}.zzz-lifestage .day-summary small{font-size:13px}.zzz-lifestage .day-summary b{font-size:25px;color:#514d84}.zzz-lifestage .day-summary p{font-size:15px;margin:8px 0}.zzz-lifestage .day-summary strong{color:#994b15;font-size:14px}.zzz-lifestage .timeline-guide{background:#edf5f8;padding:16px 20px;border-radius:10px}.zzz-lifestage .vertical-day{margin:26px 0 34px}.zzz-lifestage .day-head,.zzz-lifestage .day-body{display:grid;grid-template-columns:80px repeat(3,minmax(0,1fr));gap:10px}.zzz-lifestage .day-head{font-size:18px;text-align:center;align-items:center;margin-bottom:14px}.zzz-lifestage .day-head b{background:#e7f2f7;padding:12px 3px;border-radius:8px}.zzz-lifestage .day-head .student{background:#ffead6;color:#87400d}.zzz-lifestage .day-body{height:1440px;background:linear-gradient(to bottom,#fff8e6 0%,#fff8e6 25%,#f2f9fc 25%,#f2f9fc 50%,#fff1dd 50%,#fff1dd 58.3333%,#e9ecf5 58.3333%,#e9ecf5 100%);border-radius:8px}.zzz-lifestage .day-axis,.zzz-lifestage .day-track{position:relative;min-width:0}.zzz-lifestage .day-axis span{position:absolute;right:5px;transform:translateY(-50%);font-size:14px;font-weight:700;white-space:nowrap;background:#fff9;padding:1px 3px}.zzz-lifestage .day-track{background:repeating-linear-gradient(to bottom,transparent 0px,transparent 59px,#8295a344 59px,#8295a344 60px)}.zzz-lifestage .day-block{position:absolute;left:0;right:0;border:1px solid white;border-radius:5px;padding:6px 10px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;line-height:1.5;font-size:16px}.zzz-lifestage .day-block span{font-size:13px;margin-top:3px}.zzz-lifestage .day-block.school{background:#bce1ee}.zzz-lifestage .day-block.daily{background:#e4edf1;color:#385064}.zzz-lifestage .day-block.cram{background:#ffdbac}.zzz-lifestage .day-block.practice{background:#97d0df;border:2px solid #357a91}.zzz-lifestage .day-block.sleep{background:#575b92;color:white}.zzz-lifestage .day-block.sleep b{font-size:21px}.zzz-lifestage .day-track.student .sleep{background:#464571;border:3px solid #c87429}.zzz-lifestage .day-block.squeeze{background:repeating-linear-gradient(135deg,#ffe0c0 0px,#ffe0c0 8px,#ffe9d3 8px,#ffe9d3 16px);padding-top:22px}.zzz-lifestage .sleep-target{position:absolute;left:0;right:0;border-top:3px dashed #a34812;z-index:2;pointer-events:none}.zzz-lifestage .sleep-target span{position:absolute;top:-26px;left:0;right:0;text-align:center;color:#863c0a;background:#fff5e9;font-size:12px;font-weight:bold;line-height:1.7}.zzz-lifestage .schedule-conclusion{background:#fff3e8;padding:22px;border-left:5px solid #bd6a26;border-radius:8px}.zzz-lifestage .schedule-conclusion h3{margin:0 0 14px}.zzz-lifestage .learning-illustration{background:#f6fafc;border:1px solid #d8e6ee;border-radius:16px;overflow:hidden}.zzz-lifestage .learning-illustration img{width:100%;height:auto}.zzz-lifestage .illustration-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 20px 20px}.zzz-lifestage .illustration-labels span{color:#467d97;font-size:13px;display:block}.zzz-lifestage .illustration-labels b{font-size:19px;display:block;line-height:1.6}.zzz-lifestage .illustration-labels p{font-size:14px;line-height:1.8;margin:8px 0 0}.zzz-lifestage .comparison article{padding:24px}.zzz-lifestage .source{overflow-wrap:anywhere}@media(max-width:700px){.zzz-lifestage .day-summary{gap:5px}.zzz-lifestage .day-summary article{padding:12px 4px}.zzz-lifestage .day-summary small{font-size:11px}.zzz-lifestage .day-summary h3{font-size:16px}.zzz-lifestage .day-summary b{font-size:18px}.zzz-lifestage .day-summary p,.zzz-lifestage .day-summary strong{font-size:11px}.zzz-lifestage .day-head,.zzz-lifestage .day-body{grid-template-columns:43px repeat(3,minmax(0,1fr));gap:3px}.zzz-lifestage .day-head{font-size:12px}.zzz-lifestage .day-head b{padding:10px 1px}.zzz-lifestage .day-axis span{font-size:10px;right:0;padding:0}.zzz-lifestage .day-block{padding:4px 2px;font-size:12px;overflow-wrap:anywhere}.zzz-lifestage .day-block span{font-size:10px}.zzz-lifestage .day-block.sleep b{font-size:14px}.zzz-lifestage .sleep-target span{font-size:10px;top:-36px}.zzz-lifestage .day-block.squeeze{padding-top:25px}.zzz-lifestage .illustration-labels{gap:8px;padding:0 10px 15px}.zzz-lifestage .illustration-labels b{font-size:14px}.zzz-lifestage .illustration-labels p{font-size:12px}.zzz-lifestage .learning-illustration{margin-left:-10px;margin-right:-10px}.zzz-lifestage .timeline-guide{font-size:14px;padding:12px}.zzz-lifestage .schedule-conclusion{padding:16px}.zzz-lifestage .schedule-conclusion h3{font-size:20px}}.zzz-lifestage .student-focus,.zzz-lifestage .clock-option figure{margin:24px 0}.zzz-lifestage .student-focus img,.zzz-lifestage .clock-option img{display:block;width:100%;height:auto}.zzz-lifestage .clock-option{border:1px solid #c7dbe4;border-radius:12px;padding:16px}.zzz-lifestage .clock-option summary{cursor:pointer;font-weight:700;color:#173458}.zzz-lifestage figure img{max-width:100%;height:auto}.zzz-lifestage .student-day-text{display:grid;grid-template-columns:minmax(110px,1fr) 2fr;gap:10px 16px}.zzz-lifestage .student-day-text dt{font-weight:700}.zzz-lifestage .student-day-text dd{margin:0}.zzz-lifestage .clock-option{margin:18px 0}.zzz-lifestage .student-focus a{display:block}.zzz-lifestage .student-focus a:focus-visible{outline:3px solid #2383a8;outline-offset:4px}.zzz-lifestage .site-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:16px;background:#173458;color:white;border-radius:0;font-size:13px}.zzz-lifestage .site-nav>a,.zzz-lifestage .site-nav summary{padding:8px;color:white}.zzz-lifestage .site-nav details{background:#285674;padding:8px;border-radius:6px}.zzz-lifestage .site-nav details a{display:block;color:white;padding:7px}.zzz-lifestage .stage-menu{display:grid;grid-template-columns:1fr 1fr;gap:18px}.zzz-lifestage .stage-menu a{display:block;padding:28px;border:1px solid #c8dfe8;border-top:5px solid #5399ac;border-radius:12px;text-decoration:none;background:#f0f7fa}.zzz-lifestage .stage-menu h2{font-size:23px}.zzz-lifestage .stage-menu small{display:block;color:#507284}.zzz-lifestage .source{margin-top:24px}.zzz-lifestage .page-links{display:flex;flex-wrap:wrap;gap:10px}.zzz-lifestage .page-links a{padding:12px;border:1px solid #bcd4df;border-radius:8px}.zzz-lifestage .preview-note{padding:10px 20px;background:#fff3d9;font-size:13px;color:#624a23}.zzz-lifestage .byline{margin-bottom:25px}@media(max-width:640px){.zzz-lifestage .stage-menu,.zzz-lifestage .comparison{grid-template-columns:1fr}.zzz-lifestage .site-nav{font-size:12px}.zzz-lifestage .stage-menu a{padding:20px}.zzz-lifestage{padding-left:20px;padding-right:20px}.zzz-lifestage h2{font-size:24px}}.zzz-lifestage /* Guide expansion: readable summary + diagrams */
.guide-figure{max-width:580px;margin:28px auto}.zzz-lifestage .guide-figure img{width:100%;height:auto}.zzz-lifestage .guide-point{padding:10px 0 16px;border-bottom:1px solid #dce8ef}.zzz-lifestage .guide-point h3{color:#1a536e}.zzz-lifestage .guide-point p{max-width:48em}.zzz-lifestage .bridge{background:#eef6fa;border-left:4px solid #72b4c9;padding:18px 22px}.zzz-lifestage .research-cards{display:grid;gap:20px}.zzz-lifestage .research-cards article{border:1px solid #c9dfe8;border-radius:14px;padding:24px;background:#f7fbfd}.zzz-lifestage .research-cards h3{margin-top:0}.zzz-lifestage .stage-menu{grid-template-columns:1fr}.zzz-lifestage .stage-menu a{border-top:1px solid #c8dfe8;border-left:6px solid #5399ac}.zzz-lifestage .guide-figure a:focus-visible{display:block;outline:3px solid #c77523}.zzz-lifestage .guide-point h3{scroll-margin-top:24px}@media(max-width:640px){.zzz-lifestage .guide-figure{margin-left:-10px;margin-right:-10px}.zzz-lifestage .guide-point p{line-height:2}.zzz-lifestage .research-cards article{padding:18px}.zzz-lifestage .guide-figure img{min-width:0}.zzz-lifestage .bridge{padding:16px}}.zzz-lifestage .stage-scenes{margin:24px 0}.zzz-lifestage .stage-scenes img{width:100%;height:auto}.zzz-lifestage .age-bands{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.zzz-lifestage .age-bands>div{background:#eaf5f9;border-radius:12px;padding:20px;text-align:center}.zzz-lifestage .age-bands span,.zzz-lifestage .age-bands b{display:block}.zzz-lifestage .age-bands b{font-size:26px}.zzz-lifestage #toc details a{display:block;padding:8px 0;font-size:15px}.zzz-lifestage a{overflow-wrap:anywhere}.zzz-lifestage .zzz-related-guide{padding:22px;border:1px solid #c8dfe8;background:#f0f7fa;border-radius:12px;margin-top:28px}.zzz-lifestage .zzz-related-guide h3{font-size:16px;margin:0}.zzz-lifestage .stage-related-photo{display:grid;position:relative;min-height:220px;overflow:hidden;border:1px solid #c8dfe8;border-radius:10px;align-items:end;text-decoration:none;background:white}.zzz-lifestage .stage-related-photo img{position:absolute;width:100%;height:100%;object-fit:contain;inset:0}.zzz-lifestage .stage-related-photo span{position:relative;padding:70px 20px 20px;background:linear-gradient(transparent,#f2f8fb 65%);font-weight:bold;color:#173458}.zzz-lifestage .stage-related-photo:hover,.zzz-lifestage .stage-related-photo:focus-visible{border-color:#208da7;outline:3px solid #208da7}.zzz-lifestage .stage-related-photo:active{filter:brightness(.96)}
body.zzz-stage-page{margin:0;background:#f4f8fb;color:#173458}.zzz-stage-main{margin:0 auto;max-width:1080px}.zzz-lifestage{padding:0 40px 60px;background:white;line-height:1.95;font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif}.zzz-lifestage h1{font-size:clamp(28px,3vw,42px)}.zzz-lifestage h2{font-size:clamp(23px,2.5vw,29px)}.zzz-lifestage [id]{scroll-margin-top:100px}.zzz-stage-footer{padding:30px;text-align:center;font-size:13px;color:#173458}.zzz-stage-footer a{color:inherit}.zzz-lifestage nav details a{display:block;padding:8px}.zzz-lifestage img{height:auto}.zzz-lifestage .floating{z-index:20}@media(max-width:700px){.zzz-lifestage{padding:0 20px 50px}.zzz-lifestage .hero{padding-top:25px}}