.group-finder-container *{box-sizing:border-box;margin:0;padding:0}.group-finder-container{width:100vw;margin-left:calc(-50vw + 50%);padding:20px;background-color:#f5f5f5}.group-finder-container.locked{pointer-events:none}.group-finder-container{font-family:Arial,sans-serif;margin:0;padding:20px;background-color:#f5f5f5;width:100%;max-width:100%;box-sizing:border-box}.groups-container{display:flex;flex-direction:column;gap:20px}.sg-group-row{display:flex;gap:16px;margin-bottom:20px}.group-card{box-shadow:0 3px 8px 0 rgb(0 0 0 / .25);height:auto;display:flex;flex-direction:column}.group-hero-image{height:300px;overflow:hidden}.group-hero-image img{width:100%;height:100%;object-fit:cover}.group-content{padding:10px 10px 20px 10px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.group-title{margin-bottom:5px}.group-age{margin-bottom:10px}.group-subtitle{margin-bottom:5px}.group-location{margin-bottom:10px}.group-time{margin-bottom:15px;font-size:14px}.sg-extra-content{margin:4px 0}.sg-extra-content p{margin:0}.sgp-divider-line{width:100%;height:4px;margin-top:15px}.sgp-divider-dashes-container{display:flex;height:4px;width:100%;margin-top:-4px}.sgp-transparent-divider-1{width:95%;max-height:100%;background-color:#fff0}.sgp-dash{width:3px;background:#fff}.sgp-transparent-divider-2{width:4%;max-height:100%;background-color:#fff0}.sgp-transparent-divider-3{width:3%;max-height:100%;background-color:#fff0}.sgp-transparent-divider-4{width:2%;max-height:100%;background-color:#fff0}.group-card-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.group-actions{display:flex;justify-content:flex-start;align-items:center;gap:8px}.sgp-favicon{height:56px;width:56px;background-position:50%;background-size:contain;background-repeat:no-repeat;margin:10px 0}.sg-read-more,.sg-register-now{padding:8px 15px;border-radius:4px}.sg-closed{cursor:not-allowed;pointer-events:none;opacity:.5;text-decoration:none}.sg-subtitle{color:gray;font-size:12px;font-weight:400;text-decoration:none}.sg-search-container{margin-top:16px}.sg-search-box input{height:40px!important;padding:5px 10px!important;font-size:16px!important;outline:none!important;background:transparent!important;border:1px solid #8b8b8b!important;border-radius:5px;margin:3px 0;width:100%}.sg-filters-container{display:flex;flex-wrap:wrap;align-items:center}.sg-filter-group{font-size:14px;flex-grow:1;padding:8px}.sg-filter-dropdown{position:relative;width:100%}.filter-dropdown-toggle{padding:8px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;font-size:inherit;display:flex;justify-content:space-between;align-items:center}.filter-dropdown-toggle::after{content:"▼";font-size:10px;margin-left:8px}.sg-filter-dropdown-content{display:none;position:absolute;background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:10px;width:100%;z-index:100;box-shadow:0 2px 5px rgb(0 0 0 / .1)}.sg-filter-dropdown:hover .sg-filter-dropdown-content{display:block}.sg-filter-checkbox-label{display:block;padding:8px 0;cursor:pointer;font-size:inherit;align-items:center}.sg-filter-checkbox-label input{margin-right:8px}.sg-clear-filters{background:none;border:none;color:#666;cursor:pointer;font-size:14px;padding:5px 0;text-decoration:none}.sg-clear-filters:hover{background-color:#f5f5f5}.sg-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:30px;font-size:14px;color:#666;width:100%;max-width:100%;box-sizing:border-box;padding:20px}.sg-pagination-info{margin-left:auto}.sg-pagination-controls{display:flex;gap:5px}.sg-page-link{min-width:32px;padding:8px 12px}.sg-page-link.prev-next{font-weight:700;padding:6px 10px}@media (max-width:768px){.sg-pagination{flex-direction:column;gap:15px;align-items:stretch}.sg-pagination-info{text-align:center;order:2;margin-top:10px}.sg-pagination-controls{justify-content:center;flex-wrap:wrap;gap:4px}.sg-page-link{padding:6px 10px;min-width:28px;font-size:13px}.sg-page-link.prev-next{padding:6px 8px}}.detail-container{max-width:1000px;margin:40px auto;background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px rgb(0 0 0 / .1)}.detail-header{display:flex;margin-bottom:30px;align-items:flex-start;gap:30px}.detail-image-container{max-width:350px;height:180px;flex-shrink:0;overflow:hidden;border-radius:0;box-shadow:none}.detail-image{width:100%;height:100%;object-fit:cover}.detail-header-text{flex-grow:1}.detail-title{font-size:28px;margin:0 0 15px 0;color:#333;font-weight:600}.detail-time{font-size:20px;color:#555;margin-bottom:10px;line-height:1.4}.detail-time-hour{font-size:24px;color:#333;font-weight:700}@media (max-width:768px){.detail-header{flex-direction:column}.detail-image-container{width:100%;height:200px}.detail-title{font-size:24px}.detail-time{font-size:18px}.detail-time-hour{font-size:20px}}.gp-description-detail{line-height:1.6;margin-bottom:30px;color:#444}.detail-info{background:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:20px}.detail-info-item{margin-bottom:10px;font-size:16px}.detail-info-item p{margin:0}.detail-info-label{color:gray;font-size:12px;font-weight:400;text-decoration:none}.back-button{display:inline-block;padding:12px 25px;margin-right:15px;transition:background 0.3s}.register-button{display:inline-block;padding:12px 25px;transition:background 0.3s}.small{font-size:.875em;font-weight:400}.text-muted{color:#6c757d}.detail-actions{display:flex;justify-content:center;align-items:center;gap:10px}.detail-actions a{width:auto;height:35px;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:4px 12px}.sg-error{background-color:#fdecea;color:#b71c1c;border:1px solid #f5c2c7;border-left:5px solid #d32f2f;padding:12px 16px;margin:12px 0;border-radius:6px;font-size:14px;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;line-height:1.4;box-shadow:0 1px 3px rgb(0 0 0 / .1)}@media (min-width:1080px){.sg-filter-group{width:calc(33.33% - 8px);max-width:calc(33.33% - 8px)}}@media (max-width:1079px) and (min-width:768px){.sg-filter-group{width:calc(50% - 5px);max-width:calc(50% - 5px)}}@media (max-width:767px){.detail-header{flex-direction:column;text-align:center}.detail-image{margin-right:0;margin-bottom:20px}.back-button,.register-button{width:100%;text-align:center}.sg-group-row{flex-direction:column}.sg-filter-group{min-width:100%}}.group-card{background-color:#f5f5f5;border-radius:16px}.group-title{font-family:Arial,sans-serif;font-size:14px;color:#000;font-weight:400;font-style:normal;text-decoration:none;text-align:left}.group-age{font-family:Arial,sans-serif;font-size:14px;color:#000;font-weight:400;font-style:normal;text-decoration:none;text-align:left}.group-location{font-family:Arial,sans-serif;font-size:14px;color:#000;font-weight:400;font-style:normal;text-decoration:none;text-align:left}.group-time{font-family:Arial,sans-serif;font-size:14px;color:#000;font-weight:400;font-style:normal;text-decoration:none;text-align:left}.group-description{font-family:Arial,sans-serif;font-size:14px;color:#000;font-weight:400;font-style:normal;text-decoration:none;text-align:left}.group-region{font-family:Arial,sans-serif;font-size:14px;color:#000;font-weight:400;font-style:normal;text-decoration:none;text-align:left}.group-next-meeting{font-family:Arial,sans-serif;font-size:14px;color:#000;font-weight:400;font-style:normal;text-decoration:none;text-align:left}.group-future-meetings{font-family:Arial,sans-serif;font-size:14px;color:#000;font-weight:400;font-style:normal;text-decoration:none;text-align:left}.group-frequency{font-family:Arial,sans-serif;font-size:14px;color:#000;font-weight:400;font-style:normal;text-decoration:none;text-align:left}.group-audience{font-family:Arial,sans-serif;font-size:14px;color:#000;font-weight:400;font-style:normal;text-decoration:none;text-align:left}.group-leaders{font-family:Arial,sans-serif;font-size:14px;color:#000;font-weight:400;font-style:normal;text-decoration:none;text-align:left}.group-size{font-family:Arial,sans-serif;font-size:14px;color:#000;font-weight:400;font-style:normal;text-decoration:none;text-align:left}.group-tags{font-family:Arial,sans-serif;font-size:14px;color:#000;font-weight:400;font-style:normal;text-decoration:none;text-align:left}.group-campus{font-family:Arial,sans-serif;font-size:14px;color:#000;font-weight:400;font-style:normal;text-decoration:none;text-align:left}.group-online{font-family:Arial,sans-serif;font-size:14px;color:#000;font-weight:400;font-style:normal;text-decoration:none;text-align:left}.group-childcare{font-family:Arial,sans-serif;font-size:14px;color:#000;font-weight:400;font-style:normal;text-decoration:none;text-align:left}.group-languages{font-family:Arial,sans-serif;font-size:14px;color:#000;font-weight:400;font-style:normal;text-decoration:none;text-align:left}.group-video{font-family:Arial,sans-serif;font-size:14px;color:#000;font-weight:400;font-style:normal;text-decoration:none;text-align:left}.group-involvement-type{font-family:Arial,sans-serif;font-size:14px;color:#000;font-weight:400;font-style:normal;text-decoration:none;text-align:left}.group-reg-start{font-family:Arial,sans-serif;font-size:14px;color:#000;font-weight:400;font-style:normal;text-decoration:none;text-align:left}.group-reg-end{font-family:Arial,sans-serif;font-size:14px;color:#000;font-weight:400;font-style:normal;text-decoration:none;text-align:left}.group-member-count{font-family:Arial,sans-serif;font-size:14px;color:#000;font-weight:400;font-style:normal;text-decoration:none;text-align:left}.group-limit{font-family:Arial,sans-serif;font-size:14px;color:#000;font-weight:400;font-style:normal;text-decoration:none;text-align:left}.sg-read-more{font-family:Arial,sans-serif;background-color:#d6b36e;font-size:14px;color:#fff;font-weight:700;font-style:normal;text-decoration:none;border-radius:8px}.sg-register-now{font-family:Arial,sans-serif;background-color:#d6b36e;font-size:14px;color:#fff;font-weight:700;font-style:normal;text-decoration:none;border-radius:8px}.sg-pagination-container{background-color:#fff;border-radius:0}.sg-page-link:not(.sg-active){font-family:Arial,sans-serif;font-size:14px;background-color:#d6b36e;color:#333;border-radius:4px;font-weight:400;font-style:normal;text-decoration:none}.sg-page-link.sg-active{font-family:Arial,sans-serif;font-size:14px;background-color:#d6b36e;color:#fff;border-radius:4px;font-weight:400;font-style:normal;text-decoration:none}.sg-pagination-info{font-family:Arial,sans-serif;font-size:14px;color:#333;font-weight:400;font-style:normal;text-decoration:none}