/* SORT MENU (job 05): the comment order ("Most relevant ▾") and the tribe feed order ("Recent activity ▾") — one look.
   A dropdown (desktop) / bottom sheet (phones). Replaces the comments' Oldest · Newest · Top
   buttons. Rule 5a: every button sets background + colour in :hover / :focus / :active. ── */
.pt-cmt-sort { position: relative; margin-left: auto; display: inline-flex; font-size: 13px; }
.pt-cmt-sort .pt-cmt-sort__btn, .pt-cmt-sort .pt-cmt-sort__btn:focus, .pt-cmt-sort .pt-cmt-sort__btn:active { display: inline-flex; align-items: center; gap: 6px; padding: 4px 0; border: 0; border-radius: 0; background: transparent; color: #1A1A1A; font-family: inherit; font-size: 13px; font-weight: 400; cursor: pointer; text-transform: none; letter-spacing: normal; }
.pt-cmt-sort .pt-cmt-sort__btn:hover { background: transparent; color: #1A1A1A; text-decoration: underline; text-underline-offset: 3px; }
.pt-cmt-sort .pt-cmt-sort__btn:focus-visible { outline: 2px solid #1A1A1A; outline-offset: 2px; }
.pt-cmt-sort__btn b { font-weight: 600; }
.pt-cmt-sort__menu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 60; width: 300px; display: grid; background: #fff; border: 1px solid #C9C7BF; box-shadow: 0 10px 28px rgba(0, 0, 0, .12); }
.pt-cmt-sort__menu[hidden] { display: none; }
.pt-cmt-sort__hd { display: none; padding: 14px 16px 6px; font-size: 15px; font-weight: 600; color: #1A1A1A; }
.pt-cmt-sort .pt-cmt-sort__o, .pt-cmt-sort .pt-cmt-sort__o:focus, .pt-cmt-sort .pt-cmt-sort__o:active { display: grid; gap: 2px; width: 100%; padding: 10px 14px 10px 34px; position: relative; border: 0; border-top: 1px solid #E4E2DB; border-radius: 0; background: #fff; color: #1A1A1A; font-family: inherit; text-align: left; cursor: pointer; text-transform: none; letter-spacing: normal; }
.pt-cmt-sort .pt-cmt-sort__o:first-of-type { border-top: 0; }
.pt-cmt-sort .pt-cmt-sort__o:hover { background: #FAF9F6; color: #1A1A1A; }
.pt-cmt-sort .pt-cmt-sort__o:focus-visible { outline: 2px solid #1A1A1A; outline-offset: -2px; background: #FAF9F6; color: #1A1A1A; }
.pt-cmt-sort__o b { font-size: 14px; font-weight: 600; }
.pt-cmt-sort__o small { font-size: 13px; line-height: 1.4; color: #5C5A54; }
.pt-cmt-sort__o[aria-pressed="true"]::before { content: ""; position: absolute; left: 14px; top: 14px; width: 9px; height: 5px; border-left: 2px solid #1A1A1A; border-bottom: 2px solid #1A1A1A; transform: rotate(-45deg); }
@media (max-width: 640px) {
	.pt-cmt-sort { margin-left: 0; }
	.pt-cmt-sort__menu { position: fixed; left: 0; right: 0; top: auto; bottom: 0; width: auto; z-index: 10001; border: 0; border-top: 1px solid #E4E2DB; box-shadow: 0 -10px 30px rgba(0, 0, 0, .18); padding-bottom: env(safe-area-inset-bottom, 0px); }
	.pt-cmt-sort__hd { display: block; }
	.pt-cmt-sort .pt-cmt-sort__o, .pt-cmt-sort .pt-cmt-sort__o:focus, .pt-cmt-sort .pt-cmt-sort__o:active { padding: 14px 16px 14px 40px; }
	.pt-cmt-sort__o[aria-pressed="true"]::before { left: 18px; top: 19px; }
	html.pt-cmt-sort-open::after { content: ""; position: fixed; inset: 0; z-index: 10000; background: rgba(26, 26, 26, .35); }
}
a.pt-cmt-sort__o, a.pt-cmt-sort__o:visited, a.pt-cmt-sort__o:hover { text-decoration: none; }
/* the tribe feed's row and the "last reply" time */
.pt3-fsortrow { display: flex; justify-content: flex-end; margin: 0 0 10px; }
.pt3-fsortrow .pt-cmt-sort { margin-left: 0; }
.pt3-lastre { font-size: 12px; color: #888780; margin-left: 4px; }
.pt3-lastre .pt-mono { color: #5C5A54; }