.featured-section,.blog-section,.qa-section{max-width:1200px;margin:0 auto;padding:84px 0}.section-heading p{font-size:16px;color:#756b70;margin:9px 0 0}.featured-track{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.featured-track>article{background:#fff;border:1px solid #e2dcdf;overflow:hidden}.featured-track>article>img{width:100%;height:220px;object-fit:cover}.featured-track>article>div{padding:23px 25px}.featured-track small,.blog-grid small{color:#a5005a;font-weight:600}.featured-track h3{font-size:21px;line-height:1.45;margin:7px 0}.featured-track p{color:#6d6368;margin:8px 0 15px}.featured-track div>div{display:flex;gap:7px;flex-wrap:wrap}.featured-track div>div span{font-size:13px;background:#f1eaf2;color:#795b80;padding:5px 9px}.featured-track article a{display:inline-block;margin-top:20px;color:#a5005a;font-weight:600;border-bottom:2px solid #c9a644;padding-bottom:3px}
.feature-tags{padding:78px max(5vw,calc((100vw - 1200px)/2));background:#f2edf3;display:grid;grid-template-columns:32% 1fr;gap:70px}.feature-tags h2{font-size:38px;font-weight:500;line-height:1.3;margin:10px 0}.feature-tags>div>p{font-size:17px;line-height:1.8;color:#71676d}.tag-cloud{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tag-cloud a{background:#fff;min-height:120px;padding:22px;border-top:3px solid #c5a546;text-decoration:none}.tag-cloud a:hover{border-top-color:#b00061;box-shadow:0 8px 22px rgba(70,45,58,.1)}.tag-cloud b,.tag-cloud span{display:block}.tag-cloud b{font-size:19px;margin-bottom:7px}.tag-cloud span{font-size:14px;line-height:1.5;color:#766d72}
.blog-section{background:#fff}.coming-label{font-size:13px;letter-spacing:.1em;color:#8c7782;border:1px solid #d8ced3;padding:7px 11px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.blog-grid article{background:#f7f5f6;min-height:410px}.blog-grid img{width:100%;height:220px;object-fit:cover}.blog-grid article>div{padding:24px}.blog-grid h3{font-size:22px;line-height:1.5;margin:8px 0}.blog-grid p{font-size:16px;color:#73696e;line-height:1.7}
.qa-section{display:block}.qa-head{text-align:center;max-width:680px;margin:0 auto 30px}.qa-head h2{font-size:40px;font-weight:500;margin:10px 0}.qa-head p{font-size:17px;color:#72686e}.qa-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #ddd4d9;margin-bottom:30px}.qa-tabs button{border:0;border-bottom:4px solid transparent;background:#f6f3f5;padding:18px 8px;font-size:17px;color:#574d52}.qa-tabs button.active{background:#fff;color:#a5005a;border-bottom-color:#b00061;font-weight:600}.qa-panel{display:none;max-width:900px;margin:auto}.qa-panel.active{display:block}.qa-panel details{border-top:1px solid #ddd6da;padding:21px 5px}.qa-panel details:last-child{border-bottom:1px solid #ddd6da}.qa-panel summary{font-size:19px;font-weight:600;cursor:pointer;list-style:none;position:relative;padding-right:45px}.qa-panel summary:after{content:"＋";position:absolute;right:8px;color:#a5005a}.qa-panel details[open] summary:after{content:"－"}.qa-panel p{font-size:16px;line-height:1.75;color:#70666c;margin:14px 45px 0 0}
.qa-tabs{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.featured-section,.blog-section,.qa-section{padding:65px 5vw}.featured-track,.blog-grid{grid-template-columns:1fr 1fr}.featured-track>article:last-child,.blog-grid>article:last-child{display:none}.feature-tags{grid-template-columns:1fr;padding:65px 5vw;gap:30px}.qa-tabs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.featured-track,.blog-grid,.tag-cloud{grid-template-columns:1fr}.featured-track>article:last-child,.blog-grid>article:last-child{display:block}.featured-track>article>img,.blog-grid img{height:210px}.feature-tags h2,.qa-head h2{font-size:31px}.qa-tabs{display:flex;overflow-x:auto}.qa-tabs button{min-width:120px}.qa-panel summary{font-size:18px}.coming-label{display:none}}
.guide-entry-grid{grid-template-columns:repeat(2,1fr)}.guide-entry-grid>a{display:block}.guide-entry-grid article{height:100%;transition:.2s ease}.guide-entry-grid a:hover article{transform:translateY(-3px);box-shadow:0 10px 28px rgba(70,55,63,.1)}
@media(max-width:600px){.guide-entry-grid{grid-template-columns:1fr}}
.guide-entry-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.guide-entry-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.guide-entry-grid{grid-template-columns:1fr}}