body.webinar-catalog-page{display:block;margin:0;min-width:320px;min-height:100vh;background:#f4f7f5;color:#17231d;font-family:Yu Gothic,YuGothic,sans-serif;font-size:16px;line-height:1.7}body.webinar-catalog-page #app{box-sizing:border-box;width:100%;max-width:1120px;padding:24px 16px 56px;margin:0 auto}.webinar-catalog *,.webinar-catalog *:before,.webinar-catalog *:after{box-sizing:border-box}.webinar-catalog{width:100%;min-width:0}.webinar-catalog__header{max-width:720px;margin-bottom:28px}.webinar-catalog__eyebrow,.webinar-detail__step{margin:0 0 6px;color:#167046;font-size:16px;font-weight:700}.webinar-catalog h1{margin:0 0 12px;font-size:clamp(28px,7vw,42px);line-height:1.25;letter-spacing:.01em}.webinar-catalog__header>p:last-child{margin:0;color:#526159}.webinar-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.webinar-course{min-width:0;overflow:hidden;background:#fff;border:1px solid #d8e0db;border-radius:16px}.webinar-course img,.webinar-course__placeholder{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#dce9e1}.webinar-course__placeholder{display:grid;place-items:center;color:#42614f;font-weight:700}.webinar-course__body{padding:20px}.webinar-course__meta{margin:0 0 6px;color:#526159;font-size:16px}.webinar-course__reserved{display:inline-block;margin:0 0 8px!important;padding:4px 10px;border-radius:999px;background:#dcefe3;color:#105635!important;font-weight:700}.webinar-course h2,.webinar-detail h2{margin:0 0 10px;font-size:24px;line-height:1.4;overflow-wrap:anywhere}.webinar-course__body>p:not(.webinar-course__meta){margin:0 0 18px;color:#445249}.webinar-course__dates{display:grid;gap:6px;margin:0 0 18px;padding:14px 14px 14px 34px;background:#eef5f0;border-radius:10px}.webinar-course__dates li{padding-left:2px;font-size:18px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}.webinar-course__instant,.webinar-course__no-date{margin:0 0 18px!important;padding:12px 14px;border-radius:10px;background:#eef5f0;color:#105635!important;font-size:19px;font-weight:700}.webinar-course button,.webinar-register{width:100%;min-height:54px;border:0;border-radius:10px;background:#167046;color:#fff;font:700 16px/1.4 Yu Gothic,YuGothic,sans-serif;cursor:pointer}.webinar-course button:focus-visible,.webinar-register:focus-visible,.webinar-back:focus-visible,.webinar-reserved a:focus-visible{outline:3px solid #e1a726;outline-offset:3px}.webinar-course button:active,.webinar-register:active{background:#105635}.webinar-detail{scroll-margin-top:16px;margin-top:28px}.webinar-detail__panel{max-width:760px;padding:22px 16px;background:#fff;border:2px solid #167046;border-radius:16px}.webinar-detail__description{margin:0 0 20px;color:#445249}.webinar-detail fieldset{min-width:0;margin:0 0 18px;padding:0;border:0}.webinar-detail legend{margin-bottom:10px;font-size:20px;font-weight:700}.webinar-sessions{display:grid;gap:10px}.webinar-session{display:flex;min-width:0;min-height:64px;align-items:center;gap:12px;padding:12px;border:1px solid #cbd6cf;border-radius:10px;cursor:pointer}.webinar-session.is-selected{border:2px solid #167046;background:#edf7f1}.webinar-session input{width:22px;height:22px;flex:0 0 auto;accent-color:#167046}.webinar-session span{min-width:0}.webinar-session strong,.webinar-session small{display:block;overflow-wrap:anywhere}.webinar-session strong{font-size:19px;line-height:1.45}.webinar-session small{margin-top:2px;color:#526159;font-size:16px}.webinar-reserved{display:grid;gap:8px;margin:0 0 20px;padding:14px;background:#eef7f1;border-radius:10px}.webinar-reserved a{min-height:52px;display:flex;align-items:center;justify-content:center;border:2px solid #167046;border-radius:8px;color:#105635;font-weight:700;text-decoration:none}.webinar-status{min-height:28px;margin:0 0 8px;color:#9c2f23;font-weight:700}.webinar-register:disabled{cursor:not-allowed;background:#85928a}.webinar-back{display:block;min-height:52px;margin:10px auto 0;padding:0 16px;border:0;background:transparent;color:#315241;font:700 16px Yu Gothic,YuGothic,sans-serif;text-decoration:underline;cursor:pointer}.webinar-loading,.webinar-error,.webinar-empty{width:100%;margin:0;padding:20px;background:#fff;border:1px solid #d8e0db;border-radius:12px;font-size:16px;overflow-wrap:anywhere}.webinar-error{color:#9c2f23;border-color:#d7aaa5}@media(min-width:768px){body.webinar-catalog-page #app{padding:48px 28px 72px}.webinar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.webinar-detail__panel{padding:28px}}@media(hover:hover){.webinar-course button:hover,.webinar-register:hover{background:#105f3a}}@media(prefers-reduced-motion:reduce){.webinar-catalog *{scroll-behavior:auto!important}}