.resource-categories{display:flex;gap:9px;overflow-x:auto;padding:8px 0 20px;margin-bottom:8px}.resource-categories button{flex-shrink:0;border:1px solid #dce3ee;background:#fff;border-radius:8px;padding:10px 15px;color:#52617a;font:inherit;cursor:pointer}.resource-categories button[aria-pressed=true]{background:#263953;color:#fff;border-color:#263953}.source-card-content{display:block;text-decoration:none;color:inherit;flex:1;min-width:0}.source-card-content p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.source-card-bottom{gap:12px;flex-wrap:wrap}.source-card-bottom button{border:0;background:none;color:#51647d;font:inherit;font-size:13px;cursor:pointer;padding:3px}.source-card-bottom button[aria-pressed=true]{color:#a64b5e}.source-card-top span:nth-child(2){font-size:13px}.community-feedback-head,.community-comment header{display:flex;gap:12px;align-items:center;justify-content:space-between}.community-comment{border-top:1px solid #e3e8ef;padding:20px 0}.community-comment header{justify-content:flex-start;flex-wrap:wrap}.community-comment time{font-size:12px;color:#778499}.community-comment p,.resource-extra-notes p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.feedback-actions{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.feedback-actions span{color:#778499;font-size:13px}.feedback-error,#community-load-error{color:#a33840}.community-meta-editor,.resource-extra-notes,.resource-long-description{padding:18px 0}.community-meta-editor summary,.resource-extra-notes summary,.resource-long-description summary{cursor:pointer;font-weight:600;margin-bottom:14px}.community-meta-editor .field{margin-bottom:14px}.source-card{display:flex;flex-direction:column}.community-feedback h3{margin:18px 0}.resource-intro{font-size:17px;line-height:1.8}.community-tools select{max-width:150px}
/* Compact resource browsing and a quiet, readable image backdrop. */
body:not(.auth-home){background:linear-gradient(rgba(246,248,252,.93),rgba(246,248,252,.93)),url('/assets/login-editorial.png') center/cover fixed!important}
.source-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.source-card{padding:16px;min-height:0;border-radius:9px}.source-card h2{font-size:17px;line-height:1.5;margin:11px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.source-card-content p{font-size:13px;line-height:1.7;margin:0 0 12px;-webkit-line-clamp:2;min-height:0}.source-card-top{gap:7px}.source-card-top span:nth-child(2){font-size:12px}.source-card-bottom{padding-top:10px;gap:7px;justify-content:space-between}.source-card-bottom button,.source-card-bottom .resource-views{font-size:12px}.source-card-top .source-rank{width:24px;height:24px;font-size:11px}
#detail.resource-detail{width:min(1080px,calc(100vw - 48px));max-width:1080px;background:#fff;padding:0;border-radius:14px;max-height:90dvh}#detail.resource-detail .dialog-head{padding:20px 28px;border-bottom:1px solid #e6eaf0}#detail.resource-detail .dialog-head h2{font-size:15px;color:#667389}.resource-detail-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);min-height:460px}.resource-overview{padding:32px;min-width:0}.resource-overview .detail-title{font-size:27px;line-height:1.45;margin:0 0 20px;overflow-wrap:anywhere}.resource-overview .resource-intro{font-size:16px;line-height:1.95;color:#49596e;margin:0 0 30px;white-space:pre-wrap;overflow-wrap:anywhere}.resource-discussion{padding:24px;border-left:1px solid #e6eaf0;background:#fafbfd;min-width:0}.resource-discussion .community-feedback{margin:0;padding:0;border:0}.resource-discussion .community-feedback-head h3{font-size:16px;margin:0}.resource-discussion .community-feedback-head{margin-bottom:20px}.resource-discussion #resource-extra-notes{display:none}.resource-discussion textarea{width:100%;box-sizing:border-box;background:#fff}.resource-discussion .community-comment{padding:15px 0}.resource-discussion .community-comment p{font-size:14px;margin:10px 0}.resource-discussion .feedback-actions span{display:none}.resource-discussion .feedback-actions{justify-content:flex-end}.resource-discussion .community-comment time{font-size:11px}.resource-download{display:flex;width:fit-content;max-width:100%;gap:10px;text-decoration:none;margin:0 0 12px}.resource-download>span{min-width:0}.download-name{display:block;font-size:12px;font-weight:400;opacity:.85;overflow-wrap:anywhere}.resource-source{margin-top:12px;text-decoration:none}
@media(max-width:1250px){.source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#detail.resource-detail{width:calc(100vw - 20px);max-height:94dvh}.resource-detail-layout{grid-template-columns:minmax(0,1fr);min-height:0}.resource-overview{padding:24px}.resource-overview .detail-title{font-size:23px}.resource-discussion{border-left:0;border-top:1px solid #e6eaf0;padding:22px}.source-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.source-card{padding:13px}.source-card h2{font-size:16px}.source-card-top .source-rank{display:none}.source-card-bottom{gap:5px}.source-card-bottom .resource-views{width:100%}.source-card-content p{font-size:13px}.resource-categories{padding-bottom:14px}}
@media(max-width:370px){.source-grid{grid-template-columns:1fr}}
body:not(.auth-home) .shell{background:transparent}
#source-results .source-grid{gap:14px}#source-results .source-card{padding:16px;min-height:190px}#source-results .source-card h2{font-size:17px;margin:11px 0 8px}#source-results .source-card-top{gap:8px;font-size:12px;min-height:24px}#source-results .source-card-top .source-rank{min-width:26px;width:26px;height:26px;padding:0;white-space:nowrap;overflow-wrap:normal}#source-results .source-card-bottom{padding-top:10px;gap:7px;font-size:12px}
#detail.resource-detail{height:auto;inset:0;margin:auto}#community-comments-more[hidden]{display:none!important}.resource-discussion textarea{min-height:100px;max-height:220px}
@media(max-width:700px){#source-results .source-card{padding:13px;min-height:185px}#source-results .source-card h2{font-size:16px}#source-results .source-grid{gap:10px}}
#detail.resource-detail{inset:50% auto auto 50%;margin:0;transform:translate(-50%,-50%);height:fit-content}
.shop-link{display:flex;justify-content:space-between;align-items:center;color:#d9e3f4;text-decoration:none;margin:-6px 12px 22px;padding:10px 12px;background:#ffffff09;border:1px solid #ffffff14;border-radius:7px;font-size:14px}.shop-link:hover{background:#ffffff17;color:white}
#detail.resource-detail{width:min(1320px,calc(100vw - 40px));max-width:1320px;height:min(780px,90dvh)}.resource-detail-layout{grid-template-columns:minmax(260px,.8fr) minmax(440px,1.2fr);height:calc(100% - 77px);min-height:0}.resource-overview,.resource-discussion{overflow:auto}.resource-discussion{padding:28px 32px}.resource-discussion textarea{min-height:145px}.comment-media-tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.sticker-label{cursor:pointer;position:relative;overflow:hidden}.sticker-label input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}#emoji-picker:not([hidden]){display:flex;flex-wrap:wrap;gap:6px;padding:12px 0}#emoji-picker button{border:0;background:#edf1f7;border-radius:6px;padding:7px;font-size:24px;cursor:pointer}.comment-sticker{display:block;max-width:min(260px,100%);max-height:220px;object-fit:contain;border-radius:8px;margin:12px 0}#comment-image-preview{display:flex;align-items:center;gap:12px}#comment-image-preview .comment-sticker{max-width:130px;max-height:110px}body[data-page=skills] main{padding-bottom:160px}
@media(max-width:800px){#detail.resource-detail{width:calc(100vw - 20px);height:auto;max-height:94dvh}.resource-detail-layout{display:block;height:auto}.resource-overview,.resource-discussion{overflow:visible}.resource-discussion{padding:24px;border-left:0;border-top:1px solid #e6eaf0;min-height:420px}.resource-discussion textarea{min-height:150px}}

#resource-editor-category[hidden],#resource-editor-summary[hidden]{display:none!important}.resource-remarks{margin:0 0 26px}.resource-remarks h3{font-size:16px;margin-bottom:10px}.resource-remarks p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.9;color:#49596e}