.member-hub{width:min(1440px,100%);margin:0 auto;padding:38px 0 96px}
.hub-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:42px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.hub-heading h1{margin:0;font:700 clamp(3.25rem,6vw,6rem)/.94 var(--display);letter-spacing:-.035em}
.hub-heading h1 span{color:var(--coral)}
.hub-heading p{margin:14px 0 0;color:var(--muted);font-size:clamp(1rem,1.7vw,1.2rem)}
.hub-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:clamp(32px,6vw,96px)}
.hub-navigation{position:sticky;top:106px;align-self:start;display:grid;gap:3px}
.hub-navigation button{width:100%;min-height:46px;padding:11px 14px;border:0;border-bottom:2px solid transparent;border-radius:5px;background:transparent;color:var(--muted);font:700 .9rem/1.2 var(--body);text-align:left;cursor:pointer}
.hub-navigation button:hover{background:var(--ground);color:var(--ink)}
.hub-navigation button[aria-current=true]{border-bottom-color:var(--coral);background:var(--white);color:var(--ink)}
.hub-main{min-width:0}
.hub-main [data-hub-panel][hidden]{display:none}
.hub-main h2{margin:0;font:700 clamp(2rem,3.3vw,3.25rem)/1.04 var(--display);letter-spacing:-.025em}
.hub-main>section>h2{margin-bottom:25px}
.hub-section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.hub-section-head p{max-width:36ch;margin:0;color:var(--muted);font-size:1rem;line-height:1.45}
.hub-drafts-note{margin:0 0 24px;color:var(--muted);font-size:.9rem}
.hub-drafts-note a{font-weight:700}
.hub-paths{margin:30px 0 54px;border-top:1px solid var(--line)}
.hub-paths a{display:flex;align-items:center;min-height:72px;padding:14px 4px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.hub-paths a:hover strong{color:var(--blue)}
.hub-paths strong{font:700 clamp(1.3rem,2vw,1.75rem)/1.1 var(--display)}
.member-hub .practice-home-full{margin:0}
.member-hub .practice-cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;background:transparent;border:0}
.member-hub .practice-card{border:1px solid var(--line)}
.member-hub .account-follows{margin-top:38px}
.hub-create{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:26px;padding:23px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.hub-create label{font-weight:700}
.hub-create>div{display:flex;gap:9px;width:min(100%,470px)}
.hub-create input,.hub-list input,.save-list-shell input{min-width:0;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);font:inherit}
.hub-create input{flex:1}
.hub-pro-note{padding:22px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.hub-pro-note strong{font-size:1.12rem}
.hub-pro-note p{max-width:64ch;margin:8px 0;color:var(--muted)}
.hub-pro-note a{font-weight:700}
.hub-list-stack{margin-top:18px}
.hub-list{border-bottom:1px solid var(--line)}
.hub-list:first-child{border-top:1px solid var(--line)}
.hub-list>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:84px;padding:16px 2px;cursor:pointer;list-style:none}
.hub-list>summary::-webkit-details-marker{display:none}
.hub-list>summary strong,.hub-list>summary small{display:block}
.hub-list>summary strong{font:700 clamp(1.3rem,2vw,1.7rem)/1.1 var(--display)}
.hub-list>summary small{margin-top:5px;color:var(--muted);font-size:.8rem}
.hub-list>summary>span:last-child{color:var(--blue);font-size:.8rem;font-weight:700;text-transform:uppercase}
.hub-list[open]>summary>span:last-child{visibility:hidden}
.hub-list-body{padding:0 0 28px}
.hub-list-body>ol{margin:0;padding:0;list-style:none}
.hub-list-item{display:grid;grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:17px;min-height:78px;padding:10px 0;border-top:1px solid var(--line)}
.hub-list-item:not(:has(img)){grid-template-columns:minmax(0,1fr) auto}
.hub-list-item img{width:80px;height:56px;object-fit:cover;border-radius:4px;background:var(--ground)}
.hub-list-item a{color:var(--ink);font-weight:700;text-decoration:none}
.hub-list-item a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.hub-list-item small{display:block;margin-top:4px;color:var(--muted)}
.hub-item-actions{display:flex;align-items:center;gap:4px}
.hub-item-actions button,.hub-list-actions button,.hub-list-actions a,.hub-list form button,.watchlist-controls button{min-height:40px;padding:8px 11px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--ink);font:700 .78rem/1.1 var(--body);text-decoration:none;cursor:pointer}
.hub-item-actions button:hover,.hub-list-actions button:hover,.hub-list-actions a:hover,.hub-list form button:hover,.watchlist-controls button:hover{background:var(--ground)}
.hub-item-actions button:disabled,.watchlist-controls button:disabled{cursor:default;opacity:.4}
.hub-list form{display:flex;align-items:end;gap:10px;margin-top:20px}
.hub-list form label{display:grid;gap:5px;flex:1;color:var(--muted);font-size:.78rem;font-weight:700}
.hub-list form input{width:100%;font-size:.92rem}
.hub-list-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.hub-list-actions .danger{margin-left:auto;color:var(--warning)}
.hub-watch-link{display:inline-block;margin-bottom:18px;font-weight:700;text-underline-offset:4px}
.hub-empty{padding:38px 0;border-top:1px solid var(--line)}
.hub-empty h3,.hub-empty h1{margin:0 0 8px;font:700 clamp(1.7rem,3vw,2.5rem)/1.1 var(--display)}
.hub-empty p,.hub-empty-small{max-width:62ch;margin:0 0 18px;color:var(--muted)}
.hub-posts{border-top:1px solid var(--line)}
.hub-posts article{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:8px 18px;padding:21px 0;border-bottom:1px solid var(--line)}
.hub-posts article>span{color:var(--coral);font-size:.77rem;font-weight:800;text-transform:uppercase}
.hub-posts h3{margin:0;font:700 1.2rem/1.25 var(--display)}
.hub-posts h3 a{color:var(--ink);text-decoration:none}
.hub-posts h3 a:hover{color:var(--blue)}
.hub-posts p{grid-column:2;max-width:65ch;margin:0;color:var(--muted);font-size:.9rem}
.hub-posts small{grid-column:3;grid-row:1;color:var(--muted)}
.hub-settings>p{margin:0 0 28px;color:var(--muted)}
.hub-settings .settings-profile,.hub-settings .settings-appearance{padding:26px 0;border-top:1px solid var(--line)}
.settings-profile-row{display:flex;align-items:center;gap:24px}
.settings-profile-row>div{min-width:0}
.settings-profile-row p{margin:0 0 15px;color:var(--muted);font-size:.9rem}
.settings-photo-preview{display:grid;flex:0 0 96px;place-items:center;width:96px;height:96px;overflow:hidden;border:1px solid var(--line);border-radius:50%;background:var(--ground);font:700 2.5rem/1 var(--display)}
.settings-photo-preview img{width:100%;height:100%;object-fit:cover}
#profile-photo-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#profile-photo-form label,#profile-photo-form button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;margin:0}
.settings-profile-file-name{min-width:80px;max-width:220px;overflow:hidden;color:var(--muted);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}
.settings-theme-button{min-height:48px;padding:9px 16px;border:1px solid var(--line);border-radius:5px;background:var(--ground);color:var(--ink);font:700 .9rem/1.2 var(--body)}
.settings-theme-button:hover{border-color:var(--blue);color:var(--blue)}
.member-avatar{position:relative;display:inline-grid;flex:0 0 36px;place-items:center;width:36px;height:36px;overflow:hidden;border:1px solid var(--line);border-radius:50%;background:var(--ground);color:var(--ink);font:700 .8rem/1 var(--display)}
.member-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.review-author,.thread-row-author,.thread-author,.thread-reply-author{display:inline-flex;align-items:center;gap:9px}
.playlist-author{display:inline-flex;align-items:center;gap:9px}
.thread-row-author{justify-content:flex-end}
.thread-reply-author{font-size:1rem}
@media(max-width:620px){.settings-profile-row{align-items:flex-start;gap:16px}.settings-photo-preview{flex-basis:72px;width:72px;height:72px}.settings-profile-file-name{max-width:100%}.thread-row-author{justify-content:flex-start}}
.hub-settings .account-orders,.hub-settings .account-tools{padding:26px 0;border-top:1px solid var(--line)}
.hub-settings h3{margin:0 0 15px;font:700 1.5rem/1.2 var(--display)}
.hub-settings .account-tools>p{max-width:65ch;color:var(--muted)}
.hub-order{padding:14px 0;border-top:1px solid var(--line)}
.hub-order p{margin:4px 0 0;color:var(--muted)}
.save-list-dialog{width:min(520px,calc(100% - 28px));max-height:min(85dvh,760px);padding:0;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink)}
.save-list-dialog::backdrop{background:rgba(5,6,9,.72)}
.save-list-shell{padding:24px}
.save-list-shell header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.save-list-shell h2{margin:0;font:700 1.8rem/1.1 var(--display)}
.save-list-shell header button{min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--ink)}
.save-list-shell>p:first-of-type{margin:9px 0 22px;color:var(--muted)}
.save-list-shell [data-list-choices]{max-height:260px;overflow:auto;border-top:1px solid var(--line)}
.save-list-shell [data-list-choices]>button{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:58px;padding:10px 4px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left}
.save-list-shell [data-list-choices]>button:hover{color:var(--blue)}
.save-list-shell [data-list-choices] span{color:var(--muted);font-size:.78rem}
.save-list-shell [data-list-choices]>p{color:var(--muted)}
.save-list-shell form{margin-top:24px}
.save-list-shell form>label{display:block;margin-bottom:8px;font-weight:700}
.save-list-shell form>div{display:flex;gap:8px}
.save-list-shell input{flex:1}
.save-list-shell [data-save-status]{min-height:22px;margin:12px 0 0}
.save-yoyo-button{min-height:44px;padding:9px 13px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--ink);font:700 .75rem/1.1 var(--body);text-transform:uppercase;cursor:pointer}
.save-yoyo-button:hover{background:var(--ground)}
.save-yoyo-button{margin:14px 0 0}
.yoyo-hero .save-yoyo-button{margin-left:9px}
.watchlist-page{width:min(1920px,100%);margin:0 auto;padding:34px 0 80px}
.watchlist-page>header{margin:20px 0 26px}
.watchlist-page h1{margin:0;font:700 clamp(2.7rem,5vw,5rem)/1 var(--display);letter-spacing:-.025em}
.watchlist-page>header p{color:var(--muted)}
.watchlist-page .tutorial-video{margin:0}
.watchlist-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.watchlist-controls span{color:var(--muted);font-size:.85rem}
.watchlist-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;margin:30px 0 0;padding:0;list-style:none}
.watchlist-items li{border-bottom:1px solid var(--line)}
.watchlist-items button{display:flex;align-items:center;gap:14px;width:100%;min-height:88px;padding:10px 0;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}
.watchlist-items button[aria-current=true] strong{color:var(--blue)}
.watchlist-items img{width:100px;height:66px;object-fit:cover;border-radius:4px}
.watchlist-items strong,.watchlist-items small{display:block}
.watchlist-items strong{font-size:.95rem}
.watchlist-items small{margin-top:4px;color:var(--muted)}
@media(max-width:900px){.hub-layout{grid-template-columns:1fr;gap:26px}.hub-navigation{position:static;display:flex;gap:5px;margin:0 -16px;padding:0 16px 8px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line)}.hub-navigation::-webkit-scrollbar{display:none}.hub-navigation button{flex:0 0 auto;width:auto;white-space:nowrap}.hub-section-head{align-items:start;flex-direction:column}.hub-paths a{grid-template-columns:1fr;gap:5px}}
@media(max-width:620px){.member-hub{padding-top:25px}.hub-heading{align-items:start;flex-direction:column;gap:15px;margin-bottom:24px}.member-hub .practice-cards{display:grid;grid-template-columns:1fr;margin-right:0;padding-right:0;overflow:visible}.member-hub .practice-card{flex:none}.hub-create{align-items:start;flex-direction:column}.hub-create>div{width:100%}.hub-list-item,.hub-list-item:not(:has(img)){grid-template-columns:70px minmax(0,1fr)}.hub-list-item:not(:has(img))>div:first-child{grid-column:1/-1}.hub-list-item img{width:70px;height:52px}.hub-item-actions{grid-column:1/-1;justify-content:flex-end}.hub-posts article{grid-template-columns:1fr}.hub-posts p,.hub-posts small{grid-column:1;grid-row:auto}.save-list-shell{padding:18px}.save-list-shell form>div{flex-direction:column}.watchlist-items{grid-template-columns:1fr}}

