/* Club conversations belong to the same continuous reading space as the forum. */
:is(.cd-page,.cd-panel,.cd-entrance){--cd-ink:#382b24;--cd-muted:#8b786a;--cd-line:#91745c22;--cd-clay:#a24933}
body[data-ui-shell="community"] .cd-page{max-width:1180px;margin-inline:auto}
body[data-ui-shell="community"] :is(.cd-original,.cd-floor,.cd-topic,.cd-thread-aside,.cd-empty){border:0;border-radius:0;box-shadow:none;background:transparent}
body[data-ui-shell="community"] .cd-thread-layout{grid-template-columns:minmax(0,1fr) 210px;gap:clamp(32px,5vw,80px)}
.cd-page .cl-breadcrumb{margin-bottom:24px;gap:20px}
.cd-page .cl-breadcrumb :is(a,button){font-size:13px;min-height:44px;color:var(--cd-muted)}
body[data-ui-shell="community"] .cd-original{padding:12px 0 30px}
.cd-original-label{font-size:13px;color:var(--cd-clay);flex-wrap:wrap;gap:8px}
.cd-original-label>span{font-size:12px;color:var(--cd-muted)}
body[data-ui-shell="community"] .cd-original h1{font-size:clamp(29px,3vw,40px);line-height:1.4;font-weight:650;letter-spacing:-.035em;margin:24px 0;color:var(--cd-ink)}
.cd-avatar{border-radius:50%;background:#eddfd0;color:#95563e;width:38px;height:38px;font-size:15px}
.cd-author{gap:12px;align-items:center}
.cd-author>div>a{font-size:14px;line-height:1.5;color:#654b3a;font-weight:550}
.cd-author time{font-size:12px;color:var(--cd-muted);margin-top:3px;line-height:1.7}
.cd-author>small{border:0;background:#eddbcb66;color:#9d593f;font-size:11px;padding:3px 7px;border-radius:4px}
.cd-body{font-size:17px;line-height:2;color:#59483b;margin:30px 0 34px;letter-spacing:.01em}
body[data-ui-shell="community"] .cd-original footer{border:0;padding-top:4px;flex-wrap:wrap;gap:12px 24px}
.cd-reply-count{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:0;background:none;color:var(--cd-muted);padding:6px 0;font:inherit;font-size:13px}
.cd-reply-count svg:last-child{width:14px;opacity:.65}
body[data-ui-shell="community"] :is(.cd-panel,.cd-page) .button{font-size:14px;min-height:44px;border-radius:8px;padding:11px 18px;box-shadow:none}
.cd-replies-heading{margin:26px 0 0;padding:21px 0 14px;border-top:1px solid var(--cd-line);scroll-margin-top:100px}
.cd-replies-heading h2{font-size:22px;line-height:1.5;font-weight:600;letter-spacing:-.025em;color:var(--cd-ink)}
.cd-replies-heading small{font-size:13px;color:var(--cd-muted);margin-left:10px}
.cd-replies-heading button{font-size:12px;min-height:44px;gap:7px;color:var(--cd-muted)}
body[data-ui-shell="community"] .cd-floor{position:relative;padding:26px 0 20px;margin:0;border-bottom:1px solid var(--cd-line);scroll-margin-top:110px}
.cd-floor-number{font-size:12px;min-width:44px;min-height:44px;justify-content:flex-end;color:#a38a76}
.cd-floor .cd-body{margin:20px 0 8px 50px;font-size:16px}
.cd-floor footer{margin-left:50px}
.cd-floor footer button{font-size:13px;min-height:44px;padding:8px 0;gap:8px;color:#9d593f}
body[data-ui-shell="community"] .cd-floor.is-focused{background:linear-gradient(90deg,#eedfcd66,transparent);box-shadow:none;border-color:var(--cd-line);animation:cd-reading-focus 1.7s ease-out}
.cd-quote{border:0;border-left:2px solid #bd8b6d;border-radius:0;background:linear-gradient(90deg,#edddcb66,transparent);padding:13px 16px;margin:20px 0 0 50px}
.cd-quote small{font-size:12px;line-height:1.7;color:#9d6749}
.cd-quote p{font-size:14px;line-height:1.85;color:#8b786a;margin-top:6px}
.cd-bottom-reply{margin:28px 0 0;border:0;border-bottom:1px solid #a76a4c55;border-radius:0;background:linear-gradient(90deg,#f0e4d566,transparent);padding:17px 14px;min-height:72px;font-size:15px;color:#8b6751}
.cd-bottom-reply>svg{color:var(--cd-clay);transition:transform .2s}
.cd-pagination{font-size:13px;color:var(--cd-muted);margin-top:20px;gap:16px}
body[data-ui-shell="community"] .cd-thread-aside{position:sticky;top:110px;padding:28px 0 0}
.cd-thread-aside .cd-art{width:110px;height:80px;margin:0 0 20px;opacity:.8}
.cd-thread-aside>small{font-size:12px;line-height:1.8;color:var(--cd-muted)}
.cd-thread-aside h2{font-size:23px;font-weight:600;letter-spacing:-.025em;color:#654b3a;margin:10px 0 13px}
.cd-thread-aside p{font-size:13px;color:var(--cd-muted);line-height:1.9;margin-bottom:16px}
.cd-thread-aside>a{font-size:13px;min-height:48px;border:0;padding:12px 0;color:#9d6749;gap:12px}
/* A title-led list, with one quiet separation between conversations. */
.cd-panel-heading{padding:20px 0 26px;gap:20px}
.cd-panel-heading small{font-size:12px;letter-spacing:.03em;color:var(--cd-muted)}
.cd-panel-heading h2{font-size:29px;line-height:1.5;letter-spacing:-.03em;font-weight:650;margin-top:7px;color:var(--cd-ink)}
.cd-prompt{border:0;border-bottom:1px solid #a76a4c44;border-radius:0;background:transparent;font-size:15px;padding:9px 0 19px;min-height:64px;color:var(--cd-muted)}
.cd-list-info{padding:20px 0 0;font-size:12px;color:var(--cd-muted);line-height:1.7}
.cd-list-info button{font-size:12px;min-height:44px}
.cd-topics{display:block}
body[data-ui-shell="community"] .cd-topic{padding:27px 0 24px;border-bottom:1px solid var(--cd-line);transform:none;position:relative}
.cd-topic-meta{gap:10px;font-size:12px;color:var(--cd-muted)}
.cd-topic-meta .cd-avatar{width:28px;height:28px;border-radius:50%;font-size:12px}
.cd-topic-meta time{font-size:12px;color:#a38a76;line-height:1.7}
.cd-topic h3{font-size:24px;line-height:1.5;font-weight:600;letter-spacing:-.025em;margin:13px 0 10px;color:var(--cd-ink);transition:color .2s}
.cd-topic>p{font-size:15px;line-height:1.9;color:#8b786a}
.cd-topic footer{border:0;padding:0;margin-top:16px;font-size:12px;color:var(--cd-muted)}
.cd-topic footer span:last-child{color:var(--cd-clay);gap:9px}
.cd-topic footer svg{width:16px;height:16px;transition:transform .2s}
body[data-ui-shell="community"] .cd-empty{align-items:flex-start;text-align:left;padding:32px 0 24px}
.cd-empty .cd-art{width:105px;height:76px;opacity:.8}
.cd-empty h2,.cd-empty h1{font-size:25px;font-weight:600;line-height:1.5;color:var(--cd-ink);margin:16px 0 10px}
.cd-empty p{font-size:14px;color:var(--cd-muted);line-height:1.9}
.cd-panel .cl-more{background:transparent;border:0;border-radius:0;font-size:14px;color:var(--cd-clay);min-height:54px;margin-top:12px}
:is(.cd-page,.cd-panel) .cl-error{border:0;border-radius:0;background:linear-gradient(90deg,#eed7c666,transparent);font-size:13px;line-height:1.8;padding:12px 14px;gap:16px}
:is(.cd-page,.cd-panel) .cl-error button{min-height:44px}
/* Discussion tab: compact club identity, with discussion given the available space. */
body[data-ui-shell="community"] .cd-club-space .cl-detail-hero{border:0;background:transparent;border-radius:0;display:flex;align-items:center;gap:24px}
.cd-club-space .cl-detail-hero>.cl-art{width:112px;min-height:112px;flex:none;border-radius:50%;overflow:hidden}
.cd-club-space .cl-detail-hero>.cl-art>svg{width:140%;right:-28%;opacity:.6}
.cd-club-space .cl-detail-hero :is(.cl-art-label,.cl-art-caption){display:none}
.cd-club-space .cl-detail-hero .cl-emblem{left:30px;top:30px;width:52px;height:52px;border:0;background:#fff8e87a;border-radius:50%}
.cd-club-space .cl-detail-title{flex:1;min-width:0;padding:20px 0;gap:20px}
.cd-club-space .cl-detail-title h1{font-size:32px;color:#382b24;line-height:1.4;font-weight:650;letter-spacing:-.03em}
.cd-club-space .cl-kind,.cd-club-space .cl-detail-title p{font-size:13px;color:#8b786a}
.cd-club-space .cl-member-total{font-size:12px;color:#8b786a}
.cd-club-space .cl-member-total b{font-size:27px;color:#9d6749}
body[data-ui-shell="community"] .cd-club-space .cl-detail-layout{grid-template-columns:minmax(0,1fr) 210px;gap:clamp(32px,5vw,72px)}
.cd-club-space .cl-tabs{border:0;border-bottom:1px solid #91745c22;border-radius:0;background:transparent;gap:25px;padding:0;width:100%;margin:22px 0 12px;overflow-x:auto;scrollbar-width:none}
.cd-club-space .cl-tabs a{border-radius:0;min-height:54px;padding:12px 0;font-size:14px;flex:none;white-space:nowrap;color:#8b786a;position:relative}
.cd-club-space .cl-tabs a.active{background:transparent;box-shadow:none;color:#a24933}
.cd-club-space .cl-tabs a.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#a24933;animation:cd-tab-in .25s ease-out}
body[data-ui-shell="community"] .cd-club-space .cl-join-card{border:0;border-radius:0;background:transparent;color:#654b3a;padding:26px 0;box-shadow:none}
.cd-club-space .cl-join-icon{background:#eddfd0;color:#9d6749;border-radius:50%;margin-bottom:16px}
.cd-club-space .cl-join-card>small{font-size:12px;color:#8b786a}
.cd-club-space .cl-join-card h2{font-size:23px;font-weight:600;letter-spacing:-.025em}
.cd-club-space .cl-join-card p{font-size:13px;color:#8b786a}
.cd-club-space .cl-join-card .button,.cd-club-space .cl-contact{background:transparent;border:0;border-bottom:1px solid #91745c22;border-radius:0;color:#9d6749;font-size:13px;min-height:48px;padding:12px 0;justify-content:flex-start;gap:8px;box-shadow:none}
.cd-club-space .cl-join-card .cl-join-privacy{font-size:12px;color:#8b786a}
.cd-club-space .cl-mine-link{font-size:13px;color:#9d6749;border:0;min-height:44px}
body[data-ui-shell="community"] .cd-entrance{border:0;border-radius:0;background:linear-gradient(90deg,#eddfd066,transparent);box-shadow:none;padding:25px 18px;transform:none}
.cd-entrance small{font-size:12px;letter-spacing:.02em;color:#8b786a}
.cd-entrance h2{font-size:24px;color:#382b24;letter-spacing:-.025em}
.cd-entrance p{font-size:14px;color:#8b786a}
.cd-mark{border-radius:50%;background:#ead6c2}
.cd-enter{font-size:13px;gap:7px;color:#a24933}
/* Writing is a page with a toolbar, not a set of form cards. */
#dialog[data-kind="club-discussion-compose"]{width:min(720px,calc(100vw - 24px));background:#fffbf5;color:#382b24;border-radius:18px}
#club-discussion-compose .cd-compose-banner{background:transparent;border:0;border-radius:0;padding:10px 0 20px;gap:16px}
#club-discussion-compose .cd-art{width:64px;height:56px;opacity:.7}
#club-discussion-compose .cd-compose-banner small{font-size:12px;letter-spacing:.02em;color:#8b786a}
#club-discussion-compose .cd-compose-banner strong{font-size:20px;font-weight:600;line-height:1.55;color:#59483b;margin:7px 0}
#club-discussion-compose .cd-compose-banner span{font-size:12px;color:#8b786a;line-height:1.7}
#club-discussion-compose .cd-writing input{font-size:27px;font-weight:600;line-height:1.5;padding:17px 0;border-bottom:1px solid #91745c22;color:#382b24;border-radius:0}
#club-discussion-compose .cd-writing textarea{font-size:17px;line-height:1.95;min-height:230px;color:#59483b;border-radius:0;padding:22px 0}
#club-discussion-compose .cd-writing :is(input,textarea)::placeholder{color:#aa9481;font-weight:400}
#club-discussion-compose .cd-writing :is(input,textarea):focus-visible{outline:none;box-shadow:0 2px 0 #a2493366}
#club-discussion-compose .cd-quote{margin:0 0 10px;padding:12px 16px}
#club-discussion-compose .cd-compose-meta{font-size:12px;color:#8b786a;gap:16px}
#club-discussion-compose .cd-compose-meta output{white-space:nowrap;font-variant-numeric:tabular-nums}
#club-discussion-compose .cd-feedback{font-size:13px;color:#a24933;line-height:1.8;margin:12px 0}
#club-discussion-compose .cd-feedback:empty{display:none}
#club-discussion-compose .cd-compose-footer{border-top:1px solid #91745c22;gap:20px;padding-top:18px;margin-top:18px;align-items:center}
#club-discussion-compose .cd-compose-footer small{font-size:12px;color:#8b786a;line-height:1.8}
#club-discussion-compose .cd-compose-footer .button{font-size:14px;min-height:46px;border-radius:8px;box-shadow:none;padding:12px 20px}
#club-discussion-compose[aria-busy=true] .cd-compose-footer .button svg{animation:cd-send 1.6s linear infinite}
:is(.cd-page,.cd-panel,.cd-entrance,.cd-club-space) :is(button,a),#club-discussion-compose button{touch-action:manipulation;transition:color .2s,background .2s,transform .2s,opacity .2s}
:is(.cd-page,.cd-panel,.cd-club-space) :is(button,a):focus-visible,.cd-entrance:focus-visible{outline:2px solid #a2493380;outline-offset:4px}
@media(hover:hover){
 body[data-ui-shell="community"] .cd-topic:hover{box-shadow:none;transform:none;background:linear-gradient(90deg,#eddfd033,transparent);border-color:var(--cd-line)}
 .cd-topic:hover h3{color:#a24933}.cd-topic:hover footer span:last-child svg{transform:translateX(4px)}
 .cd-bottom-reply:hover>svg{transform:translateX(3px)}
 .cd-page :is(.cd-author a,.cd-thread-aside a):hover{color:#a24933}
 .cd-entrance:hover .cd-enter svg{transform:translateX(4px)}
}
@keyframes cd-reading-focus{from{background-color:#ead3bc}to{background-color:transparent}}
@keyframes cd-tab-in{from{transform:scaleX(.4);opacity:0}to{transform:scaleX(1);opacity:1}}
@keyframes cd-send{to{transform:rotate(360deg)}}
@media(max-width:1000px){
 body[data-ui-shell="community"] .cd-thread-layout,body[data-ui-shell="community"] .cd-club-space .cl-detail-layout{grid-template-columns:minmax(0,1fr)}
 .cd-club-space .cl-join-card{margin-top:0;max-width:560px}
}
@media(max-width:650px){
 .cd-page .cl-breadcrumb{gap:12px;margin-bottom:18px}.cd-page .cl-breadcrumb :is(a,button){font-size:12px;min-height:44px}
 body[data-ui-shell="community"] .cd-original{padding:8px 0 22px}
 body[data-ui-shell="community"] .cd-original h1{font-size:29px;line-height:1.45;margin:20px 0}
 .cd-original-label{font-size:12px}.cd-original-label>span{font-size:11px}
 .cd-author>div>a{font-size:14px}.cd-author time{font-size:12px}.cd-author .cd-avatar{width:34px;height:34px}
 .cd-body{font-size:16px;line-height:1.95;margin:25px 0 26px}
 body[data-ui-shell="community"] :is(.cd-panel,.cd-page) .button{font-size:13px;padding:11px 14px;min-height:44px}
 .cd-replies-heading{margin:18px 0 0;padding:20px 0 8px}.cd-replies-heading h2{font-size:21px}
 body[data-ui-shell="community"] .cd-floor{padding:23px 0 18px}
 .cd-floor .cd-body{margin:18px 0 6px;font-size:16px}.cd-floor footer{margin-left:0}
 .cd-quote{margin-left:0;padding:12px 14px}.cd-quote p{font-size:14px}
 .cd-bottom-reply{margin-top:22px;min-height:66px;padding:14px 10px;font-size:14px}
 .cd-panel-heading{padding:18px 0 22px;gap:12px}.cd-panel-heading h2{font-size:25px}.cd-panel-heading small{font-size:12px}
 .cd-prompt{font-size:14px;gap:11px}.cd-list-info{font-size:12px;padding-top:13px}
 body[data-ui-shell="community"] .cd-topic{padding:24px 0 21px}
 .cd-topic h3{font-size:21px;line-height:1.55;margin:12px 0 9px}.cd-topic>p{font-size:14px;line-height:1.85}
 .cd-topic-meta{font-size:12px;gap:8px}.cd-topic-meta time{font-size:11px}.cd-topic footer{margin-top:14px;font-size:12px}
 .cd-empty h2,.cd-empty h1{font-size:23px}.cd-empty p{font-size:14px}
 body[data-ui-shell="community"] .cd-club-space .cl-detail-hero{gap:15px;align-items:center}
 .cd-club-space .cl-detail-hero>.cl-art{width:70px;min-height:70px}
 .cd-club-space .cl-detail-hero .cl-emblem{width:38px;height:38px;left:16px;top:16px}.cd-club-space .cl-detail-hero .cl-emblem svg{width:23px;height:23px}
 .cd-club-space .cl-detail-title{padding:12px 0;gap:10px;flex-wrap:wrap}
 .cd-club-space .cl-detail-title h1{font-size:25px;margin:7px 0;line-height:1.45}
 .cd-club-space .cl-kind,.cd-club-space .cl-detail-title p{font-size:12px}
 .cd-club-space .cl-member-total{flex-direction:row;font-size:12px;gap:5px}.cd-club-space .cl-member-total b{font-size:14px}
 .cd-club-space .cl-tabs{gap:22px;margin:18px 0 8px}.cd-club-space .cl-tabs a{font-size:13px;min-height:50px;padding:10px 0;gap:6px}
 body[data-ui-shell="community"] .cd-club-space .cl-join-card{padding:24px 0;margin:0}
 body[data-ui-shell="community"] .cd-entrance{padding:22px 12px;gap:13px}
 .cd-entrance h2{font-size:22px}.cd-entrance small{font-size:11px}.cd-entrance p{font-size:13px}
 .cd-entrance .cd-art{width:65px;height:64px}.cd-enter{font-size:12px;right:12px;bottom:13px}
 #club-discussion-compose .cd-compose-banner{gap:12px;padding:6px 0 16px}
 #club-discussion-compose .cd-art{width:45px;height:46px}
 #club-discussion-compose .cd-compose-banner strong{font-size:18px}#club-discussion-compose .cd-compose-banner small{font-size:12px}
 #club-discussion-compose .cd-writing input{font-size:24px}#club-discussion-compose .cd-writing textarea{font-size:16px;min-height:200px}
 #club-discussion-compose .cd-compose-footer{gap:12px;flex-wrap:wrap}
 #club-discussion-compose .cd-compose-footer small{font-size:12px;flex:1 1 150px}
 #club-discussion-compose .cd-compose-footer .button{font-size:13px;min-height:46px;padding:12px 17px;margin-left:auto}
 #club-discussion-compose .cd-shortcut{display:none}
}
@media(prefers-reduced-motion:reduce){
 :is(.cd-page,.cd-panel,.cd-entrance,.cd-club-space) *,#club-discussion-compose *{transition:none!important;animation:none!important}
}