/* 메뉴 진입 화면: 공통 헤더와 로그인 안내 카드 */
html:root{--brand:#8055b9;--lavender:#7145a6;--primary:#8055b9;--accent:#f0e7fa;--accent-foreground:#7145a6}
html body .page-heading .eyebrow{color:#8663ad;letter-spacing:1.1px;font-size:10px;font-weight:750}
html body .heading-icon{color:#8055b9!important;background:#f0e7fa!important;border:1px solid #e8dcf4;border-radius:18px}
html body .button.primary,html body #dm-send,html body .school-chips button.active{background:#8055b9!important;border-color:#8055b9!important;color:#fff!important}
html body .button.primary:hover,html body #dm-send:hover{background:#7045a8!important;border-color:#7045a8!important}
html body .bandi-entry{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding:48px 24px!important;border:1px solid #e9e3ef!important;border-radius:24px!important;background:#fff!important;box-shadow:0 8px 30px #53327804}
.bandi-entry-symbol{display:grid;place-items:center;width:46px;height:46px;margin-bottom:18px;border-radius:16px;background:#f4edfb;color:#9b77c8;font-size:25px}
html body .bandi-entry h2{margin:0;font-size:20px;line-height:1.5;letter-spacing:-.6px;color:#30263c!important;word-break:keep-all}
html body .bandi-entry p{max-width:520px;margin:10px 0 24px;color:#857b8e;font-size:13px;line-height:1.8;word-break:keep-all}
.bandi-entry-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
html body .bandi-entry-actions .button{min-height:44px;padding:11px 22px;border-radius:12px!important;background:#f5f1f9;color:#71538f;border:1px solid #eee7f4;font-size:13px;font-weight:700}
html body .bandi-entry-actions .button:hover{background:#ede2f7;color:#7145a6}
html body button:focus-visible,html body a:focus-visible{outline:3px solid #af87d4;outline-offset:3px}
/* 학교 이야기: 검색 배너와 실제 공개 글 카드 */
.rh-home .rh-school-section{padding-top:30px;padding-bottom:30px;background:#fff}
.rh-school-section .rh-section-label{display:block;font-size:10px;font-weight:800;color:#9a78bb;letter-spacing:1.6px;margin-bottom:6px}
.rh-school-section header h2{margin:0}
html body .rh-school-section header>button{color:#8055b9;font-size:12px;font-weight:700;min-height:36px}
html body .rh-home .rh-school{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:24px;min-height:158px;padding:25px 180px 25px 26px!important;border:1px solid #e4d5f2!important;border-radius:22px;background:#f2eafa!important;text-align:left}
.rh-home .rh-school-copy{flex:1;position:relative;z-index:2}
.rh-home .rh-school .rh-school-tag{display:inline-block;margin:0 0 10px;padding:4px 9px;border-radius:7px;color:#8055b9;background:#fff9;font-size:10px;font-weight:750}
.rh-home .rh-school strong{font-size:20px;letter-spacing:-.7px;line-height:1.4;color:#443051}
.rh-home .rh-school small{font-size:12px;color:#8b769b;margin-top:9px}
html body .rh-home .rh-school>b{position:relative;z-index:2;margin:0;padding:12px 16px;border-radius:12px;background:#8055b9;color:white;font-size:12px;white-space:nowrap;box-shadow:0 4px 12px #7954a51a}
.rh-home .rh-school>b span{margin-left:12px}
.rh-home .rh-school-mascot{position:absolute;z-index:1;right:12px;bottom:-10px;width:160px;height:160px;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-9deg);pointer-events:none}
.rh-home .rh-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
html body .rh-home .rh-post{display:flex;gap:17px;min-width:0;padding:20px;border:1px solid #ece5f2!important;border-radius:18px;background:#fff!important;text-decoration:none;transition:border-color .15s,background .15s}
html body .rh-home .rh-post:hover{border-color:#c8addf!important;background:#faf6ff!important}
.rh-post-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.rh-home .rh-post-top small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f6f0fb;border-radius:6px;padding:5px 8px;color:#8c67ad;font-size:10px}
.rh-post-number{font-size:20px;font-weight:800;color:#ddd0e8;letter-spacing:-1px}
.rh-home .rh-post strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:44px;line-height:1.6;font-size:14px;color:#403449;overflow-wrap:anywhere}
.rh-home .rh-post .rh-post-meta{display:flex;gap:12px;align-items:center;color:#95899e;font-size:11px;margin-top:auto}
.rh-post-meta>span:last-child{margin-left:auto;color:#aa8ac7;font-size:17px}
.rh-home .rh-posts .rh-empty{grid-column:1/-1;margin:0;background:#faf7fc;padding:22px;border-radius:16px}
/* 기존 반디 일러스트를 활용한 테스트 산책 표지 */
.rh-home .rc-weekly .rc-mascot-pick{position:relative;overflow:hidden;display:block;box-shadow:0 4px 12px #57327812;background:#eee2f7}
.rc-mascot-pick img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.rc-mascot-pick .rc-pick-sticker{position:absolute;left:6px;bottom:6px;padding:4px 6px;border:1px solid #fff9;border-radius:5px;background:#fff0b8;color:#624680;font-size:8px;font-weight:850;line-height:1;letter-spacing:.5px;transform:rotate(-5deg)}
@media(max-width:1000px){.rh-home .rh-posts{grid-template-columns:1fr}.rh-home .rh-post strong{min-height:0}.rh-home .rh-post{gap:10px}.rh-home .rh-school{gap:16px}.rh-home .rh-school strong{font-size:18px}}
@media(max-width:600px){html body .bandi-entry{padding:34px 20px!important;border-radius:20px!important}html body .bandi-entry h2{font-size:18px}.bandi-entry-actions{width:100%}.bandi-entry-actions .button{flex:1;white-space:nowrap}html body .rh-home .rh-school{display:block;min-height:205px;padding:22px 104px 22px 20px!important;border-radius:18px}.rh-home .rh-school strong{font-size:18px}.rh-home .rh-school small{font-size:11px;line-height:1.6}.rh-home .rh-school-mascot{right:-16px;bottom:-2px;width:136px;height:136px}html body .rh-home .rh-school>b{display:inline-block;margin-top:16px;padding:10px 13px;font-size:11px}html body .rh-home .rh-post{padding:17px}.rh-home .rh-posts{gap:10px}.rh-home .rh-school-section{padding-top:25px;padding-bottom:25px}}

/* 새 반디 심볼 로고: 원본 비율과 투명 배경 유지 */
html body .brand.brand-image{justify-content:flex-start;padding:0 20px;gap:0}
html body .brand-image img{display:block;width:204px;max-width:100%;height:auto;object-fit:contain}
html body .mobile-brand-image{display:none}
@media(max-width:760px){html body .top:after{display:none!important}html body .mobile-brand-image{display:flex;align-items:center;margin-right:auto;min-width:0}html body .mobile-brand-image img{display:block;width:150px;max-width:100%;height:auto;object-fit:contain}html body .top #login{flex:none}html body .brand-image img{width:204px}}
@media(max-width:360px){html body .mobile-brand-image img{width:128px}}