/* Comunitat · sistema compartit amb la web, sense estils incrustats. */
/* Respecta hidden encara que un component declari display:grid/flex. */
[hidden]{display:none!important}
.community-tabs,.hub-space-nav,.hub-space-links,.hub-filter-links,.hub-pagination{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.community-tabs{padding:4px 0 22px}
.community-tabs a,.hub-space-nav a,.hub-space-links a,.hub-filter-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 15px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font-weight:700;text-decoration:none;line-height:1.3}
.community-tabs a.active{background:var(--text);border-color:var(--text);color:#fff}
.community-tabs .community-admin-link{margin-left:auto;color:#84330d;border-color:#efd4bf;background:#fff8ed}
.hub-space-nav{padding:12px;margin:0 0 28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.hub-space-nav a{border-color:transparent;background:transparent}
.hub-space-nav a[aria-current],.hub-filter-links a[aria-current]{background:#fff2dd;color:#84330d;border-color:#efdbbd}
.hub-filter-links{margin:18px 0 24px}
.hub-space-links{margin:0 0 28px}
.hub-pagination{margin:24px 0;justify-content:center}
.hub-hero{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:32px;align-items:center;padding:clamp(24px,4vw,44px);border:1px solid #eddfcc;border-radius:var(--radius);background:#fff9ed}
.hub-hero h1{font-size:clamp(30px,3.8vw,48px);line-height:1.1;letter-spacing:-.035em;margin:14px 0 22px}
.hub-hero p{max-width:650px;line-height:1.65;color:var(--muted)}
.hub-hero-art{display:grid;justify-items:center;gap:12px;padding:24px;text-align:center}
.hub-hero-art>span{font-size:88px;line-height:1.2}
.hub-hero-art small{color:var(--muted)}
.hub-detail-hero{padding:clamp(24px,3.5vw,38px);margin-bottom:28px;border:1px solid #eddfcc;border-radius:var(--radius);background:#fff9ed}
.hub-detail-hero h1{font-size:clamp(30px,3.4vw,46px);line-height:1.15;margin:14px 0;letter-spacing:-.03em;overflow-wrap:anywhere}
.hub-detail-hero>.text-link,.hub-detail-hero>.eyebrow{display:block;margin-bottom:14px}
.hub-description{font-size:18px;line-height:1.7}
.hub-paths,.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:26px 0}
.hub-path{display:flex;gap:16px;align-items:flex-start;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:inherit;text-decoration:none}
.hub-path>span{font-size:30px}
.hub-path h2{font-size:20px;margin:0 0 10px}
.hub-path p{font-size:15px;margin:0;color:var(--muted);line-height:1.55}
.hub-card{display:flex;flex-direction:column;gap:14px;min-width:0;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 3px 14px rgb(35 31 32 / 3%)}
.hub-card h2{font-size:23px;line-height:1.25;margin:0}
.hub-card h3{font-size:20px;line-height:1.3;margin:0}
.hub-card p{margin:0;line-height:1.6}
.hub-card :is(h2,h3,p,small,b,a){overflow-wrap:anywhere}
.hub-card h2 a,.hub-card h3 a,.hub-history h3 a{color:inherit;text-decoration:none}
.hub-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-width:0}
.hub-card-top>div{min-width:0}
.hub-symbol{font-size:28px}
.hub-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:auto;border-top:1px solid var(--line);padding-top:18px}
.hub-empty{display:grid;justify-items:center;text-align:center;gap:14px;padding:34px 24px;border:1px dashed #d8d8dc;border-radius:var(--radius);background:#fff;line-height:1.6}
.hub-empty>span{font-size:40px}
.hub-empty :is(h2,h3,p){margin:0}
.hub-empty p{max-width:650px;color:var(--muted)}
.hub-callout{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px;border:1px solid #eedfc8;border-radius:var(--radius);background:#fff8eb;margin:30px 0}
.hub-callout h2{font-size:25px;margin:10px 0}
.hub-callout p{max-width:800px;color:var(--muted);line-height:1.65;margin:0}
.hub-detail-layout,.hub-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:24px;align-items:start}
.hub-workspace-single{grid-template-columns:minmax(0,1fr);max-width:880px;margin-inline:auto}
.hub-detail-layout>*,.hub-workspace>*,.hub-detail-side>*,.hub-grid>*{min-width:0}
.hub-instrument-editor summary{font-size:19px;font-weight:750;cursor:pointer;line-height:1.5}.hub-instrument-form{padding-top:24px}.hub-back-link{display:inline-block;margin:0 0 18px}.hub-detail-side,.hub-help{display:grid;gap:20px}
.hub-answer{padding:30px}
.hub-answer h2{margin:14px 0 24px}
.hub-options{display:grid;gap:12px;border:0;padding:0;margin:0}
.hub-options label{display:flex;gap:14px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}
.hub-options label:has(input:checked){border-color:#bd521e;background:#fff6eb}
.hub-options input{width:20px;height:20px;min-height:20px;flex:0 0 20px;accent-color:#bd521e;padding:0}
.hub-prediction-input>div{display:flex;align-items:center;gap:18px;margin:15px 0}
.hub-prediction-input input{font-size:40px;font-weight:800;max-width:250px;text-align:center;height:88px}
.hub-prediction-input span{font-size:30px;font-weight:700}
.hub-meta{display:grid;gap:12px;margin:20px 0}
.hub-meta>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.hub-meta dt{color:var(--muted);font-size:14px}
.hub-meta dd{margin:0;font-weight:650}
.hub-resource-links{display:grid;gap:12px;margin:20px 0}
.hub-resource-links a{color:var(--text);text-decoration:none;background:#f7f7f8;padding:14px;border-radius:var(--radius-sm);font-weight:650}
.hub-signin-note{font-size:14px;line-height:1.6;color:var(--muted);margin-top:18px}
.hub-observed-value{font-size:36px;line-height:1.2;font-weight:800;margin:16px 0}
.hub-observed-value small{font-size:20px}
.hub-own-result{display:grid;gap:10px;padding:23px;background:#fff6e7;border-radius:var(--radius-sm);margin-top:24px}
.hub-own-result :is(h3,p){margin:0}
.hub-result-list{display:grid;gap:10px}
.hub-result-list article{display:flex;align-items:center;gap:20px;padding:20px 8px;border-bottom:1px solid var(--line)}
.hub-result-list article>div{display:grid;gap:6px;min-width:0}
.hub-result-list article>div:last-child,.hub-result-list article>b{margin-left:auto;text-align:right}
.hub-result-list a{font-weight:750;color:var(--text);text-decoration:none;overflow-wrap:anywhere}
.hub-result-list small{font-size:13px;color:var(--muted)}
.hub-place{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border-radius:50%;background:#fff1da;color:#84330d;font-weight:800}
.hub-filters{display:flex;gap:18px;align-items:end;flex-wrap:wrap;margin-bottom:24px}
.hub-filters label{display:grid;gap:8px;flex:1;min-width:min(200px,100%);font-weight:700}
.hub-history{display:grid;gap:16px}
.hub-history article{display:flex;align-items:center;justify-content:space-between;gap:24px}
.hub-history article>div{display:grid;gap:8px;min-width:0}
.hub-history h3{font-size:20px;margin:0;overflow-wrap:anywhere}
.hub-history small{color:var(--muted);font-size:14px}
.hub-history b{font-size:19px}
.hub-history-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.hub-history-actions form{margin:0}.hub-history-actions .btn{min-height:44px}.hub-history-actions .btn-danger,.hub-delete-actions .btn-danger,.hub-admin-actions .btn-danger{background:#b42318;border-color:#b42318;color:#fff}.hub-history-actions .btn-danger:hover,.hub-delete-actions .btn-danger:hover,.hub-admin-actions .btn-danger:hover{background:#8f1d13;border-color:#8f1d13;color:#fff}.hub-history-actions>a{white-space:normal;text-align:center}.hub-workspace>.panel{padding:clamp(22px,3vw,32px)}.hub-workspace>.panel h2{margin:0 0 24px}.hub-delete{max-width:760px;margin:24px auto;padding:clamp(24px,4vw,40px)}.hub-delete h1{font-size:clamp(28px,4vw,40px);line-height:1.2;margin:18px 0}.hub-delete p{line-height:1.75}.hub-delete-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.hub-delete-actions .btn{min-height:48px}.hub-admin-actions .btn{white-space:normal}.hub-profile-note{line-height:1.65;color:var(--muted);font-size:14px}
.hub-input-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.hub-input-pair :is(input,select){min-width:0;width:100%}
.hub-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin:24px 0}
.hub-stat-grid article{display:grid;gap:8px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.hub-stat-grid strong{font-size:30px;overflow-wrap:anywhere}
.hub-stat-grid small{font-size:14px;color:var(--muted);line-height:1.4}
.hub-admin-list{display:grid;gap:24px}
.hub-admin-list .panel{display:grid;gap:18px}
.page-admin .hub-admin-list .panel h3{overflow-wrap:anywhere}
.hub-admin-actions{display:flex;gap:12px;flex-wrap:wrap}
.hub-admin-actions form{margin:0}
.hub-code{display:block;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow:auto;padding:16px;background:#f6f7f8;border-radius:var(--radius-sm);font-size:13px}
.hub-map{height:340px;border-radius:var(--radius-sm)}
.hub-map.is-expanded{height:65vh;min-height:400px}
.hub-instrument-map{height:250px;border-radius:var(--radius-sm);margin:8px 0}
.hub-network-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.hub-network-map{position:sticky;top:100px}
.hub-network-readings{display:grid;gap:16px}
.hub-network-readings .hub-card{gap:12px;padding:22px}
.hub-network-readings .badge{max-width:180px;white-space:normal}
.hub-point-values{display:flex;flex-wrap:wrap;gap:22px}
.hub-point-values b{font-size:30px}
.hub-avatar{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:50%;background:#fff0d6;color:#84330d;font-size:20px;font-weight:800}
.hub-member-stats{display:flex;gap:20px;padding-block:14px;border-block:1px solid var(--line);color:var(--muted);font-size:14px}
.hub-member-stats b{display:block;color:var(--text);font-size:24px}
.hub-activity{margin-top:32px}
.hub-activity-row{display:flex;align-items:center;gap:16px;padding:18px 0;border-top:1px solid var(--line)}
.hub-activity-row>div{display:grid;gap:6px;min-width:0;flex:1}
.hub-activity-row a{color:inherit;text-decoration:none;line-height:1.5;overflow-wrap:anywhere}
.hub-activity-row time{font-size:13px;color:var(--muted);white-space:nowrap}
.hub-activity>.text-link{display:inline-block;margin-top:20px}
.hub-quick-actions> a{color:inherit;text-decoration:none}
.hub-quick-actions> a>span{font-size:30px}
.hub-quick-actions .text-link{margin-top:auto}
.hub-month-chart{display:grid;gap:12px;margin-top:24px}
.hub-month-chart>div{display:grid;grid-template-columns:42px minmax(40px,1fr) 85px 150px;gap:14px;align-items:center}
.hub-month-track{height:18px;border-radius:8px;background:#f3f4f7;overflow:hidden}
.hub-month-track i{display:block;height:100%;min-width:0;background:var(--brand-4);border-radius:8px}
.hub-month-chart small{font-size:13px;color:var(--muted)}
.hub-month-chart b{text-align:right;font-size:14px}
.hub-activity-row a:hover,.hub-card a:not(.btn):hover,.hub-space-nav a:hover{color:#a13d15;text-decoration:underline;text-underline-offset:3px}
.community-tabs a:focus-visible,.hub-path:focus-visible,.hub-options label:has(input:focus-visible){outline:3px solid #a75113;outline-offset:3px}
.hub-tabs-target,#pluja,#perfil,#historial,#community-feedback{scroll-margin-top:120px}
@media(max-width:1050px){
 .hub-paths,.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hub-hero{grid-template-columns:1fr 190px;gap:24px}
 .hub-workspace{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr)}
 .hub-workspace-single{grid-template-columns:1fr}
}
@media(max-width:760px){
 .community-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;padding-bottom:24px}.community-tabs a{padding:11px 12px;justify-content:center;min-width:0;white-space:normal;text-align:center}.community-tabs .community-admin-link{margin-left:0;grid-column:1/-1}
 .hub-space-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;overflow:visible}.hub-space-nav a{padding:11px 12px;min-width:0;white-space:normal;justify-content:center;text-align:center}
 .hub-hero{grid-template-columns:1fr}.hub-hero-art{display:none}
 .hub-paths,.hub-grid,.hub-detail-layout,.hub-workspace,.hub-network-layout{grid-template-columns:1fr}
 .hub-card,.hub-answer{padding:22px}.hub-input-pair{grid-template-columns:1fr}
 .hub-history article{align-items:start;flex-direction:column;gap:18px}
 .hub-callout{align-items:start;flex-direction:column;padding:24px}
 .hub-result-list article{gap:12px;padding:16px 0}
 .hub-place{width:32px;height:32px}
 .hub-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .hub-stat-grid article{padding:18px}.hub-stat-grid strong{font-size:24px}
 .hub-meta>div{grid-template-columns:95px minmax(0,1fr);gap:10px}
 .hub-map{height:280px}.hub-network-map{position:static}
 .hub-filters{gap:14px}.hub-prediction-input input{width:100%;min-width:0}
 .hub-admin-actions button{min-height:44px}
 .hub-activity-row{align-items:flex-start;gap:12px;flex-wrap:wrap}
 .hub-activity-row time{margin-left:58px}
 .hub-month-chart>div{grid-template-columns:32px minmax(40px,1fr) 75px;gap:8px}
 .hub-month-chart small{grid-column:2/4}.hub-month-chart b{font-size:13px}
}