:root{--ink: #1a1a1a;--paper: #fffdf7;--blue: #4f8df7;--orange: #f39c12;--teal: #00b894}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Noto Sans,Yu Gothic,YuGothic,Meiryo,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;letter-spacing:0}a{color:inherit}.learn-page{overflow-x:clip}.learn-breadcrumb{width:min(1120px,calc(100% - 32px));margin:24px auto 0;display:flex;gap:8px;font-weight:900}.learn-hero{padding:clamp(4rem,9vw,7rem) max(1rem,calc((100vw - 1120px)/2)) clamp(3rem,6vw,5rem);background-image:linear-gradient(#ffffff94,#ffffff94),url(/astro-home/bg_img9.png);background-size:520px 500px}.learn-eyebrow{display:inline-block;margin:0 0 1.5rem;padding:.45rem .85rem;border:4px solid var(--ink);background:var(--orange);box-shadow:5px 5px 0 var(--ink);font-weight:950}.learn-hero h1{max-width:850px;margin:0;font-size:clamp(2.7rem,7vw,5.6rem);line-height:1.05;font-weight:950}.learn-hero p:not(.learn-eyebrow){max-width:760px;margin:1.4rem 0 0;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.85;font-weight:800}.learn-course-hero{padding-top:clamp(3rem,6vw,5rem);padding-bottom:clamp(2.5rem,5vw,4rem)}.learn-course-hero h1{max-width:920px;font-size:clamp(1.8rem,3.2vw,2.9rem);line-height:1.18;overflow-wrap:anywhere}.learn-course-hero p:not(.learn-eyebrow){max-width:900px}.learn-section{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:clamp(3rem,6vw,5rem) 0}.learn-section+.learn-section{padding-top:0}.learn-section-head{margin-bottom:1.4rem}.learn-section-head h2,.learn-section>h2{margin:0 0 1.4rem;font-size:clamp(1.9rem,4vw,3rem);line-height:1.15}.learn-eyebrow-small{margin-bottom:.9rem;padding:.35rem .7rem;border-width:3px;box-shadow:4px 4px 0 var(--ink);font-size:.86rem}.learn-category-grid,.learn-course-grid,.learn-feature-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.2rem}.learn-feature-card,.learn-category-card{display:flex;flex-direction:column;min-height:clamp(360px,34vw,420px);overflow:hidden;border:4px solid var(--ink);border-radius:8px;background:#fff;box-shadow:7px 7px 0 var(--ink);text-decoration:none}.learn-feature-card,.learn-category-card{grid-column:span 4}.learn-feature-card figure,.learn-category-card figure{margin:0;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-bottom:4px solid var(--ink);background:#f2f2f2}.learn-feature-card figure{display:grid;place-items:center;background:#fff}.learn-feature-card img,.learn-category-card img{width:100%;height:100%;object-position:center;display:block}.learn-feature-card img{object-fit:contain}.learn-category-card img{object-fit:cover}.learn-feature-body,.learn-category-body{flex:1;display:flex;flex-direction:column;padding:clamp(1rem,2vw,1.35rem)}.learn-feature-body span,.learn-category-body span{display:inline-block;padding:.25rem .55rem;border:3px solid var(--ink);border-radius:6px;background:#fff;font-weight:950;font-size:.78rem}.learn-category-card:nth-child(4n+1){background:#f9c74f}.learn-category-card:nth-child(4n+2){background:#90dbf4}.learn-category-card:nth-child(4n+3){background:#b8f2c2}.learn-category-card:nth-child(4n+4){background:#ffadad}.learn-feature-card h2,.learn-category-card h2{margin:.9rem 0 .55rem;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.18}.learn-feature-card p,.learn-category-card p,.learn-category-card small{margin:0;line-height:1.75;font-weight:800}.learn-feature-card p,.learn-category-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.learn-category-card small{margin-top:auto;padding-top:.65rem}.learn-feature-card:nth-child(5n+1){background:#fff3b0}.learn-feature-card:nth-child(5n+2){background:#bde0fe}.learn-feature-card:nth-child(5n+3){background:#caffbf}.learn-feature-card:nth-child(5n+4){background:#ffc6ff}.learn-feature-card:nth-child(5n+5){background:#ffd6a5}.learn-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.learn-two-column article{padding:clamp(1.2rem,3vw,2rem);border:4px solid var(--ink);border-radius:8px;background:#fff;box-shadow:6px 6px #1a1a1a24}.learn-section ul{margin:1rem 0 0;padding-left:1.4rem;line-height:1.9;font-weight:800}.learn-related,.learn-link-row{display:flex;flex-wrap:wrap;gap:.75rem}.learn-link-row{margin-top:1rem}.learn-related a,.learn-more-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem 1rem;border:3px solid var(--ink);border-radius:8px;background:#f9c74f;box-shadow:4px 4px 0 var(--ink);font-weight:950;text-decoration:none}.learn-support-links{margin-top:1rem}.learn-rich-copy{max-width:900px;margin:0;line-height:1.9;font-weight:800;font-size:1.05rem}.learn-rich-copy+.learn-rich-copy{margin-top:1rem}.learn-seo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.25rem 0 0;padding:0;list-style:none}.learn-seo-steps li{min-height:100%;padding:clamp(1rem,2vw,1.3rem);border:3px solid var(--ink);border-radius:8px;background:#fffdf7;box-shadow:5px 5px #1a1a1a24;line-height:1.75}.learn-seo-steps li:nth-child(2){background:#dff5ff}.learn-seo-steps li:nth-child(3){background:#e7f8df}.learn-seo-steps strong{display:block;margin-bottom:.45rem;font-size:.9rem;font-weight:950}.learn-seo-steps span{font-weight:800}.learn-faq-list{display:grid;gap:.75rem}.learn-faq{border:3px solid var(--ink);border-radius:8px;background:#fff;box-shadow:4px 4px #1a1a1a29}.learn-faq summary{cursor:pointer;padding:1rem;font-weight:950}.learn-faq p{margin:0;padding:0 1rem 1rem;line-height:1.8;font-weight:400}.learn-course-detail{max-width:840px}.learn-course-detail .learn-course-card{grid-column:1 / -1}.learn-course-card{grid-column:span 6;overflow:hidden;border:4px solid var(--ink);border-radius:8px;background:#fff;box-shadow:6px 6px 0 var(--ink)}.learn-course-grid .learn-course-card{grid-column:span 4;display:flex;flex-direction:column;height:clamp(360px,34vw,420px)}.learn-course-image{width:100%;height:auto;aspect-ratio:16 / 9;display:grid;place-items:center;overflow:hidden;border-bottom:4px solid var(--ink);background:#f2f2f2;text-decoration:none}.learn-course-image img{width:100%;height:100%;min-width:100%;min-height:100%;object-fit:cover;object-position:center;display:block}.learn-course-placeholder{font-weight:950;color:#666}.learn-course-body{padding:1rem}.learn-course-grid .learn-course-body{flex:1;display:flex;flex-direction:column;min-height:0;padding:clamp(1rem,2vw,1.35rem)}.learn-course-category{display:inline-block;margin-bottom:.55rem;padding:.22rem .55rem;border:2px solid var(--ink);border-radius:6px;background:#fffdf7;font-size:.78rem;font-weight:950}.learn-course-title{text-decoration:none}.learn-course-title h3{margin:0 0 .6rem;font-size:1.35rem;line-height:1.3}.learn-course-grid .learn-course-title h3{font-size:clamp(1.25rem,2vw,1.7rem);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.learn-course-body p{margin:0;line-height:1.7;font-weight:700}.learn-course-grid .learn-course-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.learn-course-steps{margin-top:1rem}.learn-course-grid .learn-course-steps{min-height:0;overflow:hidden}.learn-course-steps h4{margin:0 0 .6rem;font-size:1rem}.learn-course-steps ol{margin:0;padding-left:1.4rem;line-height:1.75;font-weight:800}.learn-course-grid .learn-course-steps ol{max-height:5.25em;overflow:hidden}.learn-course-steps li+li{margin-top:.35rem}.learn-course-steps details{margin-top:.65rem}.learn-course-grid .learn-course-steps details{display:none}.learn-course-steps summary{cursor:pointer;font-weight:950;text-decoration:underline;text-underline-offset:3px}.learn-course-steps details ol{margin-top:.65rem}.learn-empty{margin:0;padding:1rem;border:3px solid var(--ink);border-radius:8px;background:#fff;font-weight:800}.public-learning-footer{margin-top:3rem;padding:2.4rem max(1rem,calc((100vw - 1120px)/2));border-top:4px solid var(--ink);background:#263746;color:#fff}.public-learning-footer h2{margin:0 0 1rem;font-size:1.35rem;line-height:1.25}.public-learning-footer nav{display:flex;flex-wrap:wrap;gap:.7rem}.public-learning-footer a{display:inline-flex;align-items:center;min-height:40px;padding:.55rem .8rem;border:2px solid #fff;border-radius:8px;color:#fff;text-decoration:none;font-weight:900}@media(max-width:860px){.learn-two-column{display:block}.learn-two-column article+article{margin-top:1rem}.learn-seo-steps{grid-template-columns:1fr}.learn-feature-card,.learn-category-card,.learn-course-card{grid-column:1 / -1}.learn-course-grid .learn-course-card{grid-column:1 / -1;height:clamp(380px,110vw,480px)}}