.ctools select[hidden]{display:none!important}
.community-choice{position:relative;flex-shrink:0}
.community-choice-trigger{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:11px 17px;border:2px solid var(--ink);border-radius:24px;background:var(--white);color:var(--ink);font:700 14px var(--body,sans-serif);cursor:pointer;min-width:150px}
.community-choice-trigger[aria-expanded=true]{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}
.community-choice-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:215px;padding:7px;border:2px solid var(--ink);border-radius:18px;box-shadow:5px 5px 0 var(--ink);background:var(--white);z-index:210}
.community-choice-menu[hidden]{display:none}
.community-choice-menu button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;text-align:left;border:0;border-radius:11px;padding:12px 13px;background:transparent;font:700 14px var(--body,sans-serif);color:var(--ink);cursor:pointer}
.community-choice-menu button:hover{background:#efede7}
.community-choice-menu button[aria-checked=true]{background:var(--yellow)}
.choice-check{visibility:hidden}
[aria-checked=true]>.choice-check{visibility:visible}
.community-choice button:focus-visible,.message-bell:focus-visible,.message-center :is(button,input,[tabindex]):focus-visible,.message-popup button:focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 6px var(--yellow)}
.memenu button em{display:block;font-style:normal;font-size:14px;font-weight:400;margin-top:4px;color:#595954}
.message-bell{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom));width:58px;height:58px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);color:var(--ink);box-shadow:4px 4px 0 var(--ink);z-index:250;cursor:pointer}
.message-bell svg{width:27px;height:27px;display:block}
.message-count{position:absolute;right:-5px;top:-6px;min-width:24px;height:24px;padding:0 5px;background:#b92e18;color:#fff;border:2px solid #fff;border-radius:20px;font:700 12px/20px sans-serif}
.message-center{position:fixed;inset:0;margin:auto;width:min(1080px,calc(100vw - 48px));height:min(720px,calc(100dvh - 64px));max-width:none;max-height:none;padding:0;background:var(--white);border:2px solid var(--ink);border-radius:24px;box-shadow:8px 8px 0 var(--ink);overflow:hidden;color:var(--ink);font-family:var(--body,sans-serif)}
html:has(.message-center[open]){overflow:hidden}
.message-center[open]{display:flex;flex-direction:column}
.message-center:not([open]),.message-popup[hidden],.message-count[hidden]{display:none}
.message-center::backdrop{background:rgba(0,0,0,.32)}
.message-center .message-window-head{position:static;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:16px;padding:18px 24px;border:0;border-bottom:2px solid var(--ink);background:var(--white);width:auto;height:auto;z-index:auto}
.message-window-head h2{margin:0;font-size:29px;font-weight:900;line-height:1.2}
.message-window-actions{display:flex;align-items:center;gap:18px}
.message-close{background:transparent;border:0;cursor:pointer;font-size:28px;line-height:1;width:36px;height:36px;flex-shrink:0;color:inherit;border-radius:10px}
.message-close:hover{background:#eee}
.message-text-button{background:none;border:0;font:700 13px var(--body,sans-serif);cursor:pointer;color:inherit;padding:8px 0}
.message-text-button:hover{text-decoration:underline}
.message-text-button:disabled{opacity:.4;cursor:default}
.message-workspace{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:0;flex:1;overflow:hidden}
.message-sidebar{display:flex;flex-direction:column;min-height:0;min-width:0;border-right:2px solid var(--ink);background:#f0eee8;padding:18px 12px 10px}
.message-sidebar input{width:100%;min-width:0;background:var(--white);border:1.5px solid var(--ink);border-radius:14px;padding:11px 13px;font:14px var(--body,sans-serif);color:var(--ink)}
.message-tabs{display:flex;gap:7px;padding:14px 0 10px}
.message-tabs button{border:1.5px solid var(--ink);background:transparent;color:inherit;border-radius:18px;padding:6px 13px;font-weight:700;cursor:pointer}
.message-tabs [aria-pressed=true]{background:var(--ink);color:var(--white)}
.message-status{font-size:12px;color:#60605a;padding:0 4px 12px;margin:0}
.message-status:empty,.message-thread-meta:empty{display:none}
.message-status.error,.message-history-status.error{color:#a62910}
.message-conversations{flex:1;overflow:auto;overscroll-behavior:contain;min-height:0;padding:3px 3px 8px}
.message-conversation{position:relative;display:flex;align-items:flex-start;gap:10px;text-align:left;width:100%;border:1.5px solid transparent;background:transparent;color:inherit;padding:13px 10px;font:inherit;cursor:pointer;border-radius:14px;margin-bottom:5px}
.message-conversation:hover{background:var(--white)}
.message-conversation.selected{background:var(--yellow);border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}
.message-avatar{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border:1.5px solid var(--ink);border-radius:12px;background:var(--white);font-size:17px;font-weight:900;color:var(--ink)}
.message-conversation-copy{display:grid;gap:7px;min-width:0;flex:1}
.message-conversation-title{display:grid;gap:4px;min-width:0}
.message-conversation-title b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.message-conversation-title small{font-size:10px;color:#595954}
.message-preview{font-size:12px;color:#4d4d47;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}
.message-thread-count{position:absolute;left:32px;top:7px;min-width:18px;padding:1px 4px;background:#b92e18;color:#fff;border:1px solid #fff;border-radius:12px;font-size:10px;font-weight:800;text-align:center}
.message-detail{display:flex;flex-direction:column;min-width:0;min-height:0;background:#faf9f5}
.message-detail-head{display:flex;align-items:center;gap:12px;padding:19px 24px;border-bottom:1px solid #d7d5ce;flex-shrink:0}
.message-detail-head>div{min-width:0}
.message-detail-head h3{font-size:18px;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.message-thread-meta{font-size:11px;color:#666;margin:5px 0 0}
.message-back{display:none;border:1.5px solid var(--ink);border-radius:13px;background:var(--white);color:inherit;padding:8px;font-weight:700;cursor:pointer;flex-shrink:0}
.message-history{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px 24px;scrollbar-gutter:stable;overflow-anchor:none}
.message-load{display:block;margin:4px auto 16px;padding:8px 16px;border:1.5px solid var(--ink);border-radius:20px;background:var(--white);color:var(--ink);font:700 12px var(--body,sans-serif);cursor:pointer}
.message-load[hidden],.message-text-button[hidden]{display:none}
.message-load:disabled{opacity:.5;cursor:default}
.message-history-status{font-size:12px;margin:0;text-align:center;color:#666}
.message-row{display:flex;align-items:flex-start;gap:10px;margin:0 0 22px}
.message-row-content{max-width:80%;min-width:0}
.message-row-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:10px;align-items:center;color:#666;margin:0 0 7px}
.message-row-meta b{font-size:12px;color:var(--ink)}
.message-row-meta>span{padding:1px 5px;border:1px solid #ccc;border-radius:5px}
.message-bubble{background:var(--white);border:1.5px solid var(--ink);border-radius:0 15px 15px;box-shadow:2px 2px 0 #d7d5ce;padding:12px 15px;overflow-wrap:anywhere}
.message-bubble small{display:block;color:#666;font-size:10px;font-weight:700;margin-bottom:5px}
.message-bubble p{font-size:14px;line-height:1.7;white-space:pre-wrap;margin:0}
.message-row.own{flex-direction:row-reverse}
.message-row.own .message-row-meta{justify-content:flex-end}
.message-row.own .message-bubble{background:#fff1b4;border-radius:15px 0 15px 15px}
.message-detail-foot{border-top:1px solid #d7d5ce;padding:15px 24px;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}
.message-detail-foot:has(>button[hidden]){display:none}
.message-detail-foot button{border:1.5px solid var(--ink);border-radius:20px;padding:9px 15px;background:var(--yellow)}
.message-empty{padding:24px 10px;font-size:13px;line-height:1.7;color:#60605a}
.message-empty .btn{margin-top:12px}
.message-welcome{padding:70px 10px 30px;text-align:center;color:#666}
.message-welcome>span{display:block;font-size:50px;color:var(--ink)}
.message-popup{position:fixed;bottom:calc(100px + env(safe-area-inset-bottom));right:24px;width:365px;max-width:calc(100vw - 32px);display:flex;background:var(--white);border:2px solid var(--ink);border-radius:18px;box-shadow:5px 5px 0 var(--ink);z-index:260;overflow:hidden}
.message-popup-open{padding:18px;display:grid;gap:7px;background:none;border:0;text-align:left;color:var(--ink);min-width:0;flex:1;cursor:pointer;font:inherit;overflow-wrap:anywhere}
.message-popup-open small{font-weight:700;color:#8b4313}
.message-popup-open b{font-size:14px;line-height:1.5}
.message-popup-open span{font-size:13px;overflow:hidden;max-height:3em;line-height:1.5}
.message-popup .message-close{margin:8px 6px 0 0}
.reply-target{grid-column:2/-1;font-size:13px;padding:7px 10px;background:#fff7d9;border-radius:8px}
.reply-target button{margin-left:14px;background:none;border:0;text-decoration:underline;cursor:pointer;color:inherit}
.rform textarea{grid-column:2}
@media(max-width:700px){
 .community-choice-trigger{min-width:140px;font-size:13px;padding:10px 14px}
 .message-bell{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:52px;height:52px}
 .message-popup{right:16px;bottom:calc(84px + env(safe-area-inset-bottom))}
 .message-center{width:calc(100vw - 20px);height:calc(100dvh - 32px);border-radius:20px;box-shadow:5px 5px 0 var(--ink)}
 .message-center .message-window-head{padding:14px 16px;gap:8px}
 .message-window-head h2{font-size:24px}
 .message-window-actions{gap:12px}
 .message-window-actions .message-text-button{font-size:12px}
 .message-workspace{grid-template-columns:minmax(0,1fr)}
 .message-sidebar{border-right:0}
 .message-detail{display:none}
 .message-center.has-thread .message-sidebar{display:none}
 .message-center.has-thread .message-detail{display:flex}
 .message-back{display:block}
 .message-detail-head{padding:16px 12px}
 .message-history{padding:16px 12px}
 .message-row-content{max-width:82%}
 .message-detail-foot{padding:12px}
}
.content-form label{display:grid;gap:8px;margin:16px 0;font-weight:700}
.content-form input,.content-form textarea,.content-manager input{width:100%;border:1px solid var(--ink);border-radius:10px;background:var(--white);padding:12px;font:inherit}
.content-manager{width:min(760px,calc(100vw - 24px))}.content-manager input{margin-block:18px}
.content-rows{display:grid;gap:14px}.content-row{border-top:1px solid var(--paper-2);padding:16px 0}.content-row h3{margin:0 0 8px;font-size:17px}.content-row .btns{justify-content:flex-start;gap:8px}
.content-row .cdel{border-color:var(--red-ink);color:var(--red-ink)}
.content-row .cdel:hover{background:var(--red);color:var(--ink)}
.content-row .cdots{display:none;min-width:44px;font-size:20px;line-height:1;padding-block:0}
.content-row .cmore{display:contents}
.content-row .cdel{margin-left:auto}
@media (max-width:560px){
  .content-row .btns{flex-wrap:wrap}
  .content-row .cdots{display:inline-flex;align-items:center;justify-content:center}
  .content-row .cmore{display:none;flex:1 0 100%;gap:8px;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px dashed var(--paper-2)}
  .content-row.open .cmore{display:flex}
}
.comment-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.comment-heading .btn[aria-pressed=true]{background:var(--yellow)}
.reply-context{margin:10px 0;padding:8px 12px;border-left:3px solid var(--yellow);background:var(--paper);color:var(--muted);font-size:13px;overflow-wrap:anywhere}
/* sort menu sits inside the sort segment of the forum toolbar */
.csort .community-choice{display:flex}
.csort .community-choice-trigger{min-width:0;min-height:34px;padding:0 14px;border:0;border-radius:999px;background:transparent;gap:8px;font-size:14px}
.csort .community-choice-trigger:hover{background:var(--paper)}
.csort .community-choice-trigger.on{background:var(--ink);color:var(--white)}
.csort .community-choice-trigger[aria-expanded=true]{background:var(--yellow);color:var(--ink);box-shadow:none}
.csort .community-choice-menu{right:-3px;top:calc(100% + 13px);min-width:200px}
