.course-faq{padding:100px 0;background:#f6f5ee;border-top:1px solid #dce3d5;scroll-margin-top:100px;font-family:"Noto Sans TC",sans-serif;color:var(--soul-ink)}
.course-faq-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 56px}
.course-faq-facts>div{position:relative;padding:24px 24px 24px 64px;background:#fffdf7;border:1px solid #dce3d5;border-radius:16px}
.course-faq-facts>div>span{position:absolute;left:23px;top:23px;color:var(--soul-teal);font-size:27px;line-height:1.4}
.course-faq-facts small{display:block;color:#78856d;font-size:11px;letter-spacing:.1em;margin-bottom:8px}.course-faq-facts strong{font-size:19px;font-weight:600;line-height:1.6}.course-faq-facts p{margin:8px 0 0;font-size:13px;line-height:1.8;color:#677263}
.course-faq-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:58px;align-items:start}.course-faq-note{position:sticky;top:110px;padding:24px 0;border-top:2px solid #8db36e}.course-faq-note>small{color:var(--soul-teal);font-size:10px;letter-spacing:.16em}.course-faq-note h3{font:600 25px/1.8 "Noto Serif TC",serif;margin:16px 0}.course-faq-note p{color:#697363;font-size:14px;line-height:2}.course-faq-note a{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--soul-teal);color:#fff;padding:15px 20px;margin-top:26px;border-radius:50px;font-size:14px;text-decoration:none}
.course-faq-list{border-top:1px solid #cdd8c6}.course-faq-item{border-bottom:1px solid #cdd8c6}.course-faq-item summary{display:flex;align-items:center;gap:18px;cursor:pointer;padding:25px 6px;list-style:none;min-height:76px}.course-faq-item summary::-webkit-details-marker{display:none}.course-faq-q{color:#78975d;font-size:12px;letter-spacing:.04em;flex-shrink:0}.course-faq-item h3{margin:0;flex:1;font:500 17px/1.8 "Noto Sans TC",sans-serif;color:var(--soul-ink)}.course-faq-toggle{width:24px;height:24px;position:relative;flex-shrink:0;color:var(--soul-teal)}.course-faq-toggle:before,.course-faq-toggle:after{content:"";position:absolute;left:5px;top:11px;width:14px;height:1px;background:currentColor}.course-faq-toggle:after{transform:rotate(90deg)}.course-faq-item[open] .course-faq-toggle:after{transform:rotate(0)}.course-faq-item[open] summary h3{color:var(--soul-teal)}.course-faq-answer{padding:0 48px 25px}.course-faq-answer p{margin:0;font-size:14px;line-height:2.1;color:#63705e}.course-faq-item summary:focus-visible,.course-faq-note a:focus-visible{outline:2px solid #81b657;outline-offset:5px}.course-faq-item summary:hover h3{color:var(--soul-teal)}
@media(max-width:1000px){.course-faq-layout{grid-template-columns:210px minmax(0,1fr);gap:30px}.course-faq-facts>div{padding:22px}.course-faq-facts>div>span{position:static;display:block;margin-bottom:10px}.course-faq-facts strong{font-size:17px}}
@media(max-width:780px){.course-faq{padding:64px 0}.course-faq-facts{grid-template-columns:1fr;gap:10px;margin-bottom:32px}.course-faq-facts>div{padding:18px 20px 18px 62px}.course-faq-facts>div>span{position:absolute;left:22px;top:18px}.course-faq-facts small{margin-bottom:3px}.course-faq-facts p{margin-top:4px}.course-faq-layout{display:flex;flex-direction:column-reverse;gap:30px}.course-faq-list,.course-faq-note{width:100%;min-width:0}.course-faq-note{position:static}.course-faq-note h3{font-size:23px}.course-faq-item summary{gap:12px;padding:21px 0}.course-faq-item h3{font-size:16px}.course-faq-answer{padding:0 0 22px 36px}.course-faq-answer p{font-size:14px}}
