/* SSR catalogue with the original mobile horizontal scroll composition. */
.home-blog{--home-blog-base:1200px;width:var(--home-blog-base);zoom:calc(100vw / var(--home-blog-base));padding:135px 0 0;background:#b4e1f1;color:#000f33;line-height:normal}
.home-blog-title{margin:0 20px;padding:20px 0;text-align:center;font:400 76px/1.23 'ODS Helvetica','Helvetica Neue',Arial,sans-serif;letter-spacing:normal}
.home-blog-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:0 20px}
.home-blog-card{background:#fff;border-radius:25px;overflow:hidden;color:#000}
.home-blog-card>a{display:flex;flex-direction:column;height:100%;text-decoration:none}
.home-blog-card-image{overflow:hidden;aspect-ratio:1.8;flex:none;border-radius:25px 25px 0 0}
.home-blog-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.home-blog-card>a:focus-visible img{transform:scale(1.05)}
@media(hover:hover){.home-blog-card>a:hover img{transform:scale(1.05)}}
.home-blog-card-text{padding:20px 20px 18px}
.home-blog-card-title{font:500 16px/1.35 'ODS Helvetica','Helvetica Neue',Arial,sans-serif;letter-spacing:normal}
.home-blog-card time{display:block;margin-top:15px;color:#ea80ff;letter-spacing:1px;font:500 12px/1 'ODS Helvetica','Helvetica Neue',Arial,sans-serif}
.home-blog-link{display:table;margin:90px auto 0;border:1px solid #4e7bf5;border-radius:13px;padding:17.8px 60px;background:transparent;color:#225af2;text-decoration:none;font:500 16px/1.4 'ODS Helvetica','Helvetica Neue',Arial,sans-serif;transition:background .2s,color .2s}
.home-blog-link:hover{background:#225af2;color:#fff}
.home-blog-scroll-hint{display:none;height:52px;text-align:center;mix-blend-mode:multiply}
.home-blog-scroll-hint svg{width:42px;height:42px;overflow:hidden}
.home-scroll-hand{animation:home-scroll-hand 2s infinite}
.home-scroll-card{animation:home-scroll-card 2s infinite}
@keyframes home-scroll-hand{0%{transform:translateX(80px) scale(1);opacity:0}10%{transform:translateX(80px) scale(1);opacity:1}20%,60%{transform:translateX(175px) scale(.6);opacity:1}80%{transform:translateX(5px) scale(.6);opacity:1}100%{transform:translateX(5px) scale(.6);opacity:0}}
@keyframes home-scroll-card{0%,60%{transform:translateX(0)}80%,100%{transform:translateX(-240px)}}
@media(max-width:1199px){.home-blog{--home-blog-base:960px}.home-blog-title{font-size:60px}.home-blog-cards{gap:20px;padding:0 10px}}
@media(max-width:959px){.home-blog{--home-blog-base:640px;padding-top:90px}.home-blog-title{font-size:40px}.home-blog-cards{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:2px 20px 0;scroll-padding:20px;scrollbar-width:none}.home-blog-cards::-webkit-scrollbar{display:none}.home-blog-card{flex:0 0 calc(var(--home-blog-base) * .85);scroll-snap-align:start}.home-blog-scroll-hint{display:block}.home-blog-link{margin-top:30px;padding-right:30px;padding-left:30px}}
@media(max-width:639px){.home-blog{--home-blog-base:480px}.home-blog-title{font-size:35px}}
@media(max-width:479px){.home-blog{--home-blog-base:320px}}
@media(prefers-reduced-motion:reduce){.home-scroll-hand,.home-scroll-card{animation:none}.home-blog-link,.home-blog-card img{transition:none}.home-blog-card img{transform:none!important}}

/* Education and FAQ retain the original responsive widths with native controls. */
.home-education{background:#b4e1f1;padding:0 0 30px}
.home-education .native-tabs{display:flex;flex-wrap:nowrap;gap:0;max-width:1160px;margin:0 auto;padding:0}
.home-education .native-tabs button{flex:1;min-width:0;margin:0;padding:14px 22px;border:1px solid #225af2;border-right:0;border-radius:0;background:#b4e1f1;color:#225af2;font:500 16px/1.35 'ODS Helvetica','Helvetica Neue',Arial,sans-serif;transition:color .3s,background .3s}
.home-education .native-tabs button:first-child{border-radius:13px 0 0 13px}
.home-education .native-tabs button:last-child{border-right:1px solid #225af2;border-radius:0 13px 13px 0}
.home-education .native-tabs button[aria-selected="true"]{background:#225af2;color:#fff}
.home-education .native-tabs button:hover:not([aria-selected="true"]){color:#0a1b43}
.education-select-wrap{display:none;position:relative;margin:0 20px;border:1px solid #225af2;border-radius:13px;overflow:hidden}
.education-select-wrap:after{content:'';pointer-events:none;position:absolute;right:20px;top:50%;transform:translateY(-50%);border:5px solid transparent;border-bottom:0;border-top-color:#fff}
.education-select-wrap select{display:block;appearance:none;width:100%;margin:0;border:0;border-radius:0;padding:16px 40px 16px 20px;background:#225af2;color:#fff;font:600 16px/normal 'ODS Helvetica','Helvetica Neue',Arial,sans-serif;cursor:pointer}
.education-select-wrap:focus-within{outline:2px solid #000f33;outline-offset:3px}
.education-badge{width:max-content!important;white-space:nowrap}
.education-badge:before{content:'';position:absolute;inset:-5px -10px -3px;background:#ea80ff;border-radius:50px;z-index:-1}
.home-faq.question-list{--faq-base:1200px;max-width:none;width:var(--faq-base);zoom:calc(100vw / var(--faq-base));margin:0;padding:0 20px 60px;background:#b4e1f1;color:#595959;font-family:'ODS Helvetica','Helvetica Neue',Arial,sans-serif}
.home-faq .question{border:0;padding:0;margin:0 0 10px;background:#fff;border-radius:11px;overflow:hidden}
.home-faq .question:last-child{margin-bottom:0}
.home-faq .question summary{position:relative;display:block;list-style:none;margin:0;padding:15px;cursor:pointer;font-size:22px;font-weight:500;line-height:1.35;letter-spacing:normal}
.home-faq .question summary::-webkit-details-marker{display:none}
.home-faq .question summary>span{display:inline-block;max-width:100%;padding-right:30px}
.home-faq .question summary strong{font-weight:700}
.home-faq .question summary:focus-visible{outline:2px solid #225af2;outline-offset:-2px;border-radius:11px}
.home-faq .question-icon{position:absolute;box-sizing:content-box;right:15px;top:50%;width:24px;height:24px;padding:8px;stroke:#225af2;stroke-width:3;fill:none;transform:translateY(-50%);transition:transform .3s,color .2s}
.home-faq .question[open] .question-icon{transform:translateY(-50%) rotate(-45deg)}
.home-faq .question p{margin:0;padding:0 15px 15px;font-size:16px;line-height:1.55;font-weight:400}
@media(hover:hover){.home-faq .question summary:hover .question-icon{stroke:#000f33}}
@media(max-width:1199px){.home-education .native-tabs{max-width:940px}.home-faq.question-list{--faq-base:960px;padding-right:10px;padding-left:10px}}
@media(max-width:960px){.home-education .native-tabs{display:none}.education-select-wrap{display:block;max-width:940px}}
@media(max-width:959px){.home-faq.question-list{--faq-base:640px;padding-right:20px;padding-left:20px}}
@media(max-width:640px){.home-faq .question summary{padding:20px}.home-faq .question p{padding-right:20px;padding-left:20px}.home-faq .question-icon{right:8px}}
@media(max-width:639px){.home-faq.question-list{--faq-base:480px}}
@media(max-width:480px),(orientation:landscape) and (max-height:480px){.home-faq .question summary{font-size:14px}.home-faq .question p{font-size:12px;line-height:1.45}.education-select-wrap select{font-size:18px}}
@media(max-width:479px){.home-faq.question-list{--faq-base:320px}.home-education{padding-bottom:15px}}
@media(prefers-reduced-motion:reduce){.home-faq .question-icon,.home-education .native-tabs button{transition:none}}