/* Native community shell, matching the reference site's content-first layout. */
:root{color:#242429;background:#f5f5f8;--teal:#4f46e5;--line:#e7e7ec;--surface:#fff;--subtle:#f4f4f6;--muted:#74747d}
.site-header{background:var(--surface);border-bottom:1px solid var(--line)}
.header-inner{max-width:1280px;min-height:58px;padding:9px 16px;gap:30px;flex-wrap:nowrap}
.brand{font-size:19px;letter-spacing:-.4px;min-width:0;max-width:260px;overflow:hidden}
.brand img{flex-shrink:0}
.header-navigation{display:flex;align-items:center;gap:22px;flex:1;min-width:0}
.header-navigation>nav{gap:22px;font-size:14px;width:auto;order:0}
.header-navigation .search{display:flex;order:0;max-width:230px;width:auto;margin-left:auto;flex:1}
.header-navigation .search input{background:var(--subtle);border-color:transparent;font-size:13px}
.header-navigation .account{margin:0;font-size:13px;gap:14px}
.menu-toggle{display:none}.menu-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}
.site-main{max-width:1280px;margin:16px auto 48px;padding:0 16px;min-width:0}
.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:none}
.community-grid{display:grid;grid-template-columns:220px minmax(0,1fr) 320px;gap:10px;align-items:start;min-width:0}
.category-dock{position:sticky;top:18px;padding:14px 8px;border:0;background:var(--surface);display:flex;flex-direction:column;gap:5px;min-width:0}
.category-dock a{display:flex;gap:10px;align-items:center;padding:9px 12px;border-radius:7px;font-size:14px;min-width:0}
.category-dock a:hover{background:#ededf3}.category-dock a[aria-current]{background:#e9edfc;color:#426bd5}
.category-dock img{object-fit:cover;border-radius:5px;flex-shrink:0}.category-all{width:20px;text-align:center;font-size:21px;line-height:20px}
.category-dock a span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.feed{min-width:0}.feed-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:13px 16px}
.feed-heading h1{font-size:16px;font-weight:650;letter-spacing:0;line-height:24px;margin:0;overflow-wrap:anywhere}
.feed-tabs{display:flex;gap:2px;flex-shrink:0;background:var(--subtle);border-radius:8px;padding:3px;white-space:nowrap;font-size:13px}
.feed-tabs a{padding:1px 12px;border-radius:6px;color:var(--muted)}.feed-tabs a[aria-current]{background:var(--surface);box-shadow:0 1px 4px #00000012;color:inherit}
.feed .filter-card{padding:10px 16px;margin:0;border-bottom:1px solid var(--line)}
.feed .filter-form{gap:10px}.feed .filter-form label{display:flex;align-items:center;gap:8px;font-size:12px;max-width:none}
.feed .filter-form select{padding:4px 8px;margin:0;width:auto;font-size:12px}.feed .filter-form .button{padding:4px 10px;font-size:12px}
.feed-item{padding:16px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.feed-author{display:flex;align-items:center;gap:5px;margin-bottom:9px;font-size:12px;color:var(--muted)}
.feed-author>a{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:55%}
.feed-author img{border-radius:50%;object-fit:cover;flex-shrink:0}.feed-author time{white-space:nowrap;font-size:11px}
.content-label{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border-radius:4px;background:var(--subtle);font-size:11px;line-height:18px;color:var(--muted);vertical-align:middle;font-weight:400}
.sticky-label{margin-left:auto;background:#fff0d9;color:#b77523}.qa-label{margin-right:6px;background:#fffae8;color:#a17c25;border:1px solid #eee1bd}.qa-label.solved{background:#ecf9f2;color:#32845d;border-color:#c6e9d6}
.feed h2{font-size:16px;line-height:1.65;font-weight:650;margin:0 0 7px;letter-spacing:0}
.feed .summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 12px}
.feed .summary:hover{color:inherit}.feed-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:10px}
.feed-labels{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
.category-label{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;background:var(--subtle);border-radius:5px;color:var(--muted);font-size:11px}
.category-label img{border-radius:50%;object-fit:cover}.feed-tag{font-size:11px;color:var(--muted)}
.feed-stats{display:flex;gap:13px;align-items:center;flex-shrink:0;color:var(--muted);font-size:12px}
.feed-stats button,.feed-stats a{display:inline-flex;align-items:center;gap:4px;font-size:12px}.feed-stats svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.feed-stats .view-count{display:none}.feed-compact .feed-item{padding:11px 16px}.feed-compact .summary{display:none}.feed-compact h2{font-size:14px}.feed-compact .tweet-content{margin:6px 0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.feed-compact .tweet-images{display:none}
.community-aside{display:flex;flex-direction:column;gap:16px;min-width:0}.community-widget{padding:16px;font-size:13px}
.community-widget h2{font-size:15px;margin:0}.community-widget .muted{font-size:13px;margin:12px 0}.widget-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.widget-profile{display:flex;gap:12px;align-items:center}.widget-profile img{object-fit:cover;border-radius:50%}.widget-profile a{font-size:15px;font-weight:600}.widget-profile .meta{margin:3px 0}
.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0}.profile-stats a{display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line)}.profile-stats a:last-child{border:0}.profile-stats strong{font-size:17px}.profile-stats span{color:var(--muted);font-size:11px}.widget-more{display:block;font-size:12px;color:var(--muted);text-align:center;margin-top:14px}
.community-rank,.community-links{list-style:none;margin:0;padding:0}.community-rank li{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line)}.community-rank li:last-child{border:0}.community-rank a{display:flex;gap:9px;align-items:center;min-width:0}.community-rank a span{overflow-wrap:anywhere}.community-rank img{border-radius:50%;object-fit:cover;flex-shrink:0}.rank-score{font-size:11px;background:var(--subtle);padding:1px 8px;border-radius:12px;flex-shrink:0;color:var(--muted)}
.community-links li{padding:10px 0;border-bottom:1px solid var(--line)}.community-links li:last-child{border:0}.community-links .meta{margin:4px 0 0}
.feed .tweet-content{font-size:15px;line-height:1.65}.tweet-images img{width:120px;height:120px}.site-footer{font-size:12px;color:var(--muted);gap:20px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--teal);outline-offset:3px}#comments{scroll-margin-top:24px}
html[data-theme="dark"]{background:#16171c;color:#e6e6e9;--surface:#202127;--line:#33343c;--subtle:#2b2c34;--muted:#a4a4af;--teal:#8b9eff}
html[data-theme="dark"] :is(.card,.site-header,.header-dropdown>div){background:var(--surface);color:inherit}
html[data-theme="dark"] :is(.meta,.muted,.summary,.feed-author,.site-footer){color:var(--muted)}
html[data-theme="dark"] .category-dock{background:transparent}html[data-theme="dark"] .category-dock a[aria-current]{background:#303754;color:#b6c2ff}html[data-theme="dark"] .category-dock a:hover{background:var(--subtle)}
html[data-theme="dark"] .sticky-label{background:#4c3c29;color:#f5d39d}html[data-theme="dark"] .qa-label{background:#3f3a29;color:#e6cf82;border-color:#615538}html[data-theme="dark"] .qa-label.solved{background:#263f35;color:#96d7b4;border-color:#355d49}
@media(max-width:1150px){.header-inner{gap:20px}.header-navigation{gap:16px}.header-navigation .search{max-width:170px}.header-navigation>nav{gap:16px}.community-grid{grid-template-columns:115px minmax(0,1fr) 250px;gap:14px}}
@media(max-width:1000px){.community-grid{grid-template-columns:130px minmax(0,1fr)}.community-aside{display:none}.header-inner{flex-wrap:wrap;justify-content:space-between;gap:12px}.menu-toggle{display:block;margin-left:auto}.header-navigation{flex-basis:100%;display:grid;grid-template-columns:1fr;gap:16px;padding:10px 0}.header-navigation>nav{width:100%;flex-wrap:wrap}.header-navigation .search{order:0;width:100%;max-width:none;margin:0}.header-navigation .account{flex-wrap:wrap;margin:0}.header-navigation .theme-picker{margin:0;max-width:130px}.header-navigation .theme-picker select{font-size:13px}.js .header-navigation{display:none}.js .header-navigation.is-open{display:grid}}
@media(max-width:760px){.site-main{margin:10px auto 30px;padding:0 8px}.header-inner{min-height:56px;padding:10px 16px}.brand{font-size:17px;max-width:calc(100% - 50px)}.brand img{width:32px;height:32px}.community-grid{display:flex;flex-direction:column;gap:10px}.category-dock{position:static;width:100%;display:flex;flex-direction:row;overflow-x:auto;gap:4px;padding:6px;background:var(--surface);border:1px solid var(--line);white-space:nowrap}.category-dock a{flex-shrink:0;padding:7px 9px;gap:6px;font-size:12px}.category-dock img{width:18px;height:18px}.feed{width:100%}.feed-heading{padding:12px 14px}.feed-tabs a{padding:1px 10px}.feed-item{padding:14px 16px}.feed h2{font-size:15px}.feed-author time{font-size:11px}.feed-labels .feed-tag{display:none}.feed-bottom{gap:8px}.feed-stats{gap:10px}.feed-stats span{font-size:11px}.feed .summary{font-size:14px}.site-footer{padding:18px 16px}.feed-compact .feed-item{padding:10px 14px}.feed .tweet-images img{width:94px;height:94px}}

.widget-checkin-rank{list-style:none;padding:0;margin:10px 0 0}.widget-checkin-rank li{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:7px;padding:10px;margin-top:8px}.widget-checkin-rank img{border-radius:50%;object-fit:cover}.widget-checkin-rank .meta{display:block;font-size:11px}.widget-checkin-rank a{font-size:13px}.community-widget h3{font-size:13px;margin:20px 0 8px}.tweet-images>a:only-child img{width:210px;height:210px}
.category-dock{align-items:stretch;order:0}.feed-tabs{width:auto;order:0;flex-wrap:nowrap}

/* Content detail and public profiles follow the same native community shell. */
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:10px;align-items:start}
.detail-main,.detail-aside{min-width:0}.detail-main{display:flex;flex-direction:column;gap:20px}.detail-aside{display:flex;flex-direction:column;gap:10px;align-self:stretch}
.content-card{overflow:hidden}.content-header{padding:14px 16px;border-bottom:1px solid var(--line)}.content-header h1{font-size:26px;line-height:1.4;letter-spacing:0;margin:0 0 12px;overflow-wrap:anywhere}
.content-author-line{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--muted)}.content-author-line p{margin:2px 0 0}.author-avatar{display:inline-flex;flex-shrink:0}.author-avatar img{border-radius:50%;object-fit:cover}
.content-body{padding:0 16px 16px;min-width:0}.content-body>.prose{margin:20px 0;font-size:16px;line-height:1.85}.prose h2{font-size:20px;padding-bottom:7px;border-bottom:1px solid var(--line);margin-top:24px}.prose h3{font-size:17px;margin-top:24px}.prose table{display:block;max-width:100%;overflow-x:auto}.prose li{margin:8px 0}.prose a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}.prose iframe,.prose video{max-width:100%}
.content-taxonomy{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.content-actions{padding:12px 16px;border-top:1px solid var(--line);justify-content:space-around;align-items:center;gap:12px;font-size:13px}.content-actions>.button{background:transparent;color:inherit;border:0;font-weight:400;padding:0;font-size:13px}.content-actions>.meta{font-size:13px}
.comments-card{padding:16px;min-width:0}.comments-card>h2{font-size:16px;margin:0 0 14px}.comment-composer{margin-bottom:20px}.comment-composer>a{display:block;border:1px solid #b9c0eb;border-radius:8px;background:#eceefe;padding:14px;color:#353a70;font-size:14px}.comment-composer textarea{min-height:110px}.comment-composer label{margin-top:0}.comment-composer .upload-label{display:inline-flex;margin:0 10px 0 0;padding:7px 12px}.comment-composer .button{padding:7px 12px}.comment-heading{display:flex;align-items:center;gap:10px;font-size:14px}.comment-heading>.meta{margin-left:auto;text-align:right}.comments-card .comment>.prose,.comments-card .comment>.actions,.comments-card .comment>blockquote{margin-left:42px}.comments-card .comment>.content-image{margin-left:42px;max-width:calc(100% - 42px);max-height:200px}.comment>.actions{gap:18px;color:var(--muted)}.comments-card .comment{padding:20px 0}
.author-card{text-align:center;padding:16px 0 0}.author-card-avatar img{border-radius:50%;object-fit:cover}.author-card h2{font-size:15px;margin:10px 16px}.author-card>.muted{font-size:13px;margin:10px 16px;overflow-wrap:anywhere}.author-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);padding:10px 8px;margin-top:12px;gap:4px;text-align:center}.author-stats>div{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}.author-stats span{font-size:12px;color:var(--muted)}.author-stats strong{font-size:16px;color:inherit}.toc-card{position:sticky;top:16px;padding:12px}.toc-card h2{font-size:14px;border-bottom:1px solid var(--line);padding-bottom:10px;margin:0}.toc-card nav{display:flex;flex-direction:column;align-items:stretch;white-space:normal;gap:8px;margin:12px 0 0;order:0;width:auto;font-size:13px}.toc-card a{overflow-wrap:anywhere;padding-left:10px;border-left:2px solid var(--line)}.toc-card [data-toc-level="3"]{margin-left:12px}.toc-card [data-toc-level="4"]{margin-left:24px}.mobile-content-toc{display:none}
.profile-hero{overflow:hidden;margin-bottom:10px}.profile-banner{height:160px;background:var(--subtle)}.profile-banner img{display:block;width:100%;height:100%;object-fit:cover}.profile-identity{display:flex;align-items:center;gap:16px;padding:0 16px 14px;min-width:0}.profile-avatar{border-radius:50%;object-fit:cover;align-self:flex-start;margin-top:-48px;border:3px solid var(--surface);background:var(--surface);position:relative;flex-shrink:0}.profile-intro{flex:1;min-width:0;padding-top:12px}.profile-intro h1{font-size:18px;letter-spacing:0;margin:0 0 4px;overflow-wrap:anywhere}.profile-intro p{margin:0;font-size:13px;overflow-wrap:anywhere}.level-label{font-size:11px;font-weight:400;background:#fff4c9;color:#906f20;padding:2px 7px;border-radius:8px;vertical-align:middle;white-space:nowrap}.profile-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;padding-top:12px}.profile-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:10px;align-items:start}.profile-aside{display:flex;flex-direction:column;gap:14px;min-width:0}.profile-widget{padding:12px}.profile-widget h2{font-size:14px;margin:0 0 10px}.profile-widget>.author-stats{padding:0;border:0;margin:0}.profile-widget .widget-heading h2{margin:0}.profile-widget .widget-heading>a{font-size:12px;color:var(--teal)}.profile-facts{display:grid;grid-template-columns:65px minmax(0,1fr);gap:12px;font-size:13px;margin:16px 0 4px}.profile-facts dt{color:var(--muted)}.profile-facts dd{margin:0;overflow-wrap:anywhere}.profile-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.profile-badges:empty{display:none}.profile-person{display:flex;gap:10px;align-items:center;padding-top:12px;min-width:0;font-size:13px}.profile-person img{object-fit:cover;border-radius:50%;flex-shrink:0}.profile-person>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-person small{display:block;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-tabs{display:flex;align-items:center;gap:4px;margin:0;padding:12px 14px;white-space:nowrap;overflow-x:auto;border-bottom:1px solid var(--line);order:0;width:auto}.profile-tabs a{font-size:13px;padding:4px 12px;border-radius:6px;color:var(--muted)}.profile-tabs [aria-current]{background:var(--subtle);color:inherit;font-weight:600}.profile-feed{min-width:0}.people-item{display:flex;gap:14px;align-items:center}.people-item>div{min-width:0}.people-item p{font-size:13px;margin:0;overflow-wrap:anywhere}.badge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.badge-card{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:8px;min-width:0}.badge-card>img{object-fit:contain;flex-shrink:0}.badge-card h2{font-size:14px}.badge-card p{font-size:12px;margin:4px 0;overflow-wrap:anywhere}.badge-card.unowned{opacity:.65}.profile-widget progress{height:6px;display:block}.button:hover{background:var(--teal);filter:brightness(.94)}.button.secondary{background:var(--subtle);color:var(--teal);border-color:var(--line)}
html[data-theme="dark"] .comment-composer>a{background:#303754;border-color:#4b5686;color:#d0d8ff}html[data-theme="dark"] .level-label{background:#48402c;color:#e5ca84}html[data-theme="dark"] .content-actions>.button{background:transparent;color:inherit}html[data-theme="dark"] .prose blockquote{color:var(--muted)}
@media(max-width:1100px){.detail-grid{grid-template-columns:minmax(0,1fr) 290px}.profile-grid{grid-template-columns:290px minmax(0,1fr)}}
@media(max-width:900px){.detail-grid{display:block}.detail-aside{display:none}.mobile-content-toc{display:block}.profile-grid{grid-template-columns:240px minmax(0,1fr)}.badge-grid{grid-template-columns:1fr}}
@media(max-width:700px){.content-header h1{font-size:23px;line-height:1.5}.content-body>.prose{font-size:15px}.content-author-line{font-size:13px}.comments-card{padding:14px 16px}.content-actions{gap:10px;justify-content:flex-start}.content-actions>*{flex-shrink:0}.comment-heading{gap:8px}.comment-heading>.meta{font-size:11px}.profile-banner{height:130px}.profile-identity{flex-wrap:wrap;gap:10px}.profile-avatar{width:76px;height:76px;margin-top:-38px}.profile-intro{padding-top:8px}.profile-controls{width:100%;padding-top:0;justify-content:flex-end}.profile-grid{display:flex;flex-direction:column}.profile-aside{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px}.profile-widget{min-width:0}.profile-widget:first-child{grid-column:1/-1}.profile-relations{display:none}.profile-widget .widget-heading{align-items:start;flex-wrap:wrap}.profile-facts{grid-template-columns:40px minmax(0,1fr);gap:8px;font-size:12px}.profile-feed{width:100%}.profile-tabs{gap:0;padding:10px 8px}.profile-tabs a{padding:4px 10px}.profile-widget h2{font-size:13px}.profile-intro h1{font-size:17px}.badge-grid{padding:12px}.profile-widget .meta{font-size:11px}}
.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:10px;align-items:start}.article-grid .article-entry{padding:20px 16px;gap:20px}.article-grid .article-body{min-width:0}.article-grid .article-cover{width:172px;min-width:172px}.article-grid .article-cover img{width:100%;height:128px;object-fit:cover;border-radius:7px}.article-grid .summary{-webkit-line-clamp:2;line-height:1.85}.article-grid .feed-bottom{justify-content:flex-start;flex-wrap:wrap;gap:14px}.article-grid .feed-labels a{font-size:11px;color:var(--muted);border-radius:10px;padding:1px 7px;background:var(--subtle)}
@media(max-width:1000px){.article-grid{display:block}}
@media(max-width:600px){.article-grid .article-entry{padding:16px;gap:12px}.article-grid .article-cover{width:100px;min-width:100px}.article-grid .article-cover img{height:90px}.article-grid .feed-bottom{gap:8px}.article-grid .feed-labels{gap:4px}}
.profile-mobile-info{display:none}.profile-desktop-info{min-width:0}
@media(max-width:700px){.profile-desktop-info{display:none}.profile-mobile-info{display:block;width:100%;padding:12px}.profile-mobile-info>summary{cursor:pointer;font-size:13px;font-weight:600}.profile-mobile-info .profile-aside{margin-top:12px}.profile-mobile-info .profile-widget{border:0;padding:4px}.profile-mobile-info .profile-widget:first-child{padding-bottom:12px;border-bottom:1px solid var(--line)}}
.search button{color:var(--teal)}
html[data-theme="dark"] .button{background:var(--teal);border-color:var(--teal);color:#16171c}html[data-theme="dark"] .button.secondary{background:var(--subtle);border-color:var(--line);color:var(--teal)}html[data-theme="dark"] :is(input,textarea,select){background:var(--surface);border-color:var(--line);color:inherit}html[data-theme="dark"] .content-actions>.button{background:transparent;border:0;color:inherit}
@media(max-width:700px){.content-actions>:is(a,button){min-height:40px;display:inline-flex;align-items:center;padding:4px 6px}.comment>.actions :is(button,a){min-height:36px;display:inline-flex;align-items:center}.profile-tabs a{min-height:36px;display:inline-flex;align-items:center}}
html[data-theme="dark"] :is(.site-main,.site-header) :is(input,textarea,select){background:var(--surface);border-color:var(--line);color:inherit}

/* Credential controls share the native form and keep help outside the label. */
.setting-secret{max-width:760px;margin:8px 0 16px}.setting-secret label{display:flex;align-items:center;gap:8px;margin:0 0 5px}.setting-secret input[type=checkbox]{display:inline-block;width:16px;height:16px;flex:0 0 auto;margin:0}.setting-secret small{display:block;line-height:1.6}.setting-field input[type=checkbox]{display:inline-block;vertical-align:middle;margin:0 6px 0 0}

.settings-form input::placeholder{color:var(--muted);opacity:1}

.message-actions{display:flex;flex-wrap:wrap;gap:10px}.message-actions form{margin:0}.message-heading .muted{margin:0}.message-status{margin-left:8px}.message-unread{border-left:3px solid var(--teal)}.message-unread .message-status{color:var(--teal);font-weight:600}.admin-maintenance{padding:20px;margin-bottom:20px;display:flex;gap:20px;align-items:center;justify-content:space-between}.admin-maintenance p{margin:5px 0}.admin-maintenance .button{flex-shrink:0}@media(max-width:600px){.message-heading,.admin-maintenance{align-items:flex-start;flex-direction:column}.message-actions .button{min-height:40px}}

.favorite-item h2{margin-bottom:8px;font-size:18px;font-weight:650}.favorite-summary{color:var(--muted);font-size:14px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.favorite-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:14px}.favorite-byline{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted)}.favorite-meta .button{min-height:40px}

/* The three private lists share the public profile's native user-center shell. */
.profile-intro .profile-name{font-size:18px;font-weight:700;line-height:1.4;letter-spacing:0;margin:0 0 4px;overflow-wrap:anywhere}.private-center-main{min-width:0}.private-center-tabs{margin-bottom:10px;flex-wrap:wrap;white-space:normal;overflow:visible;border-bottom:1px solid var(--line);padding:10px}.private-center-tabs a{display:inline-flex;align-items:center;min-height:40px}.private-center-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px;border-bottom:1px solid var(--line)}.private-center-heading h1{font-size:16px;line-height:24px;margin:0;font-weight:650;letter-spacing:0}.private-center-heading .muted{font-size:12px;margin:4px 0 0}.private-center-heading .button{min-height:40px}.message-notice{margin:12px 16px}.message-byline{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--muted);margin-bottom:10px}.message-sender{display:inline-flex;align-items:center;gap:8px;max-width:100%;overflow-wrap:anywhere}.message-sender img{border-radius:50%;object-fit:cover;flex-shrink:0}.message-byline .message-status{margin:0 0 0 auto;font-size:11px}.message-system{font-weight:600}.message-item h2{font-size:15px;margin:0 0 8px}.message-item p{font-size:14px;line-height:1.8;margin:0 0 8px;white-space:pre-wrap}.message-item blockquote{border-left:3px solid var(--line);background:var(--subtle);margin:10px 0;padding:10px 12px;font-size:13px;color:var(--muted);white-space:pre-wrap}.message-detail{display:inline-flex;align-items:center;min-height:36px;font-size:13px;color:var(--teal)}.score-balance{font-size:12px;color:var(--muted)}.score-balance strong{font-size:16px;color:var(--teal);margin-left:6px;font-variant-numeric:tabular-nums}.score-list{list-style:none;margin:0;padding:16px;display:flex;flex-direction:column;gap:8px}.score-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--subtle);border-radius:10px;min-width:0}.score-change{display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:14px;color:#087b57}.score-kind{font-size:11px;padding:3px 9px;border-radius:20px;background:#d9f3e7;white-space:nowrap}.score-change strong{font-variant-numeric:tabular-nums;min-width:24px}.score-loss .score-change{color:#b83250}.score-loss .score-kind{background:#fbe1e7}.score-item p{flex:1;min-width:0;overflow-wrap:anywhere;margin:0;font-size:13px;color:var(--muted)}.score-item time{font-size:11px;color:var(--muted);flex-shrink:0}.scores-feed .score-list>.empty{padding:40px 0}
html[data-theme="dark"] .score-change{color:#6ee7b7}html[data-theme="dark"] .score-kind{background:#194a3c}html[data-theme="dark"] .score-loss .score-change{color:#fda4af}html[data-theme="dark"] .score-loss .score-kind{background:#542c3b}
@media(max-width:900px){.score-item{flex-wrap:wrap;gap:8px 14px}.score-item time{width:100%}}
@media(max-width:700px){.profile-intro .profile-name{font-size:17px}.private-center-main{width:100%}.private-center-tabs{gap:0;padding:6px}.private-center-tabs a{padding:4px 9px;font-size:12px}.private-center-heading{padding:14px 16px;align-items:flex-start}.private-center-heading.message-heading{flex-direction:column}.message-actions{gap:8px}.score-list{padding:12px}.score-item{padding:14px;flex-direction:column;align-items:flex-start;gap:6px}.score-item p{flex:auto}.score-item time{width:auto}}

.message-unavailable h2{color:var(--muted)}

/* Native profile/account settings follow the reference's 260px navigation. */
.settings-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:10px;align-items:start}.settings-nav{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px;position:sticky;top:16px;white-space:normal}.settings-nav a{display:flex;gap:8px;align-items:center;padding:10px;border-radius:6px;font-size:14px;min-height:42px}.settings-nav a[aria-current]{background:var(--teal);color:#fff;font-weight:600}.settings-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}.settings-main{min-width:0}.settings-card{overflow:hidden}.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}.settings-heading h1{font-size:17px;line-height:26px;margin:0}.settings-heading a{font-size:12px;color:var(--muted);flex-shrink:0;min-height:36px;display:flex;align-items:center}.settings-body{padding:24px}.settings-field{margin-bottom:24px}.settings-field label,.settings-field-label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.settings-main :is(input,textarea,select){font-size:14px;border-radius:6px;margin:0;padding:10px 12px;min-height:42px}.settings-main textarea{resize:vertical;min-height:94px}.settings-field select{max-width:260px}.settings-help{font-size:12px;margin:8px 0 14px;line-height:1.8}.settings-avatar-form{margin-bottom:24px}.settings-image-upload{display:block;min-width:0}.settings-avatar-select{display:inline-flex;position:relative;overflow:hidden;border-radius:50%;width:96px;height:96px;cursor:pointer;margin:0;background:var(--subtle)}.settings-avatar-select img{object-fit:cover;width:96px;height:96px}.settings-avatar-select span{position:absolute;inset:auto 0 0;background:#0009;color:#fff;text-align:center;font-size:11px;padding:4px 0}.settings-image-upload input[type=file]{width:100%;max-width:100%;font-size:12px;background:var(--subtle)}.settings-image-address{font-size:12px;max-width:100%;margin-top:10px}.settings-image-address summary{color:var(--muted);cursor:pointer;min-height:32px}.settings-image-address label{display:block;margin:10px 0 6px}.settings-image-address .button{margin-top:10px}.settings-background-card{margin-top:10px;padding:16px 20px}.settings-background-card>summary{font-size:14px;font-weight:600;cursor:pointer;min-height:28px}.settings-background-card form{margin-top:16px}.settings-background-preview{display:block;width:100%;height:160px;border-radius:6px;object-fit:cover;margin-bottom:16px}.settings-background-card label{display:block;font-size:13px;margin:14px 0 8px}.settings-background-card .button{margin-top:12px}.settings-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.settings-main .button,.settings-dialog .button{min-height:42px}.settings-main .form-error:empty,.settings-main .form-success:empty,.settings-dialog .form-error:empty,.settings-dialog .form-success:empty{display:none}.settings-account-list{padding:0 20px}.settings-account-list .settings-row{border:0;border-radius:0;margin:0;display:flex;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);min-width:0}.settings-account-list .settings-row:last-child{border:0}.settings-account-list .settings-row h2,.settings-account-list .settings-row h3{font-size:14px;font-weight:500;margin:0;width:100px;flex-shrink:0}.settings-row-content{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:1;min-width:0}.settings-row-value{font-size:14px;color:var(--muted);min-width:0;overflow-wrap:anywhere;flex:1}.settings-row-value small{display:block;font-size:11px;margin-top:5px}.settings-row-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.settings-row-actions form{margin:0;max-width:220px}.settings-row-actions .form-error,.settings-row-actions .form-success{font-size:12px;margin:6px 0 0}.settings-action{color:var(--teal);font-size:13px;min-height:40px;display:inline-flex;align-items:center;white-space:nowrap}.settings-status{font-size:11px;white-space:nowrap}.settings-status.verified{color:#087b57}.settings-binding-heading{font-size:14px;padding-top:20px;margin:0}.settings-dialog{border:1px solid var(--line);border-radius:12px;padding:24px;width:480px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;background:var(--surface);color:inherit;box-shadow:0 20px 80px #0003}.settings-dialog::backdrop{background:#0007}.settings-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.settings-dialog-heading h2{font-size:18px;margin:0}.settings-dialog-heading button{font-size:24px;line-height:1;min-width:40px;min-height:40px;color:var(--muted)}.settings-dialog label{display:block;font-size:13px;margin:16px 0 6px}.settings-dialog input{margin:0;padding:10px 12px;font-size:14px;min-height:42px}.settings-dialog p{overflow-wrap:anywhere}.settings-dialog :is(.form-error,.form-success){font-size:13px}.settings-main :focus-visible,.settings-dialog :focus-visible{outline:2px solid var(--teal);outline-offset:3px}.settings-avatar-select:has(+input:focus-visible){outline:2px solid var(--teal);outline-offset:3px}.visually-hidden{position:absolute;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[data-theme="dark"] .settings-nav a[aria-current]{color:#16171c}html[data-theme="dark"] .settings-status.verified{color:#6ee7b7}
@media(max-width:800px){.settings-grid{grid-template-columns:200px minmax(0,1fr)}.settings-account-list .settings-row{gap:14px}.settings-account-list .settings-row h2,.settings-account-list .settings-row h3{width:72px}.settings-row-content{gap:12px;flex-wrap:wrap}.settings-row-actions{margin-left:auto}}
@media(max-width:700px){.settings-grid{display:block}.settings-nav{position:static;flex-direction:row;gap:4px;padding:4px;margin-bottom:10px}.settings-nav a{flex:1;justify-content:center;padding:8px 4px;font-size:13px}.settings-heading{padding:12px 16px;gap:8px}.settings-heading h1{font-size:16px}.settings-heading a{font-size:11px}.settings-body{padding:18px 16px}.settings-account-list{padding:0 16px}.settings-account-list .settings-row{padding:18px 0;align-items:flex-start;gap:10px}.settings-account-list .settings-row h2,.settings-account-list .settings-row h3{width:54px;line-height:40px;font-size:13px}.settings-row-content{gap:4px 10px;min-height:40px}.settings-row-value{flex-basis:100%;font-size:13px;line-height:1.7}.settings-row-actions{margin-left:0}.settings-action{font-size:12px}.settings-background-card{padding:14px 16px}.settings-dialog{padding:18px}.settings-dialog-heading h2{font-size:17px}.settings-dialog .settings-form-actions{flex-wrap:wrap}.settings-dialog input{font-size:16px}}

.setting-help{font-size:12px;line-height:1.8;max-width:760px;margin:0 0 16px}

/* Native password recovery follows the upstream centered form cards. */
.recovery-card{width:100%;max-width:520px;margin:32px auto;padding:24px}.recovery-card.recovery-reset{max-width:640px}.recovery-card h1{font-size:20px;line-height:1.4;letter-spacing:0;margin:0 0 24px}.recovery-card label{font-size:14px}.recovery-card input{min-height:42px}.recovery-card .muted{font-size:12px;line-height:1.8;margin:-4px 0 16px}.recovery-card .captcha{margin:8px 0 20px}.recovery-card .captcha input{flex:1;min-width:0;width:100%}.recovery-card .captcha-image{flex:0 0 auto;line-height:0}.recovery-card .button{min-height:42px}.recovery-card .form-error,.recovery-card .form-success{overflow-wrap:anywhere}.recovery-notice{padding:12px;border:1px solid currentColor;border-radius:6px;margin:0 0 20px}.recovery-back{text-align:center;margin:24px 0 0;font-size:14px;color:var(--teal)}.recovery-again{margin:18px 0 0;text-align:center;font-size:14px;color:var(--teal)}@media(max-width:600px){.recovery-card{margin:16px auto;padding:20px}}
.recovery-card .button:disabled{background:var(--subtle);color:var(--muted);border-color:var(--line);cursor:not-allowed}html[data-theme="dark"] .recovery-card .form-error{color:#fca5a5}

/* One native sign-in card, with the reference's 600 / 400 px proportions. */
.signin-card{width:100%;max-width:600px;margin:26px auto 48px;padding:12px 12px 28px;border:0;overflow-wrap:anywhere}
.signin-title{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 0 16px;border-bottom:1px solid var(--line);margin:0 0 24px}.signin-title h2{font-size:20px;line-height:28px;font-weight:600;margin:0}.signin-title svg,.signin-methods svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.signin-methods{display:flex;justify-content:center;gap:4px;width:fit-content;max-width:100%;margin:0 auto 24px;padding:4px;background:var(--subtle);border-radius:8px;white-space:normal}.signin-methods a{display:flex;justify-content:center;align-items:center;gap:8px;padding:7px 14px;border-radius:6px;font-size:14px;line-height:20px}.signin-methods a[aria-current]{background:var(--surface);box-shadow:0 1px 4px #00000012;font-weight:600}.signin-methods svg{width:16px;height:16px}
.signin-account,.signin-provider-buttons{max-width:400px;margin:0 auto}.signin-card [hidden]{display:none!important}.signin-account form{display:flex;flex-direction:column;gap:24px}.signin-card input:not([type=hidden]):not([type=range]){width:100%;min-width:0;min-height:36px;padding:7px 10px;margin:0;font-size:14px;line-height:20px;border-radius:8px}.signin-card input::placeholder{color:var(--muted)}.signin-card .button{min-height:36px;padding:7px 14px;font-size:14px;line-height:20px;border-radius:8px}.signin-help{text-align:center;margin:24px 0 0;color:var(--muted);font-size:14px}.signin-help a:hover{color:var(--teal)}
.signin-providers{margin-top:24px}.signin-divider{position:relative;text-align:center;font-size:14px;line-height:20px;color:var(--muted);margin:0 0 16px}.signin-divider:before{content:"";position:absolute;inset:50% 0 auto;border-top:1px solid var(--line)}.signin-divider span{position:relative;background:var(--surface);padding:0 16px}.signin-provider-buttons{display:flex;flex-direction:column;gap:12px}.signin-provider-buttons .button{width:100%;white-space:normal;overflow-wrap:anywhere;background:var(--surface);border-color:var(--line);color:inherit}.signin-provider-buttons .button:hover{background:var(--subtle)}.signin-provider-buttons svg{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.signin-provider-icon{font-weight:700;line-height:16px;width:16px;flex-shrink:0;text-align:center}.signin-admin{text-align:center;margin:24px 0 0;font-size:12px;color:var(--muted)}.signin-notice{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 20px}
.signin-sms-code{display:flex;gap:12px;align-items:center;min-width:0}.signin-sms-code input{flex:1}.signin-sms-code button{flex-shrink:0}.signin-card .rotation-captcha{padding:12px;border:1px solid var(--line);border-radius:8px;font-size:13px}.signin-card .rotation-captcha summary{cursor:pointer;font-size:13px}.signin-card .rotation-captcha p{font-size:12px;margin:12px 0}.signin-card .captcha-stage{max-width:100%;margin:12px auto}.signin-card .rotation-captcha>[data-refresh-angle]{display:block;margin:8px auto}.signin-card input[type=range]{accent-color:var(--teal);margin:12px 0 0;padding:0}.signin-card .form-error,.signin-card .form-success{font-size:13px;line-height:1.8;margin:0}.signin-card .form-error:empty,.signin-card .form-success:empty{display:none}.signin-account>.form-error{margin:0 0 20px}.signin-card .captcha{gap:10px}.signin-card .captcha input{flex:1;min-width:0}.signin-card .captcha-image{flex-shrink:0;line-height:0}.signin-card .captcha img{max-width:130px;height:45px}.signin-captcha label{margin:0 0 8px;font-size:14px}
.signin-captcha-dialog{background:var(--surface);color:inherit;border:1px solid var(--line);border-radius:10px;width:360px;max-width:calc(100% - 32px);padding:20px}.signin-captcha-dialog::backdrop{background:#0008}.signin-captcha-dialog h2{font-size:18px;margin:0 0 20px}.signin-captcha-actions{display:flex;justify-content:flex-end;gap:12px;margin:24px 0 0}.signin-captcha-actions .button{min-height:40px}.signin-card :focus-visible{outline:2px solid var(--teal);outline-offset:3px}html[data-theme="dark"] .signin-card .form-error{color:#fca5a5}
@media(max-width:600px){.signin-card{margin:16px auto 32px;padding:16px 16px 24px}.signin-methods a{padding:8px 10px;font-size:13px;gap:6px}.signin-card input:not([type=hidden]):not([type=range]){font-size:16px;min-height:44px}.signin-card .button{min-height:44px;padding:10px 12px}.signin-card .captcha img{max-width:110px;height:44px}.signin-captcha-dialog{padding:16px}.signin-captcha-dialog .captcha{flex-wrap:wrap}.signin-captcha-dialog .captcha input{flex-basis:120px}.signin-card .rotation-captcha summary{min-height:24px}}
.site-main:has(>.signin-card){padding-right:18px;padding-left:18px}@media(max-width:600px){.signin-card{padding-left:12px;padding-right:12px}}

/* Search uses the reference's main results column and 320px community aside. */
.search-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:10px;align-items:start}.search-column{display:flex;flex-direction:column;gap:16px;min-width:0}.search-query-card{padding:20px}.search-query-card h1{font-size:20px;line-height:28px;letter-spacing:0;margin:0 0 4px}.search-query-card>.muted{font-size:14px;line-height:24px;margin:0 0 16px}.search-query-form{display:flex;align-items:center;gap:8px}.search-query-input{display:flex;align-items:center;gap:8px;background:var(--subtle);border:1px solid var(--line);border-radius:8px;padding:0 12px;min-width:0;flex:1;height:44px}.search-query-input svg{width:16px;height:16px;fill:none;stroke:var(--muted);stroke-width:1.7;flex-shrink:0}.search-query-input input{width:100%;border:0;background:transparent;min-width:0;padding:0;margin:0;font-size:14px;box-shadow:none;outline:none}.search-query-input:focus-within{outline:2px solid var(--teal);outline-offset:2px}.search-query-form>.button{min-height:44px;min-width:94px;padding:9px 20px}.search-results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line);min-width:0}.search-type-links{display:flex;gap:2px;width:fit-content;order:0;background:var(--subtle);border-radius:8px;padding:3px;font-size:14px;white-space:nowrap}.search-type-links a{padding:3px 12px;border-radius:6px;line-height:24px;color:var(--muted)}.search-type-links a[aria-current]{background:var(--surface);box-shadow:0 1px 4px #00000012;color:inherit;font-weight:600}.search-filter-form{display:flex;align-items:center;gap:8px;min-width:0}.search-filter-form select{width:132px;margin:0;padding:7px 10px;font-size:12px;min-width:0;min-height:36px;background:var(--surface)}.search-filter-form select[name=categoryId]{width:168px}.search-filter-form .button{padding:7px 10px;min-height:36px;font-size:12px}.js .search-apply{display:none}.search-results .search-result{padding:20px}.search-results .search-result h2{font-size:17px;line-height:24px;font-weight:600;margin:0 0 8px;letter-spacing:0;overflow-wrap:anywhere}.search-results .search-result .summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:24px;color:var(--muted);margin:0 0 12px;overflow-wrap:anywhere}.search-result-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12px;line-height:20px;color:var(--muted)}.search-result-author{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%}.search-result-author span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-author img{object-fit:cover;border-radius:50%;flex-shrink:0}.search-result-tag{border:1px solid var(--line);border-radius:20px;padding:0 8px;font-size:11px}.search-user-result{display:flex;align-items:flex-start;gap:12px}.search-user-avatar{flex-shrink:0}.search-user-avatar img{object-fit:cover;border-radius:50%}.search-result-body{min-width:0;flex:1}.search-results .search-user-result .summary{margin-bottom:8px}.search-results mark{background:#fef08a;color:#2b2921;padding:0 2px;border-radius:2px}.search-empty{text-align:center;padding:48px 20px;color:var(--muted)}.search-empty svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.4;margin-bottom:12px}.search-empty h2{font-size:16px;font-weight:500;color:inherit;margin:0 0 8px}.search-empty p{font-size:14px;margin:0}.search-layout :focus-visible{outline:2px solid var(--teal);outline-offset:3px}html[data-theme=dark] .search-results mark{background:#725719;color:#fff4c0}
@media(max-width:1050px){.search-layout{grid-template-columns:minmax(0,1fr)}.search-layout .community-aside{display:none}}
@media(max-width:700px){.search-query-card{padding:16px}.search-query-form{flex-direction:column;align-items:stretch}.search-query-input{flex:auto}.search-query-input input{font-size:16px}.search-results-toolbar{padding:12px 16px;flex-direction:column;align-items:stretch}.search-type-links{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center}.search-type-links a{min-height:38px;padding:7px 10px}.search-filter-form{flex-wrap:wrap}.search-filter-form select,.search-filter-form select[name=categoryId]{flex:1;width:auto;min-height:40px;max-width:100%}.search-results .search-result{padding:20px 16px}.search-results .search-result h2{font-size:16px}.search-user-avatar img{width:40px;height:40px}.search-empty{padding:44px 16px}}

/* Node and tag lists keep top-level navigation separate from sibling scopes. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topic-navigation{position:sticky;top:18px;min-width:0}.topic-navigation .category-dock{position:static;padding:12px 8px;gap:0}.category-scroll{display:flex;flex-direction:column;gap:0;max-height:calc(100vh - 120px);overflow-y:auto;min-width:0}.category-scroll>a{min-height:40px;padding:8px 10px}.category-more{display:none}.topic-column{display:flex;flex-direction:column;gap:8px;min-width:0}.node-heading{display:flex;align-items:flex-start;gap:12px;padding:16px;border-color:transparent}.node-heading>img{object-fit:cover;border-radius:6px;flex-shrink:0}.node-heading>div{flex:1;min-width:0}.node-heading h1{font-size:16px;line-height:22px;letter-spacing:0;margin:0;font-weight:650;overflow-wrap:anywhere}.node-heading p{font-size:14px;line-height:20px;color:var(--muted);margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.node-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);min-height:52px}.node-filter-bar h2{font-size:16px;line-height:24px;font-weight:650;margin:0;letter-spacing:0}.node-filter-links{display:flex;flex-wrap:wrap;gap:2px;padding:3px;background:var(--subtle);border-radius:8px;font-size:13px;flex-shrink:0}.node-filter-links a{border-radius:6px;padding:1px 11px;line-height:22px;white-space:nowrap;color:var(--muted)}.node-filter-links a[aria-current]{color:inherit;background:var(--surface);box-shadow:0 1px 4px #00000012}
.subnode-bar{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:8px;align-items:center;padding:12px 16px 8px;border-bottom:1px solid var(--line);position:relative}.subnode-scroll{display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;min-width:0;padding-bottom:6px;scrollbar-width:thin}.subnode-scroll>a{display:inline-flex;flex-shrink:0;padding:4px 12px;border-radius:6px;background:var(--subtle);font-size:13px;line-height:20px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis}.subnode-scroll>a[aria-current]{background:var(--teal);color:#fff;box-shadow:0 1px 3px #0001}.subnode-more{position:relative;align-self:start}.subnode-more summary{list-style:none;cursor:pointer;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.subnode-more summary::-webkit-details-marker,.node-picker-fallback summary::-webkit-details-marker{display:none}.subnode-more summary:hover{background:var(--subtle)}.subnode-more svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.subnode-more[open] svg{transform:rotate(180deg)}.node-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:220px;max-width:calc(100vw - 32px);max-height:300px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #0002;padding:6px}.node-menu>a{display:block;padding:9px 10px;font-size:13px;border-radius:5px;overflow-wrap:anywhere}.node-menu>a:hover,.node-menu>a[aria-current]{background:var(--subtle);color:var(--teal)}
.node-picker{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:inherit;width:min(520px,calc(100vw - 24px));max-height:80vh;overflow:auto}.node-picker::backdrop{background:#0006}.node-picker header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.node-picker h2{font-size:16px;margin:0;letter-spacing:0}.node-picker header button{font-size:25px;width:36px;height:36px}.node-picker-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.node-picker-list a{display:flex;align-items:center;gap:8px;min-width:0;padding:12px 10px;background:var(--subtle);border-radius:8px;font-size:14px}.node-picker-list a[aria-current]{background:#e9edfc;color:#426bd5}.node-picker-list img{object-fit:cover;border-radius:5px;flex-shrink:0}.node-picker-list a span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-empty{text-align:center;padding:30px 16px 40px;color:var(--muted)}.list-empty svg{width:110px;height:92px}.list-empty p{font-size:14px;line-height:20px;margin:16px 0 0}.empty-create{display:block;text-align:center;font-size:13px;color:var(--teal);margin:-20px 16px 24px}.topic-column :focus-visible,.topic-navigation :focus-visible{outline:2px solid var(--teal);outline-offset:3px}html[data-theme=dark] .node-picker-list a[aria-current]{background:#303754;color:#b6c2ff}
@media(max-width:1100px) and (min-width:761px){.topic-navigation .category-scroll>a{padding:8px 4px;font-size:12px}}
@media(max-width:760px){.topic-navigation{position:static;width:100%}.topic-navigation .category-dock{display:flex;flex-direction:row;align-items:center;padding:4px 6px;gap:4px;overflow:visible}.category-scroll{flex:1;flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;gap:2px}.category-scroll>a{flex-shrink:0;min-height:40px;padding:8px 10px;font-size:13px}.category-more{display:block;position:relative;flex-shrink:0}.node-picker-trigger,.node-picker-fallback summary{border:0;background:transparent;color:var(--muted);width:46px;min-height:40px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;font-size:10px;padding:0}.node-picker-trigger{display:none}.node-picker-trigger svg{width:20px;height:20px;fill:currentColor}.node-picker-fallback summary{list-style:none}.js .node-picker-trigger{display:inline-flex}.js .node-picker-fallback{display:none}.topic-column{width:100%}.node-heading{padding:16px;gap:12px}.node-filter-bar{padding:12px 16px;gap:8px}.node-filter-bar h2{font-size:15px}.node-filter-links{font-size:12px;gap:0}.node-filter-links a{padding:2px 8px;min-height:28px;line-height:24px}.subnode-bar{padding:12px 16px 6px}.subnode-scroll>a{font-size:12px;min-height:30px}.node-picker{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:75vh;border-radius:14px 14px 0 0;border-bottom:0;padding:20px 16px max(20px,env(safe-area-inset-bottom))}.node-picker-list a{min-height:46px}.node-picker-list{max-height:55vh;overflow:auto}.node-menu{max-width:calc(100vw - 32px)}}

.publish-menu>summary{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:5px 12px;border-radius:7px;background:var(--teal);color:#fff;font-size:13px;font-weight:600;list-style:none}.publish-menu>summary::-webkit-details-marker{display:none}.publish-menu>div{left:auto;right:0;top:calc(100% + 6px);min-width:160px;border:1px solid var(--line)}.publish-menu>div a{font-size:14px}.publish-menu>summary:focus-visible{outline:2px solid var(--teal);outline-offset:3px}@media(max-width:1000px){.publish-menu{justify-self:start}.publish-menu>div{left:0;right:auto}}
.node-filter-links{width:auto;order:0}.node-filter-bar h2{flex-shrink:0;white-space:nowrap}.subnode-scroll{width:auto;order:0}
@media(max-width:760px){.node-picker-trigger,.node-picker-fallback summary{width:60px;min-height:36px;flex-direction:row;gap:3px;font-size:12px;background:var(--subtle);border-radius:6px}.node-picker-trigger svg{width:18px;height:18px}}
.header-navigation>.theme-picker{display:flex;align-items:center;gap:6px;margin:0;font-size:11px;flex-shrink:0}.header-navigation>.theme-picker select{margin:0;padding:4px 6px;min-height:30px;max-width:90px}
.header-navigation>.theme-picker{width:auto;max-width:none;white-space:nowrap}.header-navigation>.theme-picker select{width:80px;flex-shrink:0}

/* Native administration taxonomy: expand locally, keep all rows readable without JS. */
table[data-admin-tree-expand] :is(th,td):nth-child(3){white-space:nowrap}
.admin-tree-name{display:flex;align-items:center;gap:6px;min-width:155px;white-space:nowrap}.admin-tree-name.is-child{padding-left:22px}.admin-tree-spacer,.admin-tree-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:28px}.admin-tree-toggle{border-radius:5px}.admin-tree-toggle:hover,.admin-tree-toggle:focus-visible{background:var(--subtle)}.admin-tree-toggle span{font-size:24px;line-height:1;transition:transform .12s}.admin-tree-toggle[aria-expanded="true"] span{transform:rotate(90deg)}.admin-tree-name small{font-size:11px}.category-form-help{font-size:13px;line-height:1.7}tr[data-admin-tree-child][hidden]{display:none}.table-wrap[role="region"]:focus-visible{outline:2px solid var(--teal);outline-offset:3px}

/* Keep the publishing title and form in one compact surface, like the reference editor. */
.publish-editor{width:100%;max-width:none;padding:10px 18px 18px}
.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 10px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.editor-heading h1{font-size:18px;line-height:1.4;margin:0}.editor-heading a{font-size:13px;white-space:nowrap}
.publish-editor form>label{margin:10px 0}.publish-editor .editor-toolbar{flex-wrap:wrap;margin:12px 0}
.publish-editor textarea[name="content"],.publish-editor .rich-editor{min-height:400px;width:100%}
.publish-editor .editor-options,.publish-editor .attachments-editor{margin:12px 0;padding:12px}
.publish-editor .attachments-editor h3{font-size:15px;margin:0}.publish-editor .attachments-editor .meta{margin:2px 0 8px}
.publish-editor .attachment-list li{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.publish-editor .attachment-list li label{margin:0}.publish-editor .attachment-list li label input{width:85px;margin:0}
.editor-attachment-name{min-width:0;flex:1 1 180px;overflow-wrap:anywhere}
.editor-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px}
.editor-footer .form-error{flex:1 1 180px;margin:0}.editor-footer .form-error:empty{display:none}
@media(min-width:761px){
  .publish-editor form[data-editor="topic"]:has(select[name="type"]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);column-gap:12px}
  .publish-editor form[data-editor="topic"]:has(select[name="type"])>*{grid-column:1/-1;min-width:0}
  .publish-editor form[data-editor="topic"]:has(select[name="type"])>label:has(>select:is([name="type"],[name="categoryId"],[data-editor-mode])){grid-column:auto}
}
@media(max-width:760px){.publish-editor{padding:10px 12px 14px}.publish-editor textarea[name="content"],.publish-editor .rich-editor{min-height:280px}}

.comments-card .accepted-answer {
  margin-bottom: 10px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--teal) 30%, var(--line));
  border-radius: 8px;
  background: color-mix(in srgb, var(--teal) 6%, var(--surface));
}
.accepted-answer .comment-heading {
  flex-wrap: wrap;
}
.accepted-answer-label {
  border-radius: 999px;
  padding: 2px 8px;
  background: var(--subtle);
  color: var(--teal);
  font-size: 12px;
  white-space: nowrap;
}

