/* A dialog has one deliberate scroll surface: its content shell. */
dialog {
  max-height: calc(100dvh - 32px);
  overflow: hidden;
}

.dialog-shell {
  overscroll-behavior: contain;
}

/* Keep each category's status and controls beside its title. */
.tag-category-heading {
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
}

.tag-category-actions {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

/* The trade board has three independent pages with stable, matching controls. */
.trade-board-heading {
  flex: 0 0 auto;
  padding-bottom: 14px;
}

.trade-board-heading h1 {
  font-size: 27px;
}

.trade-trust-note {
  flex: 0 0 auto;
  margin: 12px 0;
}

.trade-page-tabs {
  display: flex;
  flex: 0 0 auto;
  gap: 6px;
  padding: 0 0 11px;
  border-bottom: 1px solid var(--line);
  overflow-x: auto;
}

.trade-page-tabs a {
  flex: 0 0 auto;
  min-width: 94px;
  padding: 8px 13px;
  border: 1px solid #ded8e9;
  border-radius: 7px;
  color: #6f687e;
  background: #fff;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
}

.trade-page-tabs a:hover,
.trade-page-tabs a.active {
  border-color: var(--purple);
  color: #fff;
  background: var(--purple);
}

.trade-page {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  flex-direction: column;
}

.trade-page-heading {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-top: 11px;
}

.trade-page-heading h2 {
  margin: 0;
  color: #403a54;
  font-size: 18px;
}

.trade-page-heading p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 11px;
}

/* My Posts is a stable companion to publishing: it stays beside the matching
   publishing action instead of being hidden behind the personal profile. */
.board-heading-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  flex: 0 0 auto;
}

.my-posts-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 39px;
  box-sizing: border-box;
  border: 1px solid #d9d1e8;
  border-radius: 9px;
  padding: 0 13px;
  color: #625197;
  background: #fff;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
  transition: .2s;
}

.my-posts-link:hover {
  border-color: #8d79cf;
  color: #4e3c98;
  background: #faf8ff;
}

.my-posts-link:focus-visible {
  outline: 3px solid #dcd4fb;
  outline-offset: 2px;
}
.detail-title:focus-visible{outline:3px solid #b7a8ea;outline-offset:3px;border-radius:4px}

.trade-page .tag-filter-bar {
  margin: 8px 0 8px;
}

html.initial-trade-resource [data-trade-page="account"],
html.initial-trade-commission [data-trade-page="account"] {
  display: none !important;
}

html.initial-trade-resource [data-trade-page="resource"],
html.initial-trade-commission [data-trade-page="commission"] {
  display: flex !important;
}

html.initial-trade-resource [data-trade-tab="account"],
html.initial-trade-commission [data-trade-tab="account"] {
  border-color: #ded8e9;
  color: #6f687e;
  background: #fff;
}

html.initial-trade-resource [data-trade-tab="resource"],
html.initial-trade-commission [data-trade-tab="commission"] {
  border-color: var(--purple);
  color: #fff;
  background: var(--purple);
}

html.initial-screen-lezi-resource [data-trade-page="lezi-account"],
html.initial-screen-lezi-commission [data-trade-page="lezi-account"],
html.initial-screen-game4399-resource [data-trade-page="game4399-account"],
html.initial-screen-game4399-commission [data-trade-page="game4399-account"] {
  display: none !important;
}

html.initial-screen-lezi-resource [data-trade-page="lezi-resource"],
html.initial-screen-lezi-commission [data-trade-page="lezi-commission"],
html.initial-screen-game4399-resource [data-trade-page="game4399-resource"],
html.initial-screen-game4399-commission [data-trade-page="game4399-commission"] {
  display: flex !important;
}

@media (max-width: 620px) {
  .trade-board-heading {
    display: block;
    padding-top: 8px;
  }

  .trade-trust-note {
    margin: 7px 0;
    padding: 9px 11px;
  }

  .trade-page-tabs {
    padding-bottom: 8px;
  }

  .trade-page-tabs a {
    min-width: 86px;
    padding: 7px 10px;
  }

  .trade-page-heading {
    gap: 10px;
    padding-top: 8px;
  }

  .trade-page-heading h2 {
    font-size: 16px;
  }

  .trade-page-heading p {
    display: none;
  }

  .trade-page-heading .publish-button {
    padding: 9px 11px;
    white-space: nowrap;
  }

  .board-heading-actions {
    gap: 7px;
  }

  .board-heading .board-heading-actions {
    margin-top: 14px;
    justify-content: flex-start;
  }

  .board-heading .board-heading-actions .publish-button {
    margin-top: 0;
  }

  .my-posts-link {
    min-height: 35px;
    padding: 0 10px;
    font-size: 12px;
  }
}

/* Feed rows follow the familiar forum pattern: one complete post preview per
   horizontal row, with room for a readable excerpt instead of a small tile. */
.post-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 9px;
}

