.community-page { min-height: calc(100vh - 66px); background: #fcfdff; }.community-wrap { width: min(1400px,calc(100% - 64px)); margin: 0 auto; }.community-page [hidden] { display: none !important; }.community-message i { display: none; }.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.community-hero { height: 330px; overflow: hidden; border-bottom: 1px solid #eef1f6; background: #fafbff var(--community-hero) center/cover no-repeat; }.hero-community-copy { padding-top: 64px; }.hero-community-copy h1 { margin: 0 0 20px; color: #14203b; font-size:37px; line-height: 1; font-weight: 850; letter-spacing: -.055em; }.hero-community-copy p { margin: 0 0 28px; color: #526078; font-size:17px; line-height: 1.75; }.community-search { position: relative; display: block; width: 500px; height: 52px; }.community-search input { width: 100%; height: 100%; padding: 0 52px 0 20px; border: 1px solid #dce2eb; border-radius: 9px; outline: 0; background: rgba(255,255,255,.97); box-shadow: 0 5px 16px rgba(31,46,78,.05); color: #26334c; font-size:15px; }.community-search input:focus { border-color: #7088ed; box-shadow: 0 0 0 3px rgba(64,91,221,.08); }.community-search input::placeholder { color: #909aab; }.community-search svg { position: absolute; top: 16px; right: 17px; width: 20px; height: 20px; color: #445370; }
.community-content { padding: 0 0 40px; }.community-categories { min-height: 205px; padding: 25px 0; display: grid; grid-template-columns: repeat(7,1fr); gap: 16px; }.community-categories button { min-width: 0; min-height: 155px; padding: 16px 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #edf0f5; border-radius: 13px; background: #fff; box-shadow: 0 5px 15px rgba(29,43,74,.025); transition: border-color .2s,box-shadow .2s,transform .2s; }.community-categories button:hover { border-color: #becbf8; box-shadow: 0 10px 23px rgba(37,55,97,.08); transform: translateY(-2px); }.category-icon { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 50%; }.category-icon svg { width: 29px; height: 29px; stroke-width: 1.7; }.tone-blue { background: #eef3ff; color: #4b6ae5; }.tone-green { background: #eaf8f1; color: #35a473; }.tone-purple { background: #f0efff; color: #6558dc; }.tone-orange { background: #fff5e6; color: #eca128; }.tone-indigo { background: #f0f1ff; color: #6672df; }.tone-pink { background: #fff0f6; color: #db4e91; }.tone-coral { background: #fff2eb; color: #ed7b39; }.tone-sky { background: #edf7ff; color: #3789cf; }.community-categories strong { margin: 12px 0 8px; color: #253149; font-size:17px; }.community-categories small { color: #7b8699; font-size:13px; line-height: 1.55; }
.latest-title-row { height: 48px; display: flex; align-items: center; justify-content: space-between; }.latest-title-row h2 { margin: 0; color: #17213a; font-size:23px; font-weight: 820; letter-spacing: -.04em; }.latest-sort { position: relative; width: 96px; height: 34px; }.latest-sort select { width: 100%; height: 100%; padding: 0 31px 0 12px; border: 1px solid #e0e5ed; border-radius: 7px; appearance: none; outline: 0; background: #fff; color: #57637a; font-size:13px; }.latest-sort svg { position: absolute; top: 10px; right: 10px; width: 14px; height: 14px; pointer-events: none; }
.latest-layout { display: grid; grid-template-columns: minmax(0,3fr) minmax(280px,1fr); gap: 26px; align-items: start; }.post-tabs { min-height: 50px; display: flex; align-items: center; gap: 8px; overflow-x: auto; }.post-tabs button { height: 29px; padding: 0 15px; border: 1px solid #e3e8ef; border-radius: 99px; background: #fff; color: #59667c; font-size:13px; white-space: nowrap; }.post-tabs button.active { border-color: transparent; background: linear-gradient(135deg,#3d66ee,#4753e1); box-shadow: 0 4px 10px rgba(49,87,238,.16); color: #fff; font-weight: 700; }
.post-list { display: grid; gap: 8px; }.post-card { min-width: 0; min-height: 147px; padding: 14px; display: grid; grid-template-columns: minmax(0,1fr) 135px; gap: 14px; border: 1px solid #e0e5ed; border-radius: 11px; background: #fff; box-shadow: 0 4px 14px rgba(28,43,74,.035); transition: border-color .2s,box-shadow .2s,transform .2s; }.post-card:hover { border-color: #c5d1fa; box-shadow: 0 9px 21px rgba(33,51,94,.075); transform: translateY(-1px); }.post-main { min-width: 0; padding: 3px 6px; }.post-title { min-width: 0; display: flex; align-items: center; gap: 9px; }.post-title h3 { min-width: 0; overflow: hidden; margin: 0; color: #1d283e; font-size:18px; font-weight: 760; letter-spacing: -.025em; white-space: nowrap; text-overflow: ellipsis; }.post-badge { flex: 0 0 auto; padding: 6px 10px; border: 1px solid currentColor; border-radius: 6px; background: #f3f6ff; font-size:13px; font-weight: 650; }.post-badge.tone-purple { background: #f4f1ff; }.post-badge.tone-green { background: #effaf5; }.post-badge.tone-pink { background: #fff1f7; }.post-badge.tone-orange { background: #fff6ec; }.post-status { flex: 0 0 auto; color: #e94959; font-size:13px; }.post-summary { height: 39px; margin: 12px 0 7px; overflow: hidden; color: #667287; font-size:14px; line-height: 1.75; }.post-meta { display: flex; align-items: center; gap: 7px; color: #8490a2; font-size:13px; }.author-avatar { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(145deg,#dce7ff,#f3f6ff); color: #40599e; font-weight: 800; }.post-meta em { padding: 3px 5px; border-radius: 4px; background: #f2f4f8; color: #69768b; font-style: normal; }.post-meta i { font-style: normal; }.post-counts { margin-left: auto; color: #6f7c92; white-space: nowrap; }.post-counts b { color: #5d6c85; font-weight: 500; }
.post-thumb { height: 117px; overflow: hidden; display: grid; place-items: center; border-radius: 8px; background: #f0f4ff; }.post-thumb img { width: 100%; height: 100%; display: block; object-fit: cover; }.thumb-notes img { object-position: 50% 35%; filter: saturate(.75); }.thumb-student img { object-position: 50% 30%; }.thumb-campus img { object-position: 70% 55%; }.thumb-parent img { object-position: 70% 45%; }.phone-drawing { position: relative; width: 52px; height: 88px; border: 4px solid #4c72e8; border-radius: 9px; background: #fff; transform: rotate(13deg); }.phone-drawing::before,.phone-drawing::after,.phone-drawing i,.phone-drawing b { content: ""; position: absolute; left: 8px; right: 8px; height: 8px; border-radius: 3px; background: #e4ebff; }.phone-drawing::before { top: 15px; }.phone-drawing::after { top: 31px; }.phone-drawing i { top: 47px; }.phone-drawing b { top: 63px; }.pdf-drawing { position: relative; width: 58px; height: 76px; display: flex; align-items: flex-end; justify-content: center; border: 1px solid #d8dde7; border-radius: 4px; background: #fff; }.pdf-drawing::before { content: ""; position: absolute; top: 0; right: 0; border-top: 17px solid #e7eaf0; border-left: 17px solid transparent; }.pdf-drawing i { width: 100%; margin-bottom: 14px; padding: 6px 0; background: #e64343; color: #fff; font-size:14px; font-style: normal; font-weight: 800; text-align: center; }.post-empty { min-height: 220px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; border: 1px dashed #dce2ec; border-radius: 11px; color: #8490a3; font-size:14px; }.post-empty strong { color: #4d596d; font-size:17px; }.load-more { width: 280px; height: 42px; margin: 19px auto 0; display: block; border: 1px solid #728bed; border-radius: 7px; background: #fff; color: #3157df; font-size:14px; font-weight: 700; }.load-more span { margin-left: 8px; }.load-more:disabled { border-color: #dce2eb; color: #8a95a7; cursor: default; }
.community-sidebar { display: grid; gap: 16px; margin-top: 50px; }.sidebar-card { padding: 20px; border: 1px solid #e0e5ed; border-radius: 11px; background: #fff; box-shadow: 0 4px 14px rgba(28,43,74,.035); }.sidebar-card h3 { margin: 0; color: #202c43; font-size:17px; font-weight: 780; }.popular-posts ol { margin: 17px 0 10px; padding: 0; display: grid; gap: 15px; list-style: none; }.popular-posts li { display: flex; align-items: center; gap: 9px; }.popular-posts li > span { width: 22px; height: 22px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: #f2f4fa; color: #536078; font-size:13px; font-weight: 800; }.popular-posts li a { min-width: 0; flex: 1; overflow: hidden; color: #4a566b; font-size:13px; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; }.popular-posts li b { font-size:13px; }.trend-up { color: #2aa36f; }.trend-down { color: #4569dd; }.trend-same { color: #9ba3b0; }.sidebar-more { display: block; color: #3159e5; font-size:13px; font-weight: 700; text-align: right; text-decoration: none; }
.guide-card { min-height: 145px; display: flex; overflow: hidden; background: linear-gradient(125deg,#f2f5ff,#eff1ff); }.guide-card > div { position: relative; z-index: 1; }.guide-card p { margin: 12px 0; color: #68758a; font-size:13px; line-height: 1.6; }.guide-card a { display: inline-flex; padding: 9px 16px; border-radius: 6px; background: linear-gradient(135deg,#486bef,#4553df); color: #fff; font-size:13px; font-weight: 700; text-decoration: none; }.clipboard-art { position: relative; width: 78px; height: 88px; margin: 20px -2px 0 auto; border: 5px solid #70a2dd; border-radius: 7px; background: #fff; transform: rotate(4deg); }.clipboard-art::before { content: ""; position: absolute; top: -14px; left: 22px; width: 29px; height: 16px; border-radius: 7px 7px 3px 3px; background: #4e81c3; }.clipboard-art i,.clipboard-art b { position: absolute; left: 15px; right: 12px; height: 5px; border-radius: 3px; background: #dce7f4; }.clipboard-art i { top: 26px; box-shadow: 0 16px #dce7f4,0 32px #dce7f4; }.clipboard-art b { top: 25px; left: 5px; right: auto; width: 6px; height: 6px; background: #86badc; box-shadow: 0 16px #86badc,0 32px #86badc; }
.sidebar-heading { display: flex; align-items: center; justify-content: space-between; }.sidebar-heading a { color: #667388; font-size:13px; text-decoration: none; }.today-qa article { position: relative; padding: 15px 0; }.today-qa article + article { border-top: 1px solid #edf0f4; }.today-qa article a { display: block; text-decoration: none; }.today-qa strong,.today-qa span { display: block; }.today-qa strong { margin-bottom: 8px; color: #324058; font-size:13px; }.today-qa strong b { color: #3159e5; }.today-qa span { max-width: 92%; color: #748095; font-size:13px; line-height: 1.55; }.today-qa em { position: absolute; right: 0; bottom: 15px; padding: 4px 6px; border-radius: 5px; background: #eff2ff; color: #4e64d7; font-size:13px; font-style: normal; }
.event-card { position: relative; min-height: 178px; overflow: hidden; }.event-card .sidebar-heading > span { padding: 5px 8px; border: 1px solid #a9d7b7; border-radius: 6px; background: #f0fbf4; color: #318354; font-size:13px; }.event-card p { position: relative; z-index: 1; margin: 16px 0 0; }.event-card p strong,.event-card p small,.event-card p a { display: block; }.event-card p strong { color: #313d52; font-size:14px; line-height: 1.6; }.event-card p small { margin: 8px 0 13px; color: #7e899a; font-size:13px; }.event-card p a { width: 135px; padding: 9px 0; border: 1px solid #7a91ed; border-radius: 6px; color: #3158df; font-size:13px; font-weight: 700; text-align: center; text-decoration: none; }.event-gift { position: absolute; right: 20px; bottom: 32px; width: 64px; height: 64px; display: grid; place-items: center; border-radius: 50%; background: #fff3e9; color: #e98139; }.event-gift svg { width: 38px; height: 38px; }
.community-cta { min-height: 190px; margin-top: 38px; overflow: hidden; border-radius: 13px; background: #f2f4ff var(--community-cta) center/cover no-repeat; }.community-cta > div { padding: 39px 45px; }.community-cta h2 { margin: 0 0 14px; color: #17223b; font-size:26px; font-weight: 830; letter-spacing: -.045em; }.community-cta p { margin: 0 0 20px; color: #58657b; font-size:15px; }.community-cta a { width: 130px; height: 42px; display: flex; align-items: center; justify-content: center; gap: 7px; border-radius: 7px; background: linear-gradient(135deg,#3a64ef,#4753df); box-shadow: 0 6px 13px rgba(49,87,238,.17); color: #fff; font-size:14px; font-weight: 700; text-decoration: none; }
@media(max-width:1200px){.community-wrap{width:min(1120px,calc(100% - 40px))}.community-categories{grid-template-columns:repeat(4,1fr)}.latest-layout{grid-template-columns:minmax(0,2.4fr) minmax(250px,1fr)}.post-card{grid-template-columns:minmax(0,1fr) 110px}.post-thumb{height:105px}}
@media(max-width:780px){.community-wrap{width:calc(100% - 28px)}.community-hero{height:285px;background-position:68% center}.community-hero::after{content:"";position:absolute;top:58px;right:0;left:0;height:285px;background:linear-gradient(90deg,rgba(250,251,255,.96),rgba(250,251,255,.76) 73%,rgba(250,251,255,.25))}.hero-community-copy{position:relative;z-index:1;padding-top:45px}.hero-community-copy h1{font-size:30px}.community-search{width:100%;max-width:420px}.community-categories{grid-template-columns:repeat(2,1fr);gap:10px}.community-categories button{min-height:130px}.latest-layout{display:block}.post-card{grid-template-columns:minmax(0,1fr) 85px;min-height:135px;padding:10px}.post-thumb{height:90px}.post-title h3{font-size:16px}.post-summary{font-size:13px}.post-meta em,.post-meta i{display:none}.post-counts{position:absolute;right:112px;margin-top:38px}.community-sidebar{margin-top:30px}.community-cta{background-position:65% center}.community-cta::after{content:"";position:absolute;right:14px;left:14px;height:190px;border-radius:13px;background:rgba(242,244,255,.83)}.community-cta>div{position:relative;z-index:1;padding:33px 22px}.community-cta h2{font-size:22px}.community-cta p{max-width:62%;line-height:1.5}}
.write-back { margin-left: auto; padding: 9px 15px; border: 1px solid #dce2eb; border-radius: 7px; color: #4f5c72; font-size:14px; text-decoration: none; }.write-page { min-height: calc(100vh - 66px); background: #f8faff; padding: 15px 0 50px; }.write-wrap { width: min(880px,calc(100% - 32px)); margin: 0 auto; }.write-heading { padding: 25px 0 20px; }.write-heading h1 { margin: 0 0 8px; color: #17213a; font-size:29px; }.write-heading p { margin: 0; color: #748095; font-size:15px; }.community-write-form { padding: 28px; border: 1px solid #e0e5ed; border-radius: 12px; background: #fff; box-shadow: 0 7px 21px rgba(27,43,76,.05); }.write-field { margin-bottom: 20px; }.write-field label,.write-options > label > span { display: block; margin-bottom: 8px; color: #303c53; font-size:15px; font-weight: 700; }.write-field input,.write-field select,.write-field textarea,.write-options select { width: 100%; border: 1px solid #dce2eb; border-radius: 7px; outline: 0; background: #fff; color: #354158; font-size:15px; }.write-field input,.write-field select,.write-options select { height: 42px; padding: 0 13px; }.write-field textarea { height: 260px; padding: 14px; resize: vertical; line-height: 1.7; }.write-field input:focus,.write-field select:focus,.write-field textarea:focus { border-color: #7189ed; box-shadow: 0 0 0 3px rgba(63,89,213,.07); }.write-upload-grid { margin-bottom: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.upload-box { min-height: 105px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px dashed #bdc8dc; border-radius: 8px; color: #647188; cursor: pointer; }.upload-box input { display: none; }.upload-box > span { color: #4968df; font-size:24px; }.upload-box strong { margin: 4px 0; font-size:14px; }.upload-box small { color: #98a1af; font-size:13px; }.write-options { margin-bottom: 25px; display: flex; align-items: flex-end; justify-content: space-between; }.write-options > label:first-child { width: 220px; }.write-options > label:last-child { display: flex; align-items: center; gap: 7px; color: #4d596e; font-size:14px; }.write-options input { accent-color: #3157ee; }.write-actions { display: flex; justify-content: flex-end; gap: 9px; }.write-actions a,.write-actions button { min-width: 110px; height: 41px; display: flex; align-items: center; justify-content: center; border: 1px solid #7189ed; border-radius: 7px; background: #fff; color: #3158df; font-size:14px; font-weight: 700; text-decoration: none; }.write-actions button { background: #3157ee; color: #fff; }.write-notice { margin: 15px 0 0; padding: 11px; border-radius: 6px; background: #eff7f2; color: #377b5b; font-size:13px; text-align: center; }
@media(max-width:780px){.community-write-form{padding:18px}.write-upload-grid{grid-template-columns:1fr}.write-options{align-items:stretch;flex-direction:column;gap:15px}.write-options>label:first-child{width:100%}}

/* Readable supporting copy for community content and sidebars. */
.community-search input{font-size:17px}
.community-categories strong{font-size:19px}
.community-categories small{color:#657287;font-size:15px;line-height:1.6}
.latest-sort select,.post-tabs button{font-size:16px}
.post-badge,.post-status{font-size:14px}
.post-summary{height:46px;color:#59677c;font-size:16px;line-height:1.7}
.post-meta{color:#6b778a;font-size:14px}
.load-more{font-size:16px}
.sidebar-card h3{font-size:19px}
.popular-posts li>span{font-size:14px}
.popular-posts li a,.popular-posts li b{font-size:15px}
.sidebar-more{font-size:15px}
.guide-card p{color:#59677c;font-size:15px}
.guide-card a{font-size:15px}
.sidebar-heading a{font-size:14px}
.today-qa strong{font-size:16px}
.today-qa span{color:#657287;font-size:15px}
.today-qa em{font-size:13px}
.event-card .sidebar-heading>span{font-size:14px}
.event-card p strong{font-size:16px}
.event-card p small{color:#657287;font-size:14px}
.event-card p a{font-size:15px}
.community-cta p{font-size:17px}
.community-cta a{font-size:16px}
.write-back,.write-heading p,.write-field label,.write-options>label>span,.write-field input,.write-field select,.write-field textarea,.write-options select,.write-options>label:last-child,.write-actions a,.write-actions button{font-size:17px}
.upload-box strong{font-size:16px}
.upload-box small{font-size:15px}
.write-notice{font-size:15px}

@media(max-width:780px){.post-title h3{font-size:18px}.post-summary{height:42px;font-size:15px}.post-meta{font-size:13px}.community-categories button{min-height:145px}}

/* Functional community board: links, forms and post detail. */
.post-detail-link{color:inherit;text-decoration:none}.post-detail-link:hover{color:#3158e5}.post-thumb{cursor:pointer;text-decoration:none}.latest-sort input[type="hidden"]{display:none}.write-form-error,.field-error{display:block;margin-top:7px;color:#c63f4e;font-size:16px;line-height:1.5}.write-form-error{margin-bottom:18px;padding:12px;border:1px solid #f1b7bf;border-radius:7px;background:#fff7f8}.upload-box em{margin-top:5px;color:#c63f4e;font-size:15px;font-style:normal}.community-detail-page{min-height:calc(100vh - 66px);padding:18px 0 60px;background:#f8faff}.community-detail-wrap{width:min(980px,calc(100% - 40px));margin:0 auto}.community-message-alert{margin:0 0 14px;padding:13px 16px;border:1px solid #b9dfc8;border-radius:8px;background:#f0faf4;color:#26734d;font-size:17px}.community-detail-card{overflow:hidden;border:1px solid #dfe4ec;border-radius:14px;background:#fff;box-shadow:0 8px 25px rgba(27,43,76,.055)}.community-post-head{padding:34px 38px 25px;border-bottom:1px solid #e7ebf1}.community-post-head>div:first-child{display:flex;gap:8px}.member-only-badge{padding:6px 10px;border-radius:6px;background:#f2f4f8;color:#59677c;font-size:15px}.community-post-head h1{margin:18px 0;color:#17213a;font-size:31px;line-height:1.35;letter-spacing:-.04em}.community-post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#657287;font-size:16px}.community-post-meta .author-avatar{width:32px;height:32px}.community-post-meta strong{color:#334057}.community-post-meta i{color:#b0b7c2;font-style:normal}.community-post-image{margin:0;padding:28px 38px 0}.community-post-image img{max-width:100%;max-height:620px;display:block;margin:auto;border-radius:10px;object-fit:contain}.community-post-body{min-height:260px;padding:34px 38px;color:#334057;font-size:19px;line-height:1.9;word-break:break-word}.community-post-body p{margin:0 0 1em}.community-post-tags{padding:0 38px 25px;color:#4162dc;font-size:16px}.community-post-tags span{padding:7px 11px;border-radius:99px;background:#f0f4ff}.community-attachment{margin:0 38px 28px;padding:14px 16px;display:flex;align-items:center;gap:13px;border:1px solid #dfe4ec;border-radius:9px;color:#3e4b61;text-decoration:none}.community-attachment>b{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:#eef3ff;color:#3158e5}.community-attachment span,.community-attachment strong,.community-attachment small{display:block}.community-attachment small{max-width:750px;margin-top:4px;overflow:hidden;color:#6b778a;text-overflow:ellipsis;white-space:nowrap}.community-post-actions{padding:19px 38px;display:flex;align-items:center;gap:9px;border-top:1px solid #e7ebf1;background:#fbfcfe}.community-post-actions span{flex:1}.community-post-actions a{min-width:80px;padding:10px 15px;border:1px solid #ccd4e0;border-radius:7px;color:#425068;font-size:16px;font-weight:700;text-align:center;text-decoration:none}.community-post-actions a:first-child{margin-right:auto}.community-post-actions .danger-action{border-color:#e8b1b8;color:#bf3949}.delete-page{min-height:calc(100vh - 66px);padding:80px 20px;background:#f8faff}.delete-card{width:min(520px,100%);margin:auto;padding:45px 35px;border:1px solid #e1e5ed;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(27,43,76,.07);text-align:center}.delete-icon{width:58px;height:58px;margin:0 auto 20px;display:grid;place-items:center;border-radius:50%;background:#fff0f2;color:#c83c4c;font-size:29px;font-weight:800}.delete-card h1{margin:0 0 13px;color:#17213a;font-size:27px}.delete-card p{margin:0;color:#657287;font-size:17px;line-height:1.75}.delete-card form{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.delete-card a,.delete-card button{height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #ccd4e0;border-radius:7px;background:#fff;color:#425068;font-size:17px;font-weight:700;text-decoration:none}.delete-card button{border-color:#c83c4c;background:#c83c4c;color:#fff}

@media(max-width:780px){.community-detail-wrap{width:calc(100% - 28px)}.community-post-head{padding:25px 20px 20px}.community-post-head h1{font-size:26px}.community-post-image{padding:20px 20px 0}.community-post-body{padding:26px 20px;font-size:18px}.community-post-tags{padding-inline:20px}.community-attachment{margin-inline:20px}.community-post-actions{padding:16px 20px}.community-post-actions a{min-width:66px;padding-inline:11px}.delete-page{padding-top:45px}.delete-card{padding:35px 22px}}

/* Category cards now open dedicated board list pages. */
.community-categories>a{min-width:0;min-height:155px;padding:16px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #edf0f5;border-radius:13px;background:#fff;box-shadow:0 5px 15px rgba(29,43,74,.025);color:inherit;text-align:center;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}.community-categories>a:hover{border-color:#becbf8;box-shadow:0 10px 23px rgba(37,55,97,.08);transform:translateY(-2px)}.community-categories>a strong{margin:12px 0 8px;color:#253149;font-size:19px}.community-categories>a small{color:#657287;font-size:15px;line-height:1.6}.board-all-link{color:#3159e5;font-size:16px;font-weight:700;text-decoration:none}.board-page{min-height:calc(100vh - 66px);background:#f8faff}.board-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}.board-heading{padding:25px 0 34px;background:#f1f4ff;color:#3158e5}.board-heading .breadcrumb{color:#73809a}.board-heading h1{margin:25px 0 10px;color:#17213a;font-size:33px;letter-spacing:-.045em}.board-heading p{margin:0;color:#59677c;font-size:17px}.board-content{padding:26px 0 60px}.board-category-nav{padding-bottom:18px;display:flex;gap:8px;overflow-x:auto}.board-category-nav a{padding:9px 15px;border:1px solid #dfe4ec;border-radius:99px;background:#fff;color:#536177;font-size:16px;text-decoration:none;white-space:nowrap}.board-category-nav a.active{border-color:#3158e5;background:#3158e5;color:#fff;font-weight:700}.board-toolbar{padding:18px;display:flex;justify-content:space-between;gap:15px;border:1px solid #e0e5ed;border-radius:11px;background:#fff}.board-search{max-width:560px;flex:1;display:flex}.board-search input{min-width:0;flex:1;height:42px;padding:0 14px;border:1px solid #d8dee8;border-radius:7px 0 0 7px;outline:0;font-size:17px}.board-search button{width:75px;border:0;border-radius:0 7px 7px 0;background:#3158e5;color:#fff;font-size:17px;font-weight:700}.board-sort select{height:42px;padding:0 32px 0 13px;border:1px solid #d8dee8;border-radius:7px;background:#fff;color:#536177;font-size:16px}.board-result-head{min-height:65px;display:flex;align-items:center;justify-content:space-between}.board-result-head p{margin:0;color:#657287;font-size:17px}.board-result-head p strong{color:#3158e5}.board-result-head>a{padding:10px 17px;border-radius:7px;background:#3158e5;color:#fff;font-size:16px;font-weight:700;text-decoration:none}.board-post-list{display:grid;gap:10px}.board-post-row{min-height:155px;padding:20px 22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;border:1px solid #e0e5ed;border-radius:11px;background:#fff;box-shadow:0 4px 14px rgba(28,43,74,.035)}.board-post-copy{min-width:0;color:inherit;text-decoration:none}.board-post-copy>div{display:flex;gap:8px}.board-post-copy h2{margin:11px 0 8px;overflow:hidden;color:#1d283e;font-size:21px;text-overflow:ellipsis;white-space:nowrap}.board-post-copy>p{margin:0 0 13px;overflow:hidden;color:#59677c;font-size:16px;line-height:1.65;text-overflow:ellipsis;white-space:nowrap}.board-post-copy footer{display:flex;align-items:center;gap:9px;color:#6b778a;font-size:15px}.board-post-copy footer .author-avatar{width:26px;height:26px}.board-post-copy footer strong{color:#435068}.board-post-thumb{width:145px;height:112px;overflow:hidden;border-radius:8px}.board-post-thumb img{width:100%;height:100%;object-fit:cover}.board-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed #ccd5e2;border-radius:12px;background:#fff;color:#657287;font-size:16px}.board-empty strong{color:#334057;font-size:20px}.board-empty a{margin-top:6px;padding:10px 18px;border-radius:7px;background:#3158e5;color:#fff;text-decoration:none}

@media(max-width:780px){.community-categories>a{min-height:145px}.board-wrap{width:calc(100% - 28px)}.board-heading{padding-top:18px}.board-heading h1{font-size:28px}.board-toolbar{flex-direction:column}.board-search{max-width:none}.board-sort select{width:100%}.board-post-row{padding:16px;grid-template-columns:minmax(0,1fr) 85px}.board-post-copy h2{font-size:19px}.board-post-copy>p{font-size:15px}.board-post-copy footer{flex-wrap:wrap}.board-post-thumb{width:85px;height:85px}}

/* Board-specific writing state and attachment restrictions. */
.locked-board-field{height:46px;padding:0 14px;display:flex;align-items:center;border:1px solid #cfd8e8;border-radius:7px;background:#f5f7fb;color:#253149;font-size:18px;font-weight:700}.attachment-disabled-note{margin-bottom:20px;padding:15px 16px;border:1px solid #d9e1ee;border-radius:8px;background:#f5f7fb;color:#526078;font-size:17px;line-height:1.6}.attachment-disabled-note .field-error{margin-top:5px}.community-write-form [hidden]{display:none!important}
.write-destination{margin-bottom:24px;padding:17px 19px;display:grid;grid-template-columns:auto 1fr;gap:5px 14px;align-items:center;border:1px solid #cfd9ff;border-radius:10px;background:#f5f7ff}.write-destination>span{grid-row:1/3;padding:7px 10px;border-radius:999px;background:#e3e9ff;color:#3157ee;font-size:13px;font-weight:800}.write-destination strong{display:flex;align-items:center;gap:9px;color:#17213a;font-size:18px}.write-destination strong i{color:#8b9ac1;font-style:normal}.write-destination small{color:#68758d;font-size:14px}
.student-write-options{justify-content:flex-end}
.write-header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}

/* Private customer support and related-post navigation. */
.tone-support{background:#edf8f7;color:#16877b}.post-badge.tone-support{background:#edf8f7}.private-status,.private-detail-badge{color:#16796f}.private-write-label{height:42px;padding:0 13px;display:flex;align-items:center;border:1px solid #b9ddd8;border-radius:7px;background:#f0faf8;color:#16796f;font-size:17px}.community-related-list{margin-top:18px;padding:25px 28px;border:1px solid #dfe4ec;border-radius:14px;background:#fff;box-shadow:0 8px 25px rgba(27,43,76,.04)}.related-list-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #e8ebf1}.related-list-head h2{margin:0;color:#17213a;font-size:21px}.related-list-head a{color:#3158e5;font-size:16px;font-weight:700;text-decoration:none}.community-related-list>div:last-child{display:grid}.community-related-list>div:last-child>a{min-height:58px;display:grid;grid-template-columns:auto minmax(0,1fr) 90px 70px;align-items:center;gap:13px;border-bottom:1px solid #edf0f4;color:inherit;text-decoration:none}.community-related-list>div:last-child>a:last-child{border-bottom:0}.community-related-list>div:last-child>a strong{overflow:hidden;color:#334057;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.community-related-list time,.community-related-list em{color:#7c8799;font-size:15px;font-style:normal}.community-related-list>div:last-child>p{margin:25px 0;color:#7c8799;font-size:16px;text-align:center}
@media(max-width:780px){.community-related-list{padding:20px 16px}.community-related-list>div:last-child>a{grid-template-columns:auto minmax(0,1fr);padding:10px 0}.community-related-list time,.community-related-list em{display:none}.related-list-head h2{font-size:20px}}
@media(min-width:1201px){.community-categories{grid-template-columns:repeat(8,1fr)}}
.board-channel-nav{padding-bottom:18px;display:flex;gap:8px;overflow-x:auto}.board-channel-nav a{padding:7px 13px 7px 9px;display:inline-flex;align-items:center;gap:6px;border:1px solid #dfe4ec;border-radius:99px;background:#fff;color:#536177;font-size:15px;text-decoration:none;white-space:nowrap}.board-channel-nav a img{width:25px;height:25px;display:block;object-fit:contain}.board-channel-nav a.active{border-color:#3789cf;background:#3789cf;color:#fff;font-weight:700}.board-channel-nav a.active img{filter:drop-shadow(0 2px 3px rgba(22,55,112,.2))}
.student-channel-grid{padding:30px 0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.student-channel-card{min-height:205px;padding:18px 14px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #e0e5ed;border-radius:15px;background:linear-gradient(180deg,#fff,#fbfcff);color:inherit;text-align:center;text-decoration:none;box-shadow:0 5px 15px rgba(29,43,74,.025);transition:border-color .2s,box-shadow .2s,transform .2s}.student-channel-card:hover{border-color:#7cb8e8;box-shadow:0 12px 27px rgba(37,55,97,.1);transform:translateY(-3px)}.student-channel-card .channel-icon{width:94px;height:94px;display:grid;place-items:center;margin-bottom:3px}.student-channel-card .channel-icon img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 7px 9px rgba(43,66,128,.12));transition:transform .2s}.student-channel-card:hover .channel-icon img{transform:scale(1.06)}.student-channel-card strong{color:#253149;font-size:17px}.student-channel-card small{color:#7b8699;font-size:13px;line-height:1.5}
@media(max-width:1200px){.student-channel-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.student-channel-grid{grid-template-columns:repeat(2,1fr)}}
.community-comment-list{margin-top:16px;padding:22px 26px;border:1px solid #e0e5ed;border-radius:12px;background:#fff}.community-comment-list h2{margin:0 0 14px;color:#253149;font-size:19px}.community-comment{padding:12px 0;border-top:1px solid #eef1f6}.community-comment:first-of-type{border-top:0}.community-comment header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.community-comment header strong{color:#354158;font-size:14px}.community-comment header time{color:#96a1b3;font-size:12px}.community-comment p{margin:0;color:#435068;font-size:15px;line-height:1.6}.community-comment-empty{margin:10px 0;color:#8a95a8;font-size:14px}.community-comment-form{margin-top:14px;display:flex;gap:8px}.community-comment-form textarea{flex:1;min-height:44px;padding:10px 13px;border:1px solid #dce2eb;border-radius:7px;outline:0;resize:vertical;font-size:14px}.community-comment-form button{padding:0 18px;border:0;border-radius:7px;background:#3157ee;color:#fff;font-size:14px;font-weight:700}

/* Full-width commercial category cards with individually generated assets. */
.community-categories{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.community-categories>a{min-height:184px;padding:18px 16px}
.category-icon{width:82px;height:82px;border-radius:0;background:transparent}
.category-icon img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 8px 11px rgba(43,66,128,.13));transition:transform .2s}
.community-categories>a:hover .category-icon img{transform:translateY(-2px) scale(1.04)}
.parent-channel-page .board-heading{background:linear-gradient(135deg,#fff4f8,#f2f4ff)}
.parent-channel-card:hover{border-color:#e99bbb;box-shadow:0 12px 27px rgba(123,55,91,.09)}
.parent-channel-nav a.active{border-color:#d94f8e;background:#d94f8e}
@media(min-width:1201px){.community-categories{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}}
@media(max-width:780px){.community-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.category-icon{width:74px;height:74px}}

/* Individually generated title backgrounds for the core community boards. */
.board-heading.board-heading-banner{position:relative;isolation:isolate;min-height:210px;padding:30px 0 38px;overflow:hidden;background-color:var(--board-heading-bg);background-image:linear-gradient(90deg,var(--board-heading-bg) 0%,var(--board-heading-bg) 51%,var(--board-heading-fade-strong) 62%,var(--board-heading-fade-soft) 73%,transparent 88%),var(--board-heading-image);background-position:center,right center;background-size:100% 100%,auto 150%;background-repeat:no-repeat}
.board-heading.board-heading-banner:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0));pointer-events:none}
.board-heading-banner>.board-wrap{position:relative;z-index:1}
.board-heading.board-heading-notice{--board-heading-bg:#f2f6ff;--board-heading-fade-strong:rgba(242,246,255,.94);--board-heading-fade-soft:rgba(242,246,255,.68);--board-heading-image:url("../images/community/board-headers/notice.d35c7f3e453e.png")}
.board-heading.board-heading-parents{--board-heading-bg:#fff8f7;--board-heading-fade-strong:rgba(255,248,247,.94);--board-heading-fade-soft:rgba(255,248,247,.68);--board-heading-image:url("../images/community/board-headers/parents.9639f7a6fe66.png")}
.board-heading.board-heading-student{--board-heading-bg:#edf5ff;--board-heading-fade-strong:rgba(237,245,255,.94);--board-heading-fade-soft:rgba(237,245,255,.68);--board-heading-image:url("../images/community/board-headers/student.2f651e23fe44.png")}
.board-heading.board-heading-support{--board-heading-bg:#f3faf8;--board-heading-fade-strong:rgba(243,250,248,.94);--board-heading-fade-soft:rgba(243,250,248,.68);--board-heading-image:url("../images/community/board-headers/support.7ee984034043.png")}
@media(max-width:780px){.board-heading.board-heading-banner{min-height:195px;padding:22px 0 30px;background-image:linear-gradient(90deg,var(--board-heading-bg) 0%,var(--board-heading-bg) 58%,var(--board-heading-fade-strong) 72%,var(--board-heading-fade-soft) 88%,transparent 100%),var(--board-heading-image);background-position:center,88% center;background-size:100% 100%,auto 118%}.board-heading-banner p{max-width:72%;font-size:15px;line-height:1.5}}