.report-detail h2 { font-size: 16px; margin: 0 0 8px; }
.report-detail .report-text { white-space: pre-wrap; overflow-wrap: anywhere; }
.report-target-preview {
  max-height: 52vh;
  overflow: auto;
  overflow-wrap: anywhere;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--subtle);
}
.report-detail form { margin-top: 16px; }

.dashboard-overview { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 380px); gap: 14px; }
.overview-metrics, .overview-recent { grid-column: 1 / -1; }
.overview-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.overview-panel { padding: 16px; min-width: 0; }
.overview-panel h2 { margin: 0 0 12px; font-size: 17px; }
.overview-panel h3 { margin: 0 0 8px; font-size: 14px; }
.overview-panel ul { list-style: none; padding: 0; margin: 0; }
.overview-links, .overview-recent-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.overview-recent-columns > :only-child { grid-column: 1 / -1; }
.overview-links a, .overview-recent li { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 12px; }
.overview-links a { min-height: 42px; border: 1px solid var(--line); border-radius: 6px; }
.overview-links a:hover, .overview-links a:focus-visible { background: var(--subtle); }
.overview-recent li { flex-wrap: wrap; border-bottom: 1px solid var(--line); }
.overview-recent li a { overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .dashboard-overview, .overview-recent-columns { grid-template-columns: minmax(0, 1fr); }
  .overview-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.report-submission-status:empty { margin: 0; }
.report-dialog fieldset { border: 0; padding: 0; margin: 0 0 12px; }
.report-dialog fieldset label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 6px;
}
.report-dialog fieldset label:has(:checked) {
  border-color: var(--teal);
  background: var(--subtle);
}
.report-dialog input[type="radio"] { width: auto; }

