.recommended-root{max-width:1150px;margin:auto;min-width:0}.recommend-heading{margin:20px 0 26px}.recommend-heading h1{font-size:clamp(28px,5vw,44px);line-height:1.2;margin:8px 0}.recommend-heading p{opacity:.75;max-width:650px}.recommend-kicker,.recommend-category{font-size:12px;letter-spacing:.05em;color:#22b980;font-weight:800}.recommend-toolbar,.recommend-actions,.recommend-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.recommend-toolbar{justify-content:space-between;margin:18px 0}.recommend-filters [aria-pressed=true]{background:#12905d;color:white}.recommend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}.recommend-card,.recommend-detail,.recommend-discussion,.recommend-empty,#recommendedEditForm{border:1px solid #67869b44;border-radius:22px;background:var(--card,#102032);padding:22px;min-width:0}.recommend-card{padding:0;overflow:hidden}.recommend-card>div:last-child{padding:20px}.recommend-card>img,.recommend-placeholder{width:100%;height:210px;object-fit:cover}.recommend-placeholder{display:grid;place-items:center;font-size:70px;background:linear-gradient(130deg,#15995b22,#4e7fcc22);color:#29b880}.recommend-card h2{font-size:23px;line-height:1.3;margin:10px 0}.recommend-card p{opacity:.8;overflow-wrap:anywhere}.recommend-card .recommend-actions{margin-top:18px;justify-content:space-between}.recommend-detail{margin:18px 0}.recommend-detail h2{font-size:clamp(27px,4vw,40px);line-height:1.2;overflow-wrap:anywhere}.recommend-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin:22px 0}.recommend-images img{width:100%;height:250px;object-fit:cover;border-radius:16px}.recommend-description{line-height:1.8;margin:22px 0;overflow-wrap:anywhere}.recommend-description img{max-width:100%;height:auto}.recommend-responsible{padding-top:20px;margin-top:22px;border-top:1px solid #71839a44}.recommend-empty{text-align:center;padding:45px 24px}.recommend-empty>span{font-size:54px;color:#27b77c}.recommend-empty h2{font-size:26px}.recommend-empty p{opacity:.75;max-width:540px;margin:12px auto}.recommend-comment{margin:14px 0 14px calc(var(--depth,0)*12px);border:1px solid #62879c33;border-radius:15px;padding:15px;background:#6d8b9b08}.recommend-comment>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.recommend-comment small{font-size:11px;opacity:.7}.recommend-comment p{white-space:pre-wrap;overflow-wrap:anywhere}.recommend-owner-badge{font-size:11px;padding:5px 8px;border-radius:99px;background:#14966122;color:#29bc88}.recommended-root label{display:grid;gap:7px;margin:15px 0}.recommended-root input:not([type=checkbox]),.recommended-root textarea,.recommended-root select{font:inherit;width:100%;box-sizing:border-box;min-height:44px;border:1px solid #6c8a9d55;background:var(--card,#102032);color:inherit;border-radius:12px;padding:12px}.recommend-publish{display:flex!important;align-items:center;gap:9px}.recommend-upload{border:1px dashed #24b37d88;border-radius:14px;padding:15px}.recommend-actions .btn{min-height:42px;border-radius:12px}.recommended-root [role=status]{font-size:14px}.recommended-root .btn{cursor:pointer}.recommended-root #recommendedOwnerResults{display:flex;gap:8px;flex-wrap:wrap}[data-theme=light] .recommend-card,[data-theme=light] .recommend-detail,[data-theme=light] .recommend-discussion,[data-theme=light] .recommend-empty,[data-theme=light] #recommendedEditForm,body[data-theme-mode=light] .recommended-root{--card:#fff;color:#172b40}@media(max-width:450px){.recommend-detail,.recommend-discussion,#recommendedEditForm{padding:17px}.recommend-images img{height:220px}.recommend-toolbar{align-items:stretch}.recommend-actions .btn{white-space:normal}.recommend-grid{grid-template-columns:1fr}}

.recommend-description h2{font-size:20px!important;line-height:1.3;margin:22px 0 10px}.recommend-description{line-height:1.65}.recommend-description p{margin:8px 0 14px}.recommend-detail>.btn{display:inline-flex;align-items:center;min-height:42px}.recommend-detail .recommend-actions{margin-top:10px}.recommend-responsible{font-size:12px;opacity:.8}.recommend-detail h2{font-size:clamp(24px,4vw,34px)}