.post-card,
.post-card.with-image {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 142px;
  grid-template-areas: "summary footer";
  align-items: stretch;
  min-height: 142px;
  padding: 14px 16px;
}

.post-card.with-image {
  grid-template-columns: 176px minmax(0, 1fr) 142px;
  grid-template-areas: "gallery summary footer";
}

.post-gallery {
  grid-area: gallery;
  align-self: center;
  height: 112px;
  margin: 0 16px 0 0;
}

.post-summary {
  grid-area: summary;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.post-summary h2 {
  margin: 7px 0 4px;
  -webkit-line-clamp: 1;
}

.post-summary > p {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: #706c7a;
  font-size: 12px;
  line-height: 1.7;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.post-summary .tag-display-groups {
  margin: 9px 0 0;
}

.post-card footer {
  grid-area: footer;
  width: auto;
  min-width: 0;
  margin: 0 0 0 16px;
  padding: 2px 0 2px 16px;
  border-top: 0;
  border-left: 1px solid #eee9e3;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  text-align: right;
}

.post-card footer > span:first-child {
  display: grid;
  justify-items: end;
  gap: 7px;
}

.post-card .card-price {
  color: #a85936;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.post-card:hover {
  border-color: #cbc3e4;
  box-shadow: 0 10px 24px rgba(62, 47, 102, .09);
}

@media (max-width: 620px) {
  .post-card,
  .post-card.with-image {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "summary" "footer";
    min-height: 0;
    padding: 13px;
  }

  .post-card.with-image {
    grid-template-columns: 98px minmax(0, 1fr);
    grid-template-areas: "gallery summary" "footer footer";
  }

  .post-gallery {
    height: 84px;
    margin: 0 12px 0 0;
  }

  .post-summary h2 {
    margin-top: 5px;
  }

  .post-summary > p {
    -webkit-line-clamp: 2;
    font-size: 11px;
  }

  .post-summary .tag-display-groups {
    display: none;
  }

  .post-card footer {
    flex-direction: row;
    align-items: center;
    margin: 10px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #eee9e3;
    border-left: 0;
    text-align: left;
  }

  .post-card footer > span:first-child {
    display: flex;
    align-items: center;
    justify-items: unset;
    gap: 8px;
  }
}

.profile-contact-rule{padding:10px 11px;border:1px solid #e4deed;border-radius:8px;color:#716a7e;background:#faf8fe;font-size:11px;line-height:1.65}.contact-list{display:grid;gap:8px;min-width:min(300px,100%)}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.contact-row>span{display:grid;gap:2px}.contact-unavailable{margin:0;color:#8b8594;font-size:12px}.contact-box .contact-actions{margin-left:auto}@media(max-width:620px){.contact-box{display:grid}.contact-box .contact-actions{margin-left:0}}

/* Sorting lives beside filtering on every content board. Keeping the native
   select compact avoids a second popover or a layout jump on small screens. */
.tag-filter-bar {
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}

.board-sort-control {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #746e7f;
  font-size: 12px;
  font-weight: 800;
}

.board-sort-control select {
  max-width: 154px;
  border: 1px solid #e3ddd5;
  border-radius: 999px;
  padding: 8px 27px 8px 11px;
  color: #5f5970;
  background: #fff;
  font: inherit;
  cursor: pointer;
}

.board-sort-control select:focus-visible {
  outline: 3px solid #dcd4fb;
  outline-offset: 2px;
}

/* Every content page keeps its own always-visible query, so moving between
   pages never turns a player's search into an unexpected global filter. */
.content-search-panel{display:flex;align-items:center;gap:8px;margin:-4px 0 12px;padding:10px 11px;border:1px solid #e5dfd6;border-radius:10px;background:#fff;box-shadow:0 9px 20px rgba(55,43,84,.05)}.content-search-panel input{flex:1;min-width:0;border:1px solid #ded7e5;border-radius:8px;padding:8px 10px;color:#4f4a5a;background:#fff;font-size:12px;outline:none}.content-search-panel input:focus{border-color:#9b89d6;box-shadow:0 0 0 3px #8c7ddd18}.search-submit,.search-clear{border:1px solid #d9d1e8;border-radius:7px;padding:8px 11px;background:#fff;color:#625197;font-size:11px;font-weight:800;white-space:nowrap}.search-submit{border-color:#6b55b6;color:#fff;background:#6b55b6}.search-clear{color:#786f82}
.search-toggle{display:none!important}

/* Social actions keep the same meaning and visual weight in cards and detail
   views. A filled purple Like is deliberately distinct from neutral actions. */
.post-card-actions,.content-interactions{gap:8px}
.post-stats{gap:8px}
.card-like,.detail-like{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:22px;padding:3px 7px;border:1px solid transparent;border-radius:6px;background:transparent;color:#77708a;font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.3;text-decoration:none;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
.card-like.active,.detail-like.active{border-color:#6b55b6;background:#6b55b6;color:#fff}
.card-like:not(:disabled):hover,.detail-like:not(:disabled):hover{border-color:#ddd5f1;background:#f3f0fb;color:#5d4ba4;text-decoration:none}
.card-like.active:not(:disabled):hover,.detail-like.active:not(:disabled):hover{border-color:#5844a1;background:#5844a1;color:#fff}
.card-like:disabled,.detail-like:disabled{opacity:.55;cursor:default;text-decoration:none}
.card-like.is-busy,.detail-like.is-busy{position:relative;color:transparent!important}
.card-like.is-busy:disabled,.detail-like.is-busy:disabled{opacity:1}
.card-like.is-busy::after,.detail-like.is-busy::after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-6px 0 0 -6px;border:2px solid #c7bdec;border-top-color:#5c48aa;border-radius:50%;animation:social-action-busy .7s linear infinite}
.card-like.active.is-busy::after,.detail-like.active.is-busy::after{border-color:#ffffff66;border-top-color:#fff}
@keyframes social-action-busy{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.card-like.is-busy::after,.detail-like.is-busy::after{animation:none}}
.card-like-count,.detail-like-count,.card-replies,.share-link,.card-share-link{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.3}
.card-like-count,.detail-like-count{color:#77708a}
.card-replies{color:#77708a}
.share-link,.card-share-link{color:#65569b}
.content-interactions .detail-like,.content-interactions .detail-like-count,.content-interactions .share-link{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:10px;font-weight:700;line-height:1.3}
.content-interactions .detail-like.active{border-color:#6b55b6;background:#6b55b6;color:#fff}

/* Scrolling a detail must not continuously blur the page beneath it. On
   lower-end phones that backdrop repaint is substantially more expensive than
   a plain translucent scrim. Images decode lazily in the dialog as well. */
dialog::backdrop{background:rgba(36,29,58,.55);backdrop-filter:none}
.detail-shell{overflow-x:hidden;-webkit-overflow-scrolling:touch}
.detail-gallery img,.revision-gallery img{content-visibility:auto}
/* Details expand inline in the list.  A long thread can therefore contain
   dozens of image comments below the viewport; skip their paint work until
   they approach the visible reading area on lower-performance devices. */
#detail-dialog .comment-item,#detail-dialog .revision-card{content-visibility:auto;contain-intrinsic-size:auto 132px}

/* The glyph arrow has an uneven visual centre in common CJK fonts. Draw a
   fixed-size triangle instead, so the filter control stays optically centred
   in every browser and keeps the same point of rotation when opened. */
.tag-filter-toggle>span{display:inline-grid;place-items:center;flex:0 0 12px;width:12px;height:12px;font-size:0;line-height:1}
.tag-filter-toggle>span::before{content:"";width:0;height:0;border-top:5px solid currentColor;border-right:4px solid transparent;border-left:4px solid transparent;transform:translateY(1px)}
.tag-filter-toggle[aria-expanded="true"]>span::before{border-top:0;border-bottom:5px solid currentColor;transform:translateY(-1px)}
.tag-option.active{padding-right:10px}
.tag-option.active::after{content:none}
.tag-option{color:#6d6778}
.board-refresh-status{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 8px;padding:8px 10px;border:1px solid #ded7e9;border-radius:8px;color:#625b72;background:#faf8fe;font-size:11px;font-weight:700;line-height:1.4}.board-refresh-status[hidden]{display:none}.board-refresh-status .recovery-action{padding:5px 9px}
.tag-catalogue-failure{margin:0;color:#6d6778;font-size:12px;line-height:1.6}
.character-count{justify-self:end;color:#938c9c;font-size:11px;font-weight:600;line-height:1}.character-count.is-below-minimum{color:#9a7541}.character-count.is-near-limit{color:#9b6834}.character-count.is-at-limit{color:#b54e48}

/* Leave confirmations use one control system. Destructive choices stay red,
   and an in-dialog status prevents save failures from hiding behind the
   confirmation that initiated them. */
.compact-dialog .form-actions > button{min-height:40px}
.compact-dialog .danger-button{border:1px solid #a43f49;border-radius:8px;padding:10px 13px;color:#fff;background:#b54752;font-family:inherit;font-size:12px;font-weight:800;line-height:1.3;cursor:pointer}
.compact-dialog .danger-button:hover:not(:disabled){border-color:#91333e;background:#9d3944}
.compact-dialog .danger-button:focus-visible{outline:3px solid #efcbd0;outline-offset:2px}
.compact-dialog .danger-button:disabled{opacity:.58;cursor:wait}
.leave-dialog-message{margin:0 0 12px}
.leave-dialog-message:empty{display:none}

@media (max-width: 620px) {
  .tag-filter-bar {
    justify-content: flex-end;
    gap: 7px;
  }

  .board-sort-control {
    min-width: 0;
    font-size: 0;
  }

  .board-sort-control select {
    max-width: 126px;
    padding: 7px 23px 7px 9px;
    font-size: 11px;
  }

  .tag-filter-toggle {
    flex: 0 0 auto;
    padding: 8px 8px;
    font-size: 11px;
    white-space: nowrap;
  }

  .content-search-panel{gap:7px;padding:9px}.content-search-panel input{padding:8px 9px}.search-submit,.search-clear{padding:8px 9px}
  .card-like,.card-replies,.card-share-link,.detail-like,.share-link{min-height:32px;padding:5px 6px}
  .compact-dialog .form-actions{align-items:stretch;flex-direction:column}
  .compact-dialog .form-actions > button{width:100%;min-height:44px}
}

/* The public board is a full-width content feed, not a compact row table.
   A post has room for its wording and images, so only a few complete entries
   are visible at once—closer to a forum feed than a dense dashboard. */
.post-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  background: #fff;
  border: 1px solid #e7e1d9;
  border-radius: 13px;
  overflow: hidden;
}

.post-card,
.post-card.with-image {
  display: block;
  min-height: 0;
  padding: 17px 19px;
  border: 0;
  border-bottom: 1px solid #eee9e3;
  border-radius: 0;
  box-shadow: none;
}

.post-card:last-child {
  border-bottom: 0;
}

.post-summary {
  display: block;
}

.post-summary h2 {
  margin: 8px 0 5px;
  font-size: 17px;
  -webkit-line-clamp: 2;
}

.post-summary > p {
  display: -webkit-box;
  margin: 0;
  color: #625d6b;
  font-size: 13px;
  line-height: 1.75;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.post-summary .tag-display-groups {
  margin: 10px 0 0;
}

.post-gallery {
  width: min(590px, 100%);
  height: auto;
  margin: 13px 0 0;
  background: transparent;
}

.post-gallery.images-1 {
  grid-template-columns: minmax(0, 420px);
  grid-template-rows: 250px;
  height: 250px;
}

.post-gallery.images-2 {
  grid-template-columns: repeat(2, minmax(0, 230px));
  grid-template-rows: 210px;
  height: 210px;
}

.post-gallery.images-3 {
  grid-template-columns: repeat(3, minmax(0, 180px));
  grid-template-rows: 158px;
  height: 158px;
}

.post-gallery.images-4,
.post-gallery.images-5,
.post-gallery.images-6 {
  grid-template-columns: repeat(3, minmax(0, 180px));
  grid-template-rows: repeat(2, 118px);
  height: 239px;
}

.post-card footer {
  width: auto;
  margin: 14px 0 0;
  padding: 11px 0 0;
  border-top: 1px solid #eee9e3;
  border-left: 0;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  text-align: left;
}

.post-card footer > span:first-child {
  display: flex;
  align-items: center;
  justify-items: unset;
  gap: 10px;
}

.post-card:hover {
  border-color: transparent;
  background: #fffeff;
  box-shadow: none;
}

@media (max-width: 620px) {
  .post-grid {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .post-card,
  .post-card.with-image {
    display: block;
    padding: 14px 3px;
  }

  .post-summary h2 {
    font-size: 16px;
  }

  .post-summary > p {
    font-size: 12px;
    -webkit-line-clamp: 3;
  }

  .post-summary .tag-display-groups {
    display: grid;
  }

  .post-gallery {
    width: min(100%, 450px);
  }

  .post-gallery.images-1 {
    grid-template-columns: minmax(0, 280px);
    grid-template-rows: 185px;
    height: 185px;
  }

  .post-gallery.images-2 {
    grid-template-columns: repeat(2, minmax(0, 150px));
    grid-template-rows: 145px;
    height: 145px;
  }

  .post-gallery.images-3 {
    grid-template-columns: repeat(3, minmax(0, 98px));
    grid-template-rows: 96px;
    height: 96px;
  }

  .post-gallery.images-4,
  .post-gallery.images-5,
  .post-gallery.images-6 {
    grid-template-columns: repeat(3, minmax(0, 98px));
    grid-template-rows: repeat(2, 96px);
    height: 195px;
  }
}

/* Optional structured rows for item trading. They supplement, rather than
   replace, the ordinary title and body fields. */
.item-picker{grid-column:1/-1;margin:0;padding:0;border:0;min-width:0}.item-picker legend{display:flex;align-items:center;gap:9px;margin:0 0 7px;padding:0;color:#625e6e;font-size:12px;font-weight:800}.add-item-button,.remove-item-button{border:1px solid #d9d1e8;border-radius:7px;color:#625197;background:#fff;font-size:11px;font-weight:800;cursor:pointer}.add-item-button{padding:5px 8px}.add-item-button:disabled{opacity:.5;cursor:default}.listing-items{display:grid;gap:8px}.item-entry{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(76px,.52fr) minmax(94px,.66fr) minmax(88px,.6fr) auto;align-items:start;gap:7px;padding:9px;border:1px solid #e5dfea;border-radius:8px;background:#fcfbfd}.item-entry label{display:grid;gap:5px;color:#746e7e;font-size:10px;font-weight:800}.item-entry input{width:100%;min-width:0;padding:8px 9px;border:1px solid #ddd6e5;border-radius:6px;color:#3e3a4c;background:#fff;font-size:12px}.item-entry input[readonly]{color:#625d72;background:#f4f2f8;cursor:default}.remove-item-button{align-self:start;min-height:34px;margin-top:20px;padding:0 9px;color:#8a6175;border-color:#ead5dc}.item-list,.revision-item-list{display:grid;gap:6px;margin:15px 0;padding:11px 12px;border:1px solid #e5dfea;border-radius:9px;background:#fcfbfd}.item-list h3,.revision-item-list h3{margin:0;color:#5e5575;font-size:12px}.item-list>div,.revision-item-list>div{display:flex;flex-wrap:wrap;gap:7px 12px;align-items:baseline;color:#756e80;font-size:11px}.item-list strong,.revision-item-list strong{color:#48425a;font-size:12px}.item-list span,.revision-item-list span{white-space:nowrap}@media(max-width:620px){.item-picker{grid-column:auto}.item-entry{grid-template-columns:1fr 1fr}.item-entry label:first-child{grid-column:1/-1}.remove-item-button{grid-column:2;justify-self:end;align-self:end;min-height:31px;margin-top:0}.item-list,.revision-item-list{margin:13px 0}}
.card-item-list{display:grid;margin:12px 0 0;border-top:1px solid #e5dfea;border-bottom:1px solid #e5dfea;background:#fbf9fe}.card-item-list h3{margin:0;padding:7px 10px;color:#5b4897;background:#f4f0fb;font-size:11px;font-weight:800}.card-item-list>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;padding:8px 10px;border-top:1px solid #ebe6f0;color:#756e80;font-size:11px}.card-item-list>div:first-of-type{border-top:0}.card-item-list strong{flex:1 1 170px;min-width:0;color:#3f394d;font-size:12px;overflow-wrap:anywhere}.card-item-list span{white-space:nowrap}.card-item-list-more{margin:0;padding:8px 10px;border-top:1px solid #ebe6f0;color:#746b86;background:#fbf9fe;font-size:11px;line-height:1.5}.post-card .card-item-list+.tag-display-groups{margin-top:10px}@media(max-width:620px){.card-item-list>div{gap:5px 10px}.card-item-list strong{flex-basis:100%}}
.public-author-link{color:inherit;text-decoration:none;cursor:pointer}.public-author-link:hover,.public-author-link:focus-visible{color:#6552a4;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.public-author-link:focus-visible{outline:2px solid #806bd0;outline-offset:3px;border-radius:2px}

/* Reading and interaction sizes are shared by feed cards and details. These
   controls previously fell to 10px text and 28-32px hit areas on phones. */
.post-top time,
.comment-item>div,
.comment-form footer,
.field-hint,
.contact-box small,
.character-count{color:#746e7f;font-size:12px}
.post-summary>p,
.detail-description,
.comment-item p{font-size:14px}
.post-type,
.tag-display-group,
.tool-meta{font-size:11px}
.item-entry label{font-size:12px}
.card-like,
.card-like-count,
.card-replies,
.card-share-link,
.detail-like,
.detail-like-count,
.share-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;font-size:12px;line-height:1.3}
.comment-filter-button{min-height:36px;font-size:12px}

@media(max-width:620px){
  .board-sort-control select{max-width:142px;min-height:44px;font-size:16px}
  .tag-filter-toggle,
  .tag-option,
  .tag-category-action,
  .clear-tags,
  .search-submit,
  .search-clear,
  .board-switcher a,
  .trade-page-tabs a,
  .my-posts-link,
  .public-author-link,
  .revision-link,
  .recovery-action,
  .board-heading .publish-button,
  .trade-page-heading .publish-button,
  .card-like,
  .card-replies,
  .card-share-link,
  .detail-like,
  .share-link,
  .copy-button,
  .owner-edit-link,
  .owner-archive-link,
  .report-link,
  .comment-report,
  .comment-archive,
  .comment-filter-button,
  .board-pagination button,
  .comments-pagination button,
  .add-item-button,
  .remove-item-button{min-height:44px}
  .card-like-count,
  .detail-like-count{min-height:44px}
  .post-card-actions,
  .post-stats,
  .content-interactions{column-gap:6px}
  .remove-image-button{display:grid;place-items:start end;width:44px;height:44px;top:0;right:0;padding:0;color:transparent;background:transparent;font-size:0;line-height:1}
  .remove-image-button::before{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;content:"×";color:#fff;background:#8d4652;font:20px/1 sans-serif}
  .remove-image-button:hover,.remove-image-button:focus-visible{background:transparent}
  .remove-image-button:hover::before,.remove-image-button:focus-visible::before{background:#a73745}
  .post-summary>p{font-size:14px}
}

/* Pending comments are visible only to their author or reviewing staff. Keep
   that state unmistakable without making it resemble a public reply. */
.comment-item.is-pending-review{border-color:#dfcfa6;background:#fffaf0}.comment-review-status{display:inline-flex;align-items:center;min-height:20px;border:1px solid #dfcfa6;border-radius:999px;padding:1px 7px;color:#765d29;background:#fff3d4;font-size:10px;font-weight:800;line-height:1.3;white-space:nowrap}.comment-item.is-pending-review .comment-archive{color:#a34d3a}@media(max-width:620px){.comment-review-status{min-height:28px;font-size:11px}.comment-item.is-pending-review .comment-archive{min-height:44px}}