.role-permission-form { display: grid; gap: 16px; max-width: 960px; }
.role-permission-group { min-width: 0; margin: 0; padding: 0 16px 14px; }
.role-permission-group legend { padding: 0 6px; font-weight: 700; }
.role-permission-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 12px; }
.role-permission-options label, .role-permission-toggle { display: flex; align-items: flex-start; gap: 10px; padding: 8px; margin: 0; cursor: pointer; }
.role-permission-toggle { border-bottom: 1px solid var(--line); margin-bottom: 6px; }
.role-permission-form input[type=checkbox] { width: 16px; height: 16px; min-height: 0; margin: 4px 0 0; padding: 0; accent-color: var(--teal); flex: 0 0 auto; }
.role-permission-options label:hover, .role-permission-options label:focus-within { background: var(--subtle); border-radius: 6px; }
.role-permission-options small { display: block; color: var(--muted); overflow-wrap: anywhere; }
.role-permission-footer { display: flex; gap: 12px; justify-content: flex-end; align-items: center; }
.role-permission-footer .form-error:empty { display: none; }
@media (max-width: 620px) {
  .role-permission-options { grid-template-columns: minmax(0, 1fr); }
  .role-permission-footer { flex-wrap: wrap; }
}

.dashboard-layout {
  max-width: 1520px;
  display: grid;
  grid-template-columns: 216px minmax(0, 1fr);
  align-items: start;
  gap: 20px;
}
.dashboard-main { min-width: 0; }
.dashboard-sidebar {
  position: sticky;
  top: 16px;
  display: block;
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  padding: 10px;
}
.dashboard-mobile-menu { display: none; }
.dashboard-nav-group { margin-top: 10px; border-top: 1px solid var(--line); padding-top: 8px; }
.dashboard-nav-group-title { margin: 0 10px 3px; color: var(--muted); font-size: 12px; }
.dashboard-nav-group ul { list-style: none; padding: 0; margin: 0; }
.dashboard-nav-link {
  display: flex;
  align-items: center;
  min-height: 36px;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 14px;
}
.dashboard-nav-link:hover, .dashboard-nav-link:focus-visible { background: var(--subtle); }
.dashboard-nav-link[aria-current] { background: var(--subtle); color: var(--teal); font-weight: 650; }
@media (max-width: 900px) {
  .dashboard-layout { display: block; }
  .dashboard-sidebar { display: none; }
  .dashboard-mobile-menu { display: block; margin-bottom: 16px; }
  .dashboard-mobile-menu summary { padding: 10px 14px; cursor: pointer; font-weight: 650; }
  .dashboard-mobile-menu nav { display: block; padding: 4px 10px 12px; border-top: 1px solid var(--line); }
  .dashboard-mobile-menu .dashboard-nav-link { min-height: 44px; }
}