.site-nav .nav-pro{color:var(--orange)!important;font-weight:800}
.hub-upgrade{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:-16px 0 40px;padding:28px 32px;border:1px solid var(--line);border-radius:10px;background:var(--ground)}
.hub-upgrade h2{margin:0 0 8px;font:750 clamp(1.6rem,2.4vw,2.2rem)/1.08 var(--display)}
.hub-upgrade p{max-width:57ch;margin:0 0 8px;line-height:1.5}
.hub-upgrade small{color:var(--muted)}
.hub-upgrade .btn{flex:none}
.pro-benefits-page{max-width:1160px}
.pro-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);gap:clamp(32px,6vw,88px);align-items:center;padding:52px 0 64px;border-bottom:2px solid var(--ink)}
.pro-intro h1{max-width:11ch;margin:0 0 22px;font:760 clamp(3.5rem,6.5vw,6rem)/.96 var(--display);letter-spacing:-.035em}
.pro-intro p{max-width:34ch;margin:0 0 28px;font-size:clamp(1.15rem,1.7vw,1.45rem);line-height:1.45}
.pro-intro .text-action,.pro-benefit-list a{font-weight:750;text-underline-offset:4px}
.pro-intro img{display:block;width:100%;height:auto;aspect-ratio:14/15;border:1px solid var(--line);border-radius:8px}
.pro-benefit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin:0 0 56px}
.pro-benefit-list article{padding:42px 0;border-bottom:1px solid var(--line)}
.pro-benefit-list h2{max-width:16ch;margin:0 0 14px;font:750 clamp(1.8rem,3vw,2.6rem)/1.08 var(--display)}
.pro-benefit-list p{max-width:48ch;margin:0 0 18px;color:var(--muted);font-size:1rem;line-height:1.55}
.pro-opening-note{margin:14px 0 0;color:var(--muted);font-size:.9rem;line-height:1.45}
.catalog-pro-tools{display:flex;align-items:end;flex-wrap:wrap;gap:16px;margin:20px 0 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.catalog-pro-tools>div{display:grid;gap:3px;flex:1 1 230px}
.catalog-pro-tools strong{font-size:1rem}
.catalog-pro-tools span{max-width:42ch;color:var(--muted);font-size:.85rem;line-height:1.4}
.catalog-pro-tools label{display:grid;gap:5px;font-size:.78rem;font-weight:750}
.catalog-pro-tools select{min-width:155px;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);font:inherit}
.catalog-pro-tools>a{min-height:44px;display:inline-flex;align-items:center;font-size:.85rem;font-weight:750}
@media(max-width:760px){.hub-upgrade{align-items:start;flex-direction:column;margin:0 0 30px;padding:23px}.hub-upgrade .btn{width:100%}.pro-intro{grid-template-columns:minmax(0,1fr);padding:32px 0 46px}.pro-benefit-list{grid-template-columns:1fr;gap:0;margin-bottom:36px}.pro-benefit-list article{padding:30px 0}.catalog-pro-tools{align-items:stretch;flex-direction:column}.catalog-pro-tools label,.catalog-pro-tools select{width:100%}}
.account-brand-watches{margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}
.account-brand-watches>div:last-child>p{max-width:55ch;color:var(--muted)}
.brand-watch-form{display:grid;gap:10px;margin:24px 0}
.brand-watch-form label{font-weight:700}
.brand-watch-form>div{display:flex;gap:10px}
.brand-watch-form select{min-width:0;flex:1;min-height:46px;padding:8px 12px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);font:inherit}
.brand-watch-row{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:19px 0;border-top:1px solid var(--line)}
.brand-watch-row strong{font-size:1.15rem}.brand-watch-row p{margin:5px 0;color:var(--muted);font-size:.9rem}
.brand-watch-row a{display:block;padding:3px 0;font-weight:700}
.brand-watch-row>div:last-child{display:flex;gap:7px;flex-wrap:wrap}
.brand-watch-row button{min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--ink);font:700 .8rem var(--body);cursor:pointer}
@media(max-width:620px){.brand-watch-form>div,.brand-watch-row{flex-direction:column}.brand-watch-form select,.brand-watch-form button{width:100%}}
.pro-scroll-plans{min-height:44px;padding:0;border:0;background:transparent;color:var(--blue);font:750 1rem var(--body);text-decoration:underline;text-underline-offset:5px;cursor:pointer}
.pro-scroll-plans:hover{color:var(--orange)}
