body[data-group-page="public"]{margin:0;overflow-x:clip}
body[data-group-page="public"] .g-header,body[data-group-page="public"] .v31-footer{width:100%;max-width:100%;box-sizing:border-box}
body[data-group-page="public"] #groupList.g-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
body[data-group-page="public"] .g-v3213-card{position:relative;overflow:hidden;padding:0;border:1px solid #d8e3f2;border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(22,58,110,.08);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
body[data-group-page="public"] .g-v3213-card:hover{transform:translateY(-2px);box-shadow:0 24px 60px rgba(15,45,95,.12);border-color:#c5d8f3}
.g-v3213-card:before{content:"";display:block;height:5px;background:linear-gradient(90deg,#1769ff 0 74%,#ff7029 74% 100%)}
.g-v3213-card-top{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px 12px}
.g-v3213-status{display:inline-flex;align-items:center;min-height:34px;padding:7px 13px;border-radius:999px;background:#eaf2ff;color:#155bc6;font-size:12px;font-weight:850;letter-spacing:-.02em}
.g-v3213-card.is-urgent .g-v3213-status{background:#fff1e8;color:#d85718}
.g-v3213-card.is-full .g-v3213-status{background:#edf1f7;color:#6a7890}
.g-v3213-seat{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.g-v3213-seat strong{font-size:16px;color:#1769ff;letter-spacing:-.03em}.g-v3213-seat span{font-size:11px;color:#7b8ba4}
.g-v3213-card.is-urgent .g-v3213-seat strong{color:#f05f22}.g-v3213-card.is-full .g-v3213-seat strong{color:#68768d}
.g-v3213-seatbar{height:4px;margin:0 24px 18px;border-radius:999px;background:#edf2f8;overflow:hidden}.g-v3213-seatbar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1769ff,#5e9bff);transition:width .3s ease}.g-v3213-card.is-urgent .g-v3213-seatbar i{background:linear-gradient(90deg,#ff8c53,#ff6422)}.g-v3213-card.is-full .g-v3213-seatbar i{background:#aab5c5}
.g-v3213-title{margin:0;padding:0 24px;font-size:26px;line-height:1.35;color:#10244b;letter-spacing:-.045em;word-break:keep-all}
.g-v3213-teacher{width:calc(100% - 48px);margin:18px 24px 0;padding:12px 14px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #dbe6f4;border-radius:15px;background:#f8fbff;color:#10244b;text-align:left;box-shadow:none}
.g-v3213-teacher:hover{background:#f2f7ff;border-color:#c8dbf7}.g-v3213-avatar,.g-v3213-dialog-avatar{display:grid;place-items:center;overflow:hidden;border-radius:14px;background:linear-gradient(145deg,#0b315f,#1769ff);color:#fff;font-size:20px;font-weight:900}.g-v3213-avatar{width:48px;height:48px}.g-v3213-avatar img,.g-v3213-dialog-avatar img{width:100%;height:100%;object-fit:cover}
.g-v3213-teacher-copy{min-width:0;display:grid;gap:2px}.g-v3213-teacher-copy b{font-size:15px;letter-spacing:-.02em}.g-v3213-teacher-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#607594;font-size:12px}.g-v3213-teacher-copy em{color:#1769ff;font-size:11px;font-style:normal;font-weight:750}.g-v3213-profile-link{font-size:12px;font-weight:800;color:#1769ff;white-space:nowrap}.g-v3213-profile-link b{margin-left:4px}
.g-v3213-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px 24px 0}.g-v3213-facts>div{min-width:0;padding:13px 14px;border:1px solid #e1e9f4;border-radius:13px;background:#fff}.g-v3213-facts span{display:block;margin-bottom:4px;color:#7b8ba4;font-size:11px}.g-v3213-facts b{display:block;color:#13294b;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.g-v3213-facts b.is-price{color:#ed641f;font-size:18px}
.g-v3213-recruit{margin:18px 24px 0;padding:18px;border-radius:16px;background:linear-gradient(180deg,#f8fbff,#f3f7fd);border:1px solid #dce7f5}.g-v3213-recruit-head{display:grid;gap:3px;margin-bottom:11px}.g-v3213-recruit-head span{color:#1769ff;font-size:10px;font-weight:900;letter-spacing:.13em}.g-v3213-recruit-head b{font-size:15px;color:#10244b}.g-v3213-teaser{margin:0;color:#435a7c;font-size:14px;line-height:1.75;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.g-v3213-copy-details{margin-top:12px!important;border-top:1px solid #d9e4f2;padding-top:11px}.g-v3213-copy-details>summary{display:flex;justify-content:space-between;align-items:center;color:#174f9d!important;font-size:13px;font-weight:850;list-style:none}.g-v3213-copy-details>summary::-webkit-details-marker{display:none}.g-v3213-copy-details[open]>summary span{transform:rotate(45deg)}.g-v3213-copy-details>summary span{font-size:18px;transition:transform .2s ease}.g-v3213-copy{display:grid;gap:10px;margin-top:14px}.g-v3213-copy p{margin:0;padding:0;color:#344d71;font-size:14px;line-height:1.8;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere}.g-v3213-copy p.is-highlight{padding:12px 13px;border-radius:12px;background:#fff;border:1px solid #e0e9f4;color:#183d6d;font-weight:650}
.g-v3213-footnote{display:flex;gap:8px;flex-wrap:wrap;padding:14px 24px 0;color:#7687a0;font-size:11px}.g-v3213-footnote span{padding:5px 8px;border-radius:999px;background:#f4f7fb}.g-v3213-schedule{margin:14px 24px 0!important;padding:13px 15px;border:1px solid #dce5f1;border-radius:12px;background:#fff}.g-v3213-schedule>summary{font-size:13px!important}.g-v3213-card>.g-actions{padding:18px 24px 24px;margin:0}.g-v3213-card>.g-actions .g-btn{width:100%;min-height:52px;border-radius:13px;font-size:15px}.g-v3213-card>.g-actions .g-btn.orange{background:linear-gradient(135deg,#1769ff,#246df0);border-color:#1769ff;box-shadow:0 10px 22px rgba(23,105,255,.18)}
.g-v3213-teacher-dialog{width:min(620px,calc(100% - 24px))!important;padding:0!important;border-radius:24px!important;overflow:auto!important;box-shadow:0 35px 100px rgba(3,19,43,.35)}.g-v3213-teacher-dialog::backdrop{background:rgba(3,16,38,.68);backdrop-filter:blur(4px)}#v3213TeacherContent{padding:28px}.g-v3213-dialog-close{position:sticky;top:0;float:right;z-index:2;width:42px;height:42px;border:1px solid #d7e2f0;border-radius:12px;background:#f7faff;color:#18365f;font-size:24px;line-height:1}.g-v3213-dialog-head{display:grid;grid-template-columns:76px 1fr;gap:16px;align-items:center;padding:8px 46px 20px 0}.g-v3213-dialog-avatar{width:76px;height:76px;border-radius:20px;font-size:26px}.g-v3213-dialog-head h2{margin:2px 0 3px!important;font-size:28px;letter-spacing:-.04em}.g-v3213-dialog-head p{margin:0;color:#617590;font-size:13px;line-height:1.5}.g-v3213-profile-proof{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.g-v3213-profile-proof span{padding:7px 10px;border-radius:999px;background:#eaf2ff;color:#1759bc;font-size:11px;font-weight:750}.g-v3213-profile-section{margin-top:12px;padding:17px 18px;border:1px solid #dfe8f3;border-radius:15px;background:#fff}.g-v3213-profile-section>span{display:block;color:#1769ff;font-size:10px;font-weight:900;letter-spacing:.12em}.g-v3213-profile-section h3{margin:3px 0 8px;font-size:17px;color:#10244b}.g-v3213-profile-section p{margin:0;color:#425a79;font-size:14px;line-height:1.75;word-break:keep-all}.g-v3213-tags{display:flex;gap:7px;flex-wrap:wrap}.g-v3213-tags b{padding:7px 10px;border-radius:999px;background:#f0f5fc;color:#274e83;font-size:12px}
@media(max-width:820px){body[data-group-page="public"] #groupList.g-grid{grid-template-columns:1fr}.g-v3213-title{font-size:24px}}
@media(max-width:560px){body[data-group-page="public"] .g-wrap{width:calc(100% - 20px)}body[data-group-page="public"] #groupList.g-grid{gap:16px}.g-v3213-card{border-radius:18px!important}.g-v3213-card:hover{transform:none}.g-v3213-card-top{padding:17px 16px 10px}.g-v3213-seatbar{margin:0 16px 15px}.g-v3213-title{padding:0 16px;font-size:22px}.g-v3213-teacher{width:calc(100% - 32px);margin:15px 16px 0;padding:10px;grid-template-columns:44px minmax(0,1fr);gap:10px}.g-v3213-avatar{width:44px;height:44px;border-radius:12px}.g-v3213-profile-link{grid-column:1/-1;justify-self:stretch;text-align:center;padding-top:8px;border-top:1px solid #e0e8f3}.g-v3213-facts{padding:14px 16px 0;gap:8px}.g-v3213-facts>div{padding:11px 12px}.g-v3213-facts b{font-size:13px}.g-v3213-facts b.is-price{font-size:17px}.g-v3213-recruit{margin:14px 16px 0;padding:15px}.g-v3213-teaser,.g-v3213-copy p{font-size:13px}.g-v3213-footnote{padding:12px 16px 0}.g-v3213-schedule{margin:12px 16px 0!important}.g-v3213-card>.g-actions{padding:15px 16px 18px}.g-v3213-card>.g-actions .g-btn{min-height:50px}.g-v3213-teacher-dialog{width:calc(100% - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:20px!important}#v3213TeacherContent{padding:20px}.g-v3213-dialog-head{grid-template-columns:62px 1fr;padding-right:40px}.g-v3213-dialog-avatar{width:62px;height:62px;border-radius:17px}.g-v3213-dialog-head h2{font-size:24px}.g-v3213-profile-section{padding:15px}.g-v3213-seat strong{font-size:14px}.g-v3213-seat span{display:none}}
@media(prefers-reduced-motion:reduce){.g-v3213-card,.g-v3213-seatbar i,.g-v3213-copy-details>summary span{transition:none!important}}