.dashboard-header {
  position: sticky;
  top: 0;
  z-index: 12;
  background: var(--surface);
  border-bottom: 1px solid var(--line);
}
.dashboard-header-inner {
  max-width: 1520px;
  min-height: 58px;
  margin: 0 auto;
  padding: 6px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.dashboard-sidebar { top: 74px; max-height: calc(100dvh - 90px); }
.dashboard-sidebar-toggle:not([hidden]), .dashboard-home {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  border: 1px solid var(--line);
  border-radius: 6px;
}
.dashboard-sidebar-toggle:hover, .dashboard-home:hover { background: var(--subtle); }
.dashboard-header svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.dashboard-breadcrumb { min-width: 0; width: auto; order: 0; }
.dashboard-breadcrumb ol {
  display: flex;
  list-style: none;
  gap: 8px;
  align-items: center;
  padding: 0;
  margin: 0;
  min-width: 0;
  color: var(--muted);
  font-size: 13px;
}
.dashboard-breadcrumb li + li::before { content: "›"; margin-right: 8px; color: var(--muted); }
.dashboard-breadcrumb li { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.dashboard-breadcrumb [aria-current="page"] { color: inherit; font-weight: 650; }
.dashboard-header-actions { display: flex; align-items: center; gap: 8px; margin-left: auto; flex: 0 0 auto; }
.dashboard-header-actions select { width: auto; min-height: 36px; margin: 0; padding: 4px; font-size: 12px; }
.dashboard-account > summary { max-width: 112px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 6px; font-size: 13px; cursor: pointer; }
.dashboard-account > div { left: auto; right: 0; }
.dashboard-account form { margin: 0; }
.dashboard-account form button { padding: 8px 10px; }
@media (min-width: 901px) {
  .dashboard-sidebar-collapsed { grid-template-columns: minmax(0, 1fr); }
  .dashboard-sidebar-collapsed .dashboard-sidebar { display: none; }
}
@media (max-width: 900px) {
  .dashboard-sidebar-toggle:not([hidden]) { display: none; }
  .dashboard-breadcrumb-parent { display: none; }
  .dashboard-breadcrumb-resource::before { content: none !important; }
  .dashboard-breadcrumb-parent + li[aria-current]::before { content: none; }
}
@media (max-width: 480px) {
  .dashboard-header-inner { padding-inline: 8px; gap: 8px; }
  .dashboard-breadcrumb-resource { display: none; }
  .dashboard-breadcrumb li[aria-current]::before { content: none; }
  .dashboard-account > summary { max-width: 74px; }
}

.task-config-table { min-width: 980px; }
.task-config-table th { white-space: nowrap; }
.task-config-table :is(th, td):nth-child(3) { min-width: 160px; overflow-wrap: anywhere; }
.task-config-table :is(td:nth-child(2), td:nth-child(4), td:nth-child(5)) { white-space: nowrap; }

.task-center { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 12px; align-items: start; }
.task-center-aside { grid-column: 2; grid-row: 1; display: grid; gap: 12px; min-width: 0; }
.task-board { grid-column: 1; grid-row: 1; min-width: 0; }
.task-widget { padding: 16px; min-width: 0; }
.task-widget h2 { margin: 0; font-size: 16px; }
.task-widget h3 { margin: 14px 0 6px; }
.task-profile, .task-checkin-heading { display: flex; align-items: center; gap: 12px; justify-content: space-between; }
.task-profile { justify-content: flex-start; overflow-wrap: anywhere; }
.task-profile img { flex: 0 0 auto; border-radius: 50%; object-fit: cover; }
.task-profile-badges { display: flex; flex-wrap: wrap; gap: 6px; }
.task-widget progress, .task-row progress { width: 100%; accent-color: var(--teal); }
.task-widget ol { padding-left: 24px; margin-bottom: 0; }
.task-widget li { overflow-wrap: anywhere; }
.task-board-heading { padding: 14px 16px; border-bottom: 1px solid var(--line); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.task-board-heading h1 { font-size: 18px; margin: 0; }
.task-board-heading p { margin: 4px 0 0; }
.task-group-nav { display: flex; flex-wrap: wrap; gap: 4px; width: auto; order: 0; font-size: 13px; }
.task-group-nav a { padding: 5px 8px; border-radius: 5px; }
.task-group-nav a[aria-current] { background: var(--subtle); color: var(--teal); font-weight: 650; }
.task-list.link-grid { display: block; }
.task-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; min-width: 0; }
.task-row + .task-row { border-top: 1px solid var(--line); }
.task-row-content { min-width: 0; flex: 1; overflow-wrap: anywhere; }
.task-row-heading, .task-rewards { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.task-row h2 { font-size: 15px; margin: 0; }
.task-row p { font-size: 13px; margin: 5px 0; }
.task-rewards span, .task-state { color: var(--muted); background: var(--subtle); border-radius: 5px; padding: 1px 6px; font-size: 12px; }
.task-state[data-complete] { color: var(--teal); }
.task-row progress { max-width: 280px; }
.task-row > a { flex-shrink: 0; }
@media (max-width: 1020px) {
  .task-center { display: flex; flex-direction: column; }
  .task-center-aside, .task-board { width: 100%; }
}
@media (max-width: 540px) {
  .task-row { display: block; }
  .task-row > a { margin-top: 8px; }
}