/* Hub refinement: social core first, optional discovery contained inside Discover. */
.hub-topbar{
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:18px;
    min-height:62px;
    padding:7px 18px;
    border-bottom-color:rgba(202,166,91,.24);
    background:linear-gradient(180deg,rgba(4,10,8,.98),rgba(5,13,10,.95));
}
.hub-command{display:flex;align-items:center;justify-content:center;min-width:0}
.hub-global-search{display:flex;align-items:center;gap:8px;width:min(380px,34vw);min-width:180px;height:38px;padding:0 11px;border:1px solid rgba(190,153,78,.38);border-radius:20px;background:rgba(0,0,0,.24);box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)}
.hub-global-search>span{color:#b99d61;font-size:.86rem}
.hub-global-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#eee3ca;font:500 .76rem var(--font-body)}
.hub-global-search input::placeholder{color:#7c827b}

/* Compact account-backed local area control. */
[aria-labelledby="hub-area-title"]{margin-bottom:12px!important;padding:10px 11px!important;border-radius:10px!important}
[aria-labelledby="hub-area-title"]>p.hub-kicker{margin-bottom:1px}
[aria-labelledby="hub-area-title"]>div{margin-bottom:7px!important}
#hub-area-title{font-size:20px!important;line-height:1!important}
[aria-labelledby="hub-area-title"]>div p{margin-top:3px!important;font-size:9px!important}
[aria-labelledby="hub-area-title"]>form{gap:5px!important}
[aria-labelledby="hub-area-title"]>form input{height:30px!important;padding:0 8px!important;border-radius:7px!important;font-size:.66rem!important}
[aria-labelledby="hub-area-title"]>form button{height:30px!important;padding:0 9px!important;border-radius:7px!important;font-size:.61rem!important}
[aria-labelledby="hub-area-title"]>p:last-child{margin-top:6px!important;font-size:9px!important;line-height:1.35!important}

/* Optional interests/local/media live only when a page explicitly supplies Discover content. */
.hub-left-extra{margin-top:17px;padding-top:17px;border-top:1px solid rgba(213,190,138,.12)}
.hub-explore>header h2{margin:0;color:#ebdfc6;font:500 1.2rem var(--font-display)}
.hub-explore>header>p:last-child{margin:.45rem 0 0;color:#7f8981;font:.67rem/1.45 var(--font-body)}
.hub-explore-group{margin-top:16px}
.hub-explore-group h3{margin:0 0 7px;color:#9c8758;font:700 .56rem var(--font-body);letter-spacing:.13em;text-transform:uppercase}
.hub-explore-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;overflow:visible}
.hub-explore-grid button{position:relative;z-index:0;min-height:34px;padding:6px 7px;border:1px solid rgba(185,151,81,.23);border-radius:8px;background:rgba(0,0,0,.16);color:#929b93;font:600 .61rem var(--font-body);cursor:pointer;transform:scale(1);transform-origin:center;will-change:transform;transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .15s ease,background .15s ease,color .15s ease,box-shadow .16s ease}
.hub-explore-grid button:hover,.hub-explore-grid button:focus-visible{z-index:4;transform:scale(1.22);border-color:rgba(221,184,102,.82);background:rgba(182,154,98,.18);color:#f2e5c6;box-shadow:0 12px 28px rgba(0,0,0,.40),0 0 0 1px rgba(214,177,94,.22)}
.hub-explore-grid button.active{border-color:rgba(206,172,97,.62);background:rgba(182,154,98,.11);color:#e2d5b8}

.hub-center{padding-top:28px}
.hub-feed-heading{padding-bottom:17px}.hub-feed-heading h1{font-size:clamp(2.4rem,3.4vw,3.8rem)}
.hub-feed-heading>div>p:last-child{max-width:760px;font-size:.92rem}
.hub-feed-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 0;padding:9px 11px;border:1px solid rgba(190,153,78,.18);background:rgba(3,10,7,.48);box-shadow:inset 0 1px rgba(255,255,255,.025)}
.hub-feed-context{color:#78847c;font:600 .62rem var(--font-body);letter-spacing:.02em}
.hub-feed-tools nav{display:flex;gap:6px}
.hub-feed-tools a,.hub-feed-tools button,.hub-side-action,.hub-side-actions a,.hub-side-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 9px;border:1px solid rgba(190,153,78,.26);border-radius:7px;background:rgba(182,154,98,.045);color:#c8b98f;text-decoration:none;font:650 .62rem var(--font-body);cursor:pointer}
.hub-feed-tools a:hover,.hub-feed-tools button:hover,.hub-side-action:hover,.hub-side-actions a:hover,.hub-side-actions button:hover{border-color:rgba(208,175,102,.62);background:rgba(182,154,98,.1);color:#ead9af}

.hub-composer.open{border-color:rgba(190,153,78,.28);border-radius:10px;background:linear-gradient(180deg,rgba(7,18,13,.82),rgba(5,13,10,.74));box-shadow:0 18px 38px rgba(0,0,0,.18)}
.hub-post-title-input{display:block;width:100%;min-height:48px;margin:0 0 9px;padding:9px 12px;border:1px solid rgba(218,202,165,.2);border-radius:8px;background:rgba(2,10,7,.66);color:#f0e5ce;outline:none;font:600 clamp(1.15rem,1.7vw,1.45rem)/1.2 var(--font-display)}
.hub-post-title-input::placeholder{color:#707a72;font:500 .86rem var(--font-body)}
.hub-post-title-input:focus{border-color:rgba(182,154,98,.7);box-shadow:0 0 0 2px rgba(182,154,98,.08)}
.hub-feed{gap:14px;border-top:0}
.hub-post{padding:0;overflow:hidden;border:1px solid rgba(190,153,78,.2);border-radius:12px;background:linear-gradient(180deg,rgba(7,17,13,.84),rgba(4,11,8,.9));box-shadow:0 22px 46px rgba(0,0,0,.22)}
.hub-post>header{grid-template-columns:minmax(0,1fr) auto;padding:13px 14px;border-bottom:1px solid rgba(213,190,138,.08)}
.hub-post-author{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;color:inherit;text-decoration:none}
.hub-post-author>div{display:grid;gap:2px}.hub-post-author strong{color:#ebe1cc;font-size:.82rem}.hub-post-author small{color:#747f78;font-size:.63rem}
.hub-post-title{margin:0;padding:17px 16px 0;color:#f2e7d0;font:600 clamp(1.55rem,2.35vw,2.35rem)/1.08 var(--font-display);letter-spacing:-.015em}
.hub-post-title+.hub-post-body{padding-top:8px}
.hub-post-body{margin:0;padding:16px 16px 2px;font-size:1.08rem}
.hub-post-media{margin:13px 0 0;max-height:none;border:0;border-top:1px solid rgba(213,190,138,.1);border-bottom:1px solid rgba(213,190,138,.1)}
.hub-post-media img{width:100%;max-height:760px;object-fit:contain;background:#020705}
.hub-post>footer{gap:3px;margin:0;padding:9px 11px}.hub-post>footer button{min-height:34px;border-radius:7px;font-size:.68rem}.hub-favorite{margin-left:auto!important}.hub-share-link{border:1px solid rgba(190,153,78,.22)!important;padding-inline:12px!important;color:#cdb985!important}
.hub-feed-empty{border:1px solid rgba(190,153,78,.18);border-radius:12px;background:rgba(4,12,9,.66)}

.hub-right{padding-top:20px}.hub-side-section{padding:0 0 18px;margin:0 0 18px}
.hub-social-summary{padding:15px!important;border:1px solid rgba(190,153,78,.2)!important;border-radius:12px;background:linear-gradient(180deg,rgba(8,20,15,.72),rgba(5,14,10,.68))}
.hub-social-summary h2{font-size:1.22rem}.hub-social-summary>p:not(.hub-kicker){font-size:.72rem}
.hub-side-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:11px}.hub-side-actions.single{grid-template-columns:1fr}
.hub-interest-chips,.hub-local-chips{display:flex;flex-wrap:wrap;gap:5px}
.hub-interest-chips span,.hub-local-chips span{display:inline-flex;align-items:center;min-height:26px;padding:4px 8px;border:1px solid rgba(190,153,78,.25);border-radius:14px;background:rgba(182,154,98,.055);color:#b9b09a;font:600 .57rem var(--font-body)}
.hub-media-modes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.hub-media-modes>span{display:grid;gap:2px;padding:8px;border:1px solid rgba(190,153,78,.18);border-radius:8px;color:#d5c8a9;font:650 .63rem var(--font-body)}
.hub-media-modes small{color:#68756d;font-size:.52rem;font-weight:500}
.hub-local-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin:9px 0}
.hub-local-form input{min-width:0;height:34px;padding:7px 8px;border:1px solid rgba(190,153,78,.23);border-radius:7px;background:rgba(0,0,0,.22);color:#e4dcc8;outline:0;font:.68rem var(--font-body)}
.hub-local-form input:focus{border-color:rgba(208,175,102,.62)}
.hub-local-form button{padding:6px 9px;border:1px solid rgba(190,153,78,.36);border-radius:7px;background:rgba(182,154,98,.1);color:#d4c29a;font:650 .62rem var(--font-body);cursor:pointer}
.hub-discovery-note{margin-top:28px;padding:18px 20px;border:1px solid rgba(190,153,78,.16);border-radius:12px;background:linear-gradient(135deg,rgba(14,31,23,.6),rgba(5,13,10,.72))}
.hub-discovery-note h2{margin:0;color:#e9dec7;font:500 1.35rem var(--font-display)}
.hub-discovery-note>p:last-child{max-width:760px;margin:.55rem 0 0;color:#89948c;font:.78rem/1.55 var(--font-body)}

/* Feed interest stories and the interest chooser live here because hub-content.css is
   explicitly loaded by App.razor. Do not move these back to scoped Razor CSS unless the
   application begins loading the generated scoped-CSS bundle. */
.hub-interest-loading{margin:10px 0;padding:12px 14px;border:1px solid rgba(190,151,67,.26);border-radius:11px;background:rgba(7,15,11,.72);color:rgba(237,229,211,.72);font-size:12px}
.hub-empty-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.hub-interest-story{overflow:hidden;margin:0 0 14px;border:1px solid rgba(191,153,69,.28);border-radius:14px;background:linear-gradient(155deg,rgba(11,24,17,.97),rgba(4,11,8,.99));box-shadow:0 12px 34px rgba(0,0,0,.22)}
.hub-interest-story-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(188,151,70,.16)}
.hub-interest-story-head>div{display:flex;align-items:center;gap:9px;min-width:0}
.hub-interest-story-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d8cdb6;font-size:11px;font-weight:700}
.hub-interest-story-head small{flex:0 0 auto;color:rgba(236,228,210,.48);font-size:10px}
.hub-interest-badge{flex:0 0 auto;display:inline-flex;min-height:22px;align-items:center;padding:0 8px;border:1px solid rgba(198,158,68,.38);border-radius:999px;background:rgba(172,132,47,.13);color:#d7ba70;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.hub-interest-art{margin:0;background:#07100c}.hub-interest-art img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.hub-interest-video{width:100%;aspect-ratio:16/9;background:#020503}.hub-interest-video iframe{display:block;width:100%;height:100%;border:0}
.hub-interest-copy{padding:16px 18px 18px}.hub-interest-copy h2{margin:0 0 7px;color:#f0e6d2;font:600 24px/1.08 "Cormorant Garamond",Georgia,serif}.hub-interest-copy>p{margin:0;color:rgba(235,228,212,.7);font-size:12px;line-height:1.62}
.hub-interest-reader{margin-top:13px;border-top:1px solid rgba(190,151,67,.17);padding-top:11px}.hub-interest-reader summary{width:max-content;cursor:pointer;color:#d7b563;font-size:11px;font-weight:800}.hub-interest-reader>div{margin-top:12px;padding:14px;max-height:420px;overflow:auto;white-space:pre-wrap;border:1px solid rgba(190,151,67,.16);border-radius:10px;background:rgba(2,8,5,.56);color:rgba(240,233,218,.78);font:500 13px/1.75 Inter,system-ui,sans-serif}
.hub-interest-chip-list{display:flex;flex-wrap:wrap;gap:6px}.hub-interest-chip-list span{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border:1px solid rgba(188,149,65,.32);border-radius:999px;background:rgba(173,134,49,.08);color:#d5c59e;font-size:10px}
.hub-interest-backdrop{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:28px;background:rgba(0,5,3,.78);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.hub-interest-modal{width:min(1120px,96vw);height:min(860px,92vh);max-height:92vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(203,162,72,.55);border-radius:18px;background:radial-gradient(circle at 84% 4%,rgba(112,92,44,.16),transparent 31%),linear-gradient(160deg,#0b1c14,#06100c 68%,#030a07);box-shadow:0 28px 90px rgba(0,0,0,.58),inset 0 0 0 1px rgba(237,208,134,.04);color:#eee5d4}
.hub-interest-modal-head,.hub-interest-search,.hub-interest-exact,.hub-interest-selected,.hub-interest-dialog-notice,.hub-interest-actions{flex:0 0 auto}
.hub-interest-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px 16px;border-bottom:1px solid rgba(193,153,68,.18)}.hub-interest-modal-head small{color:#cba75b;font-size:9px;font-weight:900;letter-spacing:.18em}.hub-interest-modal-head h2{margin:4px 0 4px;color:#f1e7d3;font:600 36px/1 "Cormorant Garamond",Georgia,serif}.hub-interest-modal-head p{max-width:760px;margin:0;color:rgba(235,226,209,.62);font-size:12px;line-height:1.55}.hub-interest-modal-head>button{width:34px;height:34px;border:1px solid rgba(190,151,67,.3);border-radius:50%;background:rgba(7,15,11,.8);color:#d9c99e;font-size:20px;cursor:pointer}
.hub-interest-search{margin:14px 20px 8px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:0 12px;border:1px solid rgba(193,153,68,.33);border-radius:11px;background:rgba(2,9,6,.72)}.hub-interest-search>span{color:#caa353;font-size:19px}.hub-interest-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f1e8d7;font-size:12px}.hub-interest-search input::placeholder{color:rgba(237,228,210,.36)}.hub-interest-search small{color:rgba(237,228,210,.42);font-size:9px;white-space:nowrap}
.hub-interest-exact{margin:0 20px 8px;display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 11px;border:1px solid rgba(202,161,70,.42);border-radius:10px;background:rgba(174,132,43,.12);color:#e5d7b7;text-align:left;cursor:pointer}.hub-interest-exact>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(205,164,75,.42);border-radius:50%;color:#e1be67}.hub-interest-exact div{display:grid;gap:2px}.hub-interest-exact strong{font-size:11px}.hub-interest-exact small{color:rgba(235,226,208,.5);font-size:9px}
.hub-interest-selected{margin:0 20px 8px;display:grid;gap:7px}.hub-interest-selected>strong{color:#c9a457;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.hub-interest-selected>div{display:flex;flex-wrap:wrap;gap:6px;max-height:64px;overflow:auto;align-content:flex-start;scrollbar-width:thin}.hub-interest-selected button{min-height:26px;padding:0 8px;border:1px solid rgba(203,161,69,.38);border-radius:999px;background:rgba(172,130,45,.14);color:#e0cfaa;font-size:9px;cursor:pointer}
.hub-interest-dialog-notice{margin:0 20px 8px;padding:8px 10px;border:1px solid rgba(202,158,67,.28);border-radius:9px;background:rgba(172,125,35,.1);color:#dbc895;font-size:10px}
.hub-interest-browser{flex:1 1 auto;min-height:0;overflow:hidden;display:grid;grid-template-columns:220px minmax(0,1fr);gap:10px;padding:5px 20px 14px}.hub-interest-groups{min-height:0;overflow:auto;display:grid;align-content:start;gap:4px;padding-right:5px}.hub-interest-groups button{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:rgba(235,227,210,.62);text-align:left;cursor:pointer}.hub-interest-groups button:hover{background:rgba(181,140,50,.08);color:#e4d5b3}.hub-interest-groups button.is-active{border-color:rgba(204,162,70,.36);background:rgba(174,132,44,.14);color:#ecd9a9}.hub-interest-groups span{font-size:10px;font-weight:700}.hub-interest-groups small{color:rgba(235,227,210,.34);font-size:9px}
.hub-interest-results{min-height:0;overflow:auto;padding:2px 3px 10px 5px}.hub-interest-results-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 3px 10px;background:#07120d}.hub-interest-results-head strong{color:#eadbb9;font:600 19px/1.1 "Cormorant Garamond",Georgia,serif}.hub-interest-results-head small{color:rgba(235,226,209,.4);font-size:9px}.hub-interest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.hub-interest-grid>button{min-height:62px;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;padding:8px;border:1px solid rgba(190,151,67,.18);border-radius:10px;background:rgba(5,13,9,.56);color:#d8cdb9;text-align:left;cursor:pointer;transition:transform .13s ease,border-color .13s ease,background .13s ease}.hub-interest-grid>button:hover{z-index:1;transform:scale(1.025);border-color:rgba(209,168,77,.5);background:rgba(21,29,18,.88)}.hub-interest-grid>button.is-selected{border-color:#c79c43;background:rgba(150,109,31,.24);box-shadow:inset 0 0 0 1px rgba(232,198,118,.1)}.hub-interest-grid>button>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(196,155,68,.34);border-radius:50%;color:#d4aa51;font:700 12px/1 Georgia,serif}.hub-interest-grid>button>div{min-width:0;display:grid;gap:3px}.hub-interest-grid strong{font-size:10px;line-height:1.18}.hub-interest-grid small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(234,225,207,.38);font-size:8px}.hub-interest-none{padding:20px;border:1px dashed rgba(190,151,67,.2);border-radius:10px;color:rgba(235,226,209,.52);font-size:11px;line-height:1.5}
.hub-interest-actions{position:relative;z-index:10;display:flex;justify-content:flex-end;gap:8px;padding:13px 20px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(193,153,68,.28);background:linear-gradient(180deg,rgba(7,18,13,.98),rgba(4,11,8,1));box-shadow:0 -14px 28px rgba(0,0,0,.28)}.hub-interest-actions>button{min-height:38px;padding:0 15px;border:1px solid rgba(192,152,66,.34);border-radius:9px;background:rgba(5,13,9,.7);color:#d6c9aa;font-size:10px;font-weight:800;cursor:pointer}.hub-interest-actions>button.hub-primary{border-color:#d0a94f;background:#d0a94f;color:#09110c;box-shadow:0 0 0 1px rgba(243,213,135,.14),0 5px 16px rgba(0,0,0,.28)}

@media(max-width:1280px){.hub-global-search{width:min(320px,30vw)}.hub-explore-grid{grid-template-columns:1fr}}
@media(max-width:900px){.hub-interest-backdrop{padding:8px;place-items:end center}.hub-interest-modal{width:100%;height:94vh;max-height:94vh;border-radius:18px 18px 8px 8px}.hub-interest-browser{grid-template-columns:1fr;padding-inline:12px}.hub-interest-groups{display:flex;overflow-x:auto;padding:0 0 5px}.hub-interest-groups button{flex:0 0 auto}.hub-interest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-interest-search{margin-inline:12px;grid-template-columns:22px minmax(0,1fr)}.hub-interest-search small{grid-column:2}.hub-interest-exact,.hub-interest-selected,.hub-interest-dialog-notice{margin-inline:12px}}
@media(max-width:760px){
    .hub-topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding-inline:10px}.hub-topbar__brand span,.hub-profile-trigger span{display:none}.hub-global-search{width:100%;min-width:0}.hub-command{min-width:0}
    .hub-left-extra{display:none}.hub-feed-tools{align-items:flex-start;flex-direction:column}.hub-feed-tools nav{width:100%;flex-wrap:wrap}.hub-side-actions{grid-template-columns:1fr}.hub-media-modes{grid-template-columns:1fr 1fr}
    .hub-post>footer{flex-wrap:wrap}.hub-favorite{margin-left:0!important}
}
@media(max-width:560px){.hub-interest-modal-head{padding:16px 14px 12px}.hub-interest-modal-head h2{font-size:30px}.hub-interest-grid{grid-template-columns:1fr}.hub-interest-copy h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.hub-explore-grid button{transition:none}.hub-explore-grid button:hover,.hub-explore-grid button:focus-visible{transform:none}.hub-interest-grid>button{transition:none}.hub-interest-grid>button:hover{transform:none}}