:root {
  --ui-bg: #f4f6f5;
  --ui-surface: #ffffff;
  --ui-surface-soft: #f8faf9;
  --ui-ink: #111815;
  --ui-muted: #68736d;
  --ui-faint: #929b96;
  --ui-line: #e1e7e3;
  --ui-line-strong: #ced7d1;
  --ui-accent: #9bc52a;
  --ui-accent-strong: #668b0f;
  --ui-accent-soft: #edf5db;
  --ui-dark: #111a16;
  --ui-dark-soft: #1b2922;
  --ui-danger: #a13a2d;
  --ui-radius: 14px;
  --ui-radius-sm: 9px;
  --ui-shadow: 0 12px 36px rgba(22, 35, 28, .055);
  --ui-shadow-hover: 0 18px 46px rgba(22, 35, 28, .10);
  --ui-shell: min(1240px, calc(100% - 48px));
}

/* Article sidebar discovery modules. */
.article-left { display: grid; gap: 14px; }
.article-side-card { overflow: hidden; border: 1px solid var(--ui-line); border-radius: 14px; background: #fff; }
.article-side-card > header { padding: 16px 17px 13px; display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; border-bottom: 1px solid var(--ui-line); }
.article-side-card > header small { color: var(--ui-accent-strong); font: 800 7px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: .16em; }
.article-side-card > header h2 { margin: 4px 0 0; font-size: 14px; }
.article-side-card > header > a { color: var(--ui-muted); font-size: 9px; font-weight: 700; }
.article-tag-list { padding: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.article-tag-list > a { min-width: 0; padding: 8px 9px; display: flex; align-items: center; justify-content: space-between; gap: 7px; border-radius: 7px; background: #f5f8f2; color: #506323; font-size: 9px; }
.article-tag-list > a:hover { background: #eaf2df; }
.article-tag-list > a span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.article-tag-list > a b { color: #8b9a83; font-size: 8px; }
.article-topic-list { display: grid; }
.article-topic-list > a { min-width: 0; padding: 14px 15px; display: grid; grid-template-columns: 22px minmax(0,1fr) 12px; gap: 9px; align-items: center; border-bottom: 1px solid var(--ui-line); }
.article-topic-list > a:last-child { border-bottom: 0; }
.article-topic-list > a:hover { background: #fafcf8; }
.article-topic-list > a > i { color: #9bab91; font: 700 8px ui-monospace,SFMono-Regular,Menlo,monospace; font-style: normal; }
.article-topic-list > a > div { min-width: 0; }
.article-topic-list > a b { display: block; overflow: hidden; color: var(--ui-ink); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.article-topic-list > a p { margin: 3px 0 5px; display: -webkit-box; overflow: hidden; color: var(--ui-muted); font-size: 8px; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.article-topic-list > a small { color: var(--ui-accent-strong); font-size: 8px; }
.article-topic-list > a > span { color: #91a17f; font-size: 12px; }
.article-tag-list > p, .article-topic-list > p { margin: 0; padding: 16px; color: var(--ui-muted); font-size: 9px; }

html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--ui-bg);
  color: var(--ui-ink);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 15px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
body * { box-sizing: border-box; }
a, button, input, textarea, select { transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid rgba(155, 197, 42, .28); outline-offset: 2px; }
img { max-width: 100%; }
main { min-height: calc(100vh - 320px); }
main section { padding: 0; }
main header, main footer {
  position: static;
  inset: auto;
  z-index: auto;
  width: auto;
  height: auto;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  box-shadow: none;
  backdrop-filter: none;
}
h1, h2, h3, p { overflow-wrap: anywhere; }
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--ui-accent-strong);
  font: 750 10px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.eyebrow::before { content: ""; width: 16px; height: 2px; border-radius: 2px; background: var(--ui-accent); }
.btn {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 18px;
  border: 1px solid var(--ui-dark);
  border-radius: 7px;
  background: var(--ui-dark);
  color: #fff;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
}
.btn:hover { transform: translateY(-1px); background: #26342d; box-shadow: 0 7px 18px rgba(17, 26, 22, .16); }
.btn.ghost { border-color: var(--ui-line-strong); background: #fff; color: var(--ui-ink); }
.btn.ghost:hover { border-color: #9baa9f; background: var(--ui-surface-soft); box-shadow: none; }
.btn.danger { border-color: #d7aaa3; background: #fff; color: var(--ui-danger); }
.btn.danger:hover { border-color: var(--ui-danger); background: #fff5f3; box-shadow: none; }
.tag { padding: 5px 9px; border-radius: 5px; background: var(--ui-accent-soft); color: #56730e; font-size: 10px; letter-spacing: .04em; }
.empty, .author-profile-empty { padding: 42px 24px; border: 1px dashed var(--ui-line-strong); border-radius: var(--ui-radius-sm); background: var(--ui-surface-soft); color: var(--ui-muted); text-align: center; }
.alert { width: var(--ui-shell); margin: 18px auto 0; padding: 12px 16px; border: 1px solid #cee0a6; border-radius: 8px; background: #f0f7df; color: #415718; }
.alert.error { border-color: #e7b8b1; background: #fff2f0; color: #8e2d21; }

/* Global navigation */
body > .media-header {
  position: sticky;
  top: 0;
  z-index: 20;
  width: 100%;
  height: 72px;
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 max(calc((100vw - 1240px) / 2), 24px);
  border: 0;
  border-bottom: 1px solid rgba(215, 223, 218, .86);
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 5px 24px rgba(19, 31, 24, .035);
  backdrop-filter: blur(18px);
}
.media-header .brand { margin-right: 46px; color: var(--ui-ink); font: 850 24px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: -.07em; }
.media-header .brand span { color: var(--ui-accent-strong); }
.media-header nav { height: 100%; display: flex; align-items: center; gap: 28px; }
.media-header .main-nav { margin-right: auto; }
.media-header .main-nav a { position: relative; height: 100%; display: flex; align-items: center; padding: 0; border: 0; color: #4b5650; font-size: 13px; font-weight: 650; }
.media-header .main-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 0; height: 2px; background: var(--ui-accent); transition: right .2s ease; }
.media-header .main-nav a:hover { color: var(--ui-ink); }
.media-header .main-nav a:hover::after { right: 0; }
.media-header .account-nav { gap: 16px; font-size: 13px; }
.media-header .write-link { color: var(--ui-accent-strong); font-weight: 750; }
.media-header .nav-cta { padding: 9px 15px; border-radius: 7px; background: var(--ui-dark); color: #fff; }
.media-header .user { color: var(--ui-muted); }
.media-header .link { color: var(--ui-muted); }
.mobile-menu { position: relative; display: none; }
.mobile-menu summary { min-height: 40px; padding: 9px 12px; display: grid; place-items: center; border: 1px solid var(--ui-line); border-radius: 7px; color: var(--ui-ink); font-size: 12px; font-weight: 700; cursor: pointer; list-style: none; }
.mobile-menu summary::-webkit-details-marker { display: none; }
.mobile-menu > nav { position: absolute; right: 0; top: 48px; width: 210px; height: auto; padding: 9px; display: grid; gap: 2px; border: 1px solid var(--ui-line); border-radius: 10px; background: #fff; box-shadow: var(--ui-shadow-hover); }
.mobile-menu > nav a, .mobile-menu > nav .link { width: 100%; min-height: 40px; padding: 9px 11px; display: flex; align-items: center; border: 0; border-radius: 6px; background: transparent; color: var(--ui-ink); font-size: 12px; text-align: left; }
.mobile-menu > nav a:hover, .mobile-menu > nav .link:hover { background: var(--ui-surface-soft); }
.mobile-menu > nav form { width: 100%; }
.channel-bar { border-bottom: 1px solid var(--ui-line); background: rgba(255, 255, 255, .88); box-shadow: none; }
.channel-bar > div { width: var(--ui-shell); height: 46px; display: flex; align-items: center; gap: 25px; margin: auto; overflow-x: auto; scrollbar-width: none; }
.channel-bar > div::-webkit-scrollbar { display: none; }
.channel-bar a { flex: 0 0 auto; color: var(--ui-muted); font-size: 12px; }
.channel-bar a:first-child, .channel-bar a:hover { color: var(--ui-ink); font-weight: 700; }

/* Home */
.home-feature-shell { width: var(--ui-shell); margin: 30px auto 0; }
.media-shell { width: var(--ui-shell); margin: 24px auto 90px; display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; align-items: start; }
.content-column { min-width: 0; padding: 0; }
.editorial-feature { width: 100%; height: 320px; display: grid; grid-template-columns: minmax(0, 1.33fr) minmax(300px, 1fr) 350px; padding: 0; overflow: hidden; border: 0; border-radius: 18px; background: var(--ui-surface); box-shadow: var(--ui-shadow); }
.editorial-feature.no-headlines { grid-template-columns: minmax(0, 1.33fr) minmax(300px, 1fr); }
.editorial-feature.slides-only { grid-template-columns: 1fr; }
.feature-stage { position: relative; min-width: 0; height: 320px; overflow: hidden; background: var(--ui-dark); }
.feature-placeholder { position: relative; height: 100%; display: block; background: linear-gradient(90deg, rgba(8, 18, 24, .95), rgba(8, 18, 24, .55)), url('/static/editorial-ai-hero.webp') center / cover; color: #fff; text-align: left; }
.placeholder-copy { position: absolute; left: 38px; right: 28px; bottom: 29px; max-width: 500px; }
.placeholder-copy small { color: #c0dd75; font: 700 10px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .13em; }
.placeholder-copy h1 { margin: 13px 0 13px; color: #fff; font-size: clamp(30px, 3vw, 42px); line-height: 1.15; letter-spacing: -.045em; }
.placeholder-copy p { max-width: 520px; margin: 0 0 22px; color: #bdc8c2; font-size: 15px; }
.placeholder-copy a { display: inline-flex; align-items: center; gap: 11px; color: #fff; font-size: 13px; font-weight: 700; }
.placeholder-copy a b { color: var(--ui-accent); font-size: 18px; }
.feature-slide { display: none; position: absolute; inset: 0; }
.feature-slide.is-active { display: block; }
.feature-slide img { width: 100%; height: 100%; object-fit: cover; }
.feature-overlay { position: absolute; inset: auto 0 0; padding: 66px 28px 23px; background: linear-gradient(transparent, rgba(5, 12, 9, .96)); color: #fff; }
.feature-overlay span { color: #c2e173; font-size: 10px; font-weight: 750; letter-spacing: .08em; }
.feature-overlay h1 { max-width: 760px; margin: 8px 0 6px; font-size: clamp(23px, 2.3vw, 32px); line-height: 1.35; letter-spacing: -.025em; }
.feature-overlay small { color: #c8d0cc; font-size: 11px; }
.feature-dots { right: 24px; bottom: 20px; }
.feature-dots button { height: 3px; border-radius: 3px; }
.editor-picks { height: 320px; padding: 18px 22px; overflow: hidden; border-left: 1px solid var(--ui-line); background: #fff; }
.editor-picks h2 { margin: 0 0 8px; color: var(--ui-ink); font-size: 18px; letter-spacing: -.025em; }
.editor-picks h2 i { width: 10px; height: 10px; border: 0; border-radius: 2px; background: var(--ui-accent); transform: none; }
.editor-picks h2 i::after { display: none; }
.editor-picks ol { margin: 0; padding: 0; list-style: none; }
.editor-picks a { grid-template-columns: 24px 1fr; gap: 10px; padding: 5px 0; color: #4d5752; font-size: 12px; line-height: 1.5; }
.editor-picks a span { min-width: 0; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.editor-picks a b { width: 21px; height: 21px; border: 1px solid var(--ui-line); border-radius: 50%; background: transparent !important; color: var(--ui-muted) !important; }
.editor-picks li:first-child a b { border-color: var(--ui-dark); background: var(--ui-dark) !important; color: #fff !important; }
.editor-picks-empty { height: 238px !important; padding: 22px !important; border-radius: 10px; background: var(--ui-surface-soft) !important; }
.editor-picks-empty strong { color: var(--ui-ink); }
.feature-visuals { height: 320px; padding-left: 9px; display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 9px; overflow: hidden; background: var(--ui-bg); }
.feature-visuals.is-single { grid-template-columns: 1fr; grid-template-rows: 1fr; }
.feature-visual-card { position: relative; min-height: 0; display: block; overflow: hidden; background: var(--ui-dark); }
.feature-visual-card img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .3s ease; }
.feature-visual-card::after { content: ""; position: absolute; inset: 28% 0 0; background: linear-gradient(transparent, rgba(5, 12, 9, .92)); }
.feature-visual-card > span { position: absolute; z-index: 1; left: 17px; right: 15px; bottom: 15px; display: block; color: #fff; }
.feature-visual-card small { display: block; margin-bottom: 4px; color: #c5df80; font-size: 8px; font-weight: 750; letter-spacing: .08em; }
.feature-visual-card strong { display: -webkit-box; overflow: hidden; color: #fff; font-size: 13px; line-height: 1.45; letter-spacing: -.01em; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.feature-visual-card:hover img { transform: scale(1.035); }
.topic-section { margin-top: 24px; padding: 30px; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: var(--ui-surface); box-shadow: none; }
.topic-heading { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 21px; }
.topic-heading h2 { margin: 5px 0 0; font-size: 24px; letter-spacing: -.03em; }
.topic-heading > a { color: var(--ui-muted); font-size: 12px; font-weight: 650; }
.topic-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.topic-card { min-height: 126px; height: auto; display: grid; grid-template-columns: 124px minmax(0, 1fr); overflow: hidden; border: 1px solid var(--ui-line); border-radius: 10px; background: #fff; box-shadow: none; }
.topic-card:hover { transform: translateY(-2px); border-color: #b3c493; box-shadow: var(--ui-shadow); }
.topic-cover { position: relative; min-height: 124px; overflow: hidden; }
.topic-cover img { position: absolute; width: 200%; height: 200%; max-width: none; object-fit: fill; }
.topic-card.topic-1 .topic-cover img { left: 0; top: 0; }
.topic-card.topic-2 .topic-cover img { left: -100%; top: 0; }
.topic-card.topic-3 .topic-cover img { left: 0; top: -100%; }
.topic-card.topic-4 .topic-cover img { left: -100%; top: -100%; }
.topic-cover b { position: absolute; left: 10px; top: 10px; bottom: auto; padding: 3px 6px; border-radius: 4px; background: rgba(10, 20, 15, .78); color: #fff; font: 700 9px ui-monospace, monospace; }
.topic-copy { display: flex; flex-direction: column; justify-content: center; padding: 18px; }
.topic-copy small { color: var(--ui-accent-strong); font-size: 9px; letter-spacing: .08em; }
.topic-copy h3 { margin: 5px 0 8px; font-size: 16px; line-height: 1.35; }
.topic-copy p { margin: 0 0 9px; display: -webkit-box; overflow: hidden; color: var(--ui-muted); font-size: 10px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.topic-copy span { color: var(--ui-muted); font-size: 11px; }
.feed-head { height: 70px; margin-top: 24px; padding: 0 28px; display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--ui-line); border-bottom: 0; border-radius: var(--ui-radius) var(--ui-radius) 0 0; background: #fff; }
.feed-head h2 { margin: 0; font-size: 21px; letter-spacing: -.025em; }
.feed-head a { color: var(--ui-muted); font-size: 12px; }
.article-feed { overflow: hidden; border: 1px solid var(--ui-line); border-radius: 0 0 var(--ui-radius) var(--ui-radius); background: #fff; box-shadow: none; }
.home-thumb-feed > article, .articles-thumb-feed > article { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 26px; align-items: center; padding: 26px 28px; border-bottom: 1px solid var(--ui-line); background: #fff; }
.home-thumb-feed > article:last-child, .articles-thumb-feed > article:last-child { border-bottom: 0; }
.home-thumb-feed > article:hover, .articles-thumb-feed > article:hover { background: #fbfcfb; }
.home-thumb-feed .feed-cover-wrap, .articles-thumb-feed .feed-cover-wrap { position: relative; width: 210px; height: 132px; overflow: hidden; border-radius: 9px; }
.home-thumb-feed .feed-cover, .articles-thumb-feed .feed-cover { width: 100%; height: 100%; display: block; overflow: hidden; }
.home-thumb-feed .feed-cover img, .articles-thumb-feed .feed-cover img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .3s ease; }
.home-thumb-feed article:hover .feed-cover img, .articles-thumb-feed article:hover .feed-cover img { transform: scale(1.025); }
.feed-category-badge { position: absolute; left: 10px; top: 10px; z-index: 1; max-width: calc(100% - 20px); padding: 5px 8px; border-radius: 5px; background: rgba(12, 24, 18, .82); color: #fff; font-size: 10px; font-weight: 700; backdrop-filter: blur(7px); }
.feed-copy { min-width: 0; }
.feed-meta { display: flex; align-items: center; gap: 9px; color: var(--ui-faint); font-size: 11px; }
.feed-meta .feed-author { color: var(--ui-accent-strong); font-weight: 700; }
.feed-copy h2 { margin: 8px 0 7px; color: var(--ui-ink); font-size: 19px; line-height: 1.43; letter-spacing: -.018em; }
.feed-copy h2 a:hover { color: #42630a; }
.feed-copy p { margin: 0 0 12px; color: var(--ui-muted); font-size: 13px; line-height: 1.7; }
.feed-actions { display: flex; align-items: center; justify-content: space-between; gap: 14px; color: var(--ui-faint); font-size: 11px; }
.feed-read-more { flex: 0 0 auto; color: var(--ui-ink); font-weight: 750; transition: color .18s ease, transform .18s ease; }
.feed-read-more:hover { color: var(--ui-accent-strong); transform: translateX(2px); }
.article-list-tags { display: flex; flex-wrap: wrap; gap: 5px; }
.article-list-tags a { padding: 3px 7px; border-radius: 12px; background: var(--ui-accent-soft); color: #5b7814; font-size: 10px; }
.media-sidebar { display: flex; flex-direction: column; gap: 15px; }
.side-card, .side-stats { padding: 22px; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: #fff; box-shadow: none; }
.side-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; padding-bottom: 13px; border-bottom: 1px solid var(--ui-line); }
.side-title h3 { margin: 0; font-size: 16px; }
.side-title a, .side-title span { color: var(--ui-faint); font-size: 11px; }
.home-tag-card { padding-bottom: 19px; }
.home-tag-cloud { padding-top: 13px; display: flex; flex-wrap: wrap; gap: 7px; }
.home-tag-cloud a { padding: 6px 9px; display: inline-flex; align-items: center; gap: 5px; border: 1px solid #e3e9df; border-radius: 999px; background: var(--ui-surface-soft); color: #53625a; font-size: 10px; line-height: 1.2; transition: border-color .18s ease, background .18s ease, color .18s ease; }
.home-tag-cloud a small { color: var(--ui-faint); font-size: 8px; }
.home-tag-cloud a:hover { border-color: #b7ca94; background: var(--ui-accent-soft); color: var(--ui-accent-strong); }
.home-tag-cloud a:nth-child(n+13) { display: none; }
.side-circles > a:not(.outline-btn) { display: flex; gap: 11px; padding: 13px 0; border-bottom: 1px solid #edf0ee; }
.side-circles > a:not(.outline-btn):last-child { border-bottom: 0; }
.side-circles > a > span { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border-radius: 7px; background: var(--ui-accent-soft); color: var(--ui-accent-strong); }
.side-circles b { font-size: 12px; }
.side-circles small { color: var(--ui-faint); font-size: 10px; }
.sidebar-ad { position: relative; width: 100%; display: block; overflow: hidden; border-radius: 9px; background: var(--ui-dark); }
.sidebar-ad img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .28s ease; }
.sidebar-ad:hover img { transform: scale(1.025); }
.sidebar-ad > small { position: absolute; left: 8px; top: 8px; z-index: 1; padding: 2px 6px; border-radius: 4px; background: rgba(10, 19, 15, .78); color: #fff; font-size: 8px; line-height: 1.4; letter-spacing: .06em; }
.home-ad-card { padding: 0; overflow: hidden; }
.home-ad-card .sidebar-ad { aspect-ratio: 2 / 1; border-radius: inherit; }
.ranking li { display: grid; grid-template-columns: 22px minmax(0, 1fr); align-items: start; gap: 8px; padding: 11px 0; }
.ranking li + li { border-top: 1px solid #edf0ee; }
.ranking li > span { padding-top: 2px; color: var(--ui-faint); font-size: 10px; }
.ranking-copy { min-width: 0; }
.ranking-copy a { display: -webkit-box; overflow: hidden; color: var(--ui-ink); font-size: 12px; line-height: 1.52; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ranking-copy a:hover { color: var(--ui-accent-strong); }
.ranking-copy small { display: block; margin-top: 4px; color: var(--ui-faint); font-size: 9px; line-height: 1.3; white-space: nowrap; }
.side-stats { display: grid; grid-template-columns: repeat(3, 1fr); padding: 18px 8px; text-align: center; }
.side-stats span { color: var(--ui-faint); font-size: 9px; }
.side-stats b { display: block; color: var(--ui-ink); font-size: 20px; }

/* Shared directories and lists */
.listing-hero, .page-title {
  width: var(--ui-shell);
  min-height: 190px;
  margin: 30px auto 0;
  padding: 38px 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  border: 1px solid var(--ui-line);
  border-radius: 16px;
  background: #fff;
}
.listing-hero > div, .page-title > div { min-width: 0; }
.listing-hero h1, .page-title h1 { margin: 8px 0 9px; color: var(--ui-ink); font-size: clamp(29px, 3.3vw, 39px); line-height: 1.18; letter-spacing: -.045em; }
.listing-hero p, .page-title p { max-width: 720px; margin: 0; color: var(--ui-muted); font-size: 14px; }
.listing-hero .btn { flex: 0 0 auto; }
.topic-title, .topic-index-hero, .keyword-hero { background: linear-gradient(130deg, #fff, #f2f7e8); }
.listing-layout { width: var(--ui-shell); margin: 22px auto 88px; display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 22px; align-items: start; }
.listing-layout.no-sidebar { grid-template-columns: minmax(0, 1fr); }
.listing-layout > main { min-width: 0; }
.listing-intro-panel {
  position: relative;
  min-height: 150px;
  margin-bottom: 14px;
  padding: 25px 27px 24px 30px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 150px;
  gap: 28px;
  align-items: center;
  overflow: hidden;
  border: 1px solid var(--ui-line);
  border-radius: var(--ui-radius);
  background: linear-gradient(135deg, #fff 0%, #fff 68%, #f4f8ef 100%);
}
.listing-intro-panel::before {
  content: "";
  position: absolute;
  left: 0;
  top: 24px;
  bottom: 24px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--ui-accent);
}
.listing-intro-copy { min-width: 0; }
.listing-intro-kicker {
  color: var(--ui-accent-strong);
  font: 750 9px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .13em;
}
.listing-intro-copy h2 { margin: 7px 0 7px; font-size: 20px; line-height: 1.35; letter-spacing: -.025em; }
.listing-intro-copy p { max-width: 670px; margin: 0; color: var(--ui-muted); font-size: 12px; line-height: 1.75; }
.listing-intro-aside {
  min-height: 88px;
  padding-left: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 1px solid var(--ui-line);
}
.listing-intro-count { display: block; margin-bottom: 10px; }
.listing-intro-count strong { display: block; color: var(--ui-ink); font: 800 30px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: -.06em; }
.listing-intro-count small { display: block; margin-top: 6px; color: var(--ui-faint); font-size: 9px; letter-spacing: .04em; }
.listing-intro-aside > a { color: var(--ui-accent-strong); font-size: 10px; font-weight: 700; }
.listing-intro-aside > a b { margin-left: 4px; font-size: 13px; }
.tag-intro-panel { background: linear-gradient(135deg, #fff 0%, #fff 65%, #f2f7e8 100%); }
.articles-thumb-feed { border-radius: var(--ui-radius); }
.listing-sidebar { display: flex; flex-direction: column; gap: 14px; }
.listing-sidebar > section { padding: 21px; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: #fff; }
.sidebar-topic { padding: 11px 0; border-bottom: 1px solid #edf0ee; }
.sidebar-topic b { color: var(--ui-ink); font-size: 12px; }
.sidebar-topic small { color: var(--ui-faint); font-size: 10px; }
.sidebar-tags { gap: 6px; padding-top: 12px; }
.sidebar-tags a { padding: 5px 8px; border-radius: 12px; background: var(--ui-surface-soft); color: #53625a; font-size: 10px; }
.sidebar-author { gap: 10px; padding: 11px 0; border-bottom: 1px solid #edf0ee; }
.sidebar-author i { width: 34px; height: 34px; border-radius: 50%; background: var(--ui-dark); color: var(--ui-accent); font-size: 11px; }
.sidebar-author b { font-size: 12px; }
.sidebar-author small { color: var(--ui-faint); font-size: 10px; }
.news-list.compact-news { padding: 3px 28px; overflow: hidden; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: #fff; box-shadow: none; }
.compact-news article { padding: 24px 0; border-bottom: 1px solid var(--ui-line); }
.compact-news article:last-child { border-bottom: 0; }
.compact-news h2 { margin: 0 0 8px; font-size: 18px; line-height: 1.45; letter-spacing: -.015em; }
.compact-news h2 a:hover { color: var(--ui-accent-strong); }
.compact-news p { margin: 0 0 8px; color: var(--ui-muted); font-size: 12px; line-height: 1.7; }
.compact-news small { color: var(--ui-faint); font-size: 10px; }
.list-pagination, .reply-pagination { margin-top: 22px; padding: 16px 18px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; border: 1px solid var(--ui-line); border-radius: 9px; background: #fff; }
.list-pagination a, .reply-pagination a { color: var(--ui-accent-strong); font-size: 11px; font-weight: 700; }
.list-pagination a:last-child, .reply-pagination a:last-child { text-align: right; }
.list-pagination b, .reply-pagination b { color: var(--ui-faint); font-size: 10px; }

/* Topic, keyword, and author directories */
.topic-index { width: var(--ui-shell); margin: 22px auto 88px; }
.topic-index-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.topic-index-card { min-height: 210px; display: grid; grid-template-columns: 46px minmax(0, 1fr) 34px; gap: 18px; align-items: start; padding: 28px; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: #fff; }
.topic-index-card:hover { transform: translateY(-2px); border-color: #b7c89a; box-shadow: var(--ui-shadow); }
.topic-index-card > span { color: var(--ui-faint); font: 700 11px ui-monospace, monospace; }
.topic-index-card small { color: var(--ui-accent-strong); font-size: 9px; letter-spacing: .08em; }
.topic-index-card h2 { margin: 8px 0 7px; font-size: 21px; line-height: 1.3; }
.topic-index-card p { margin: 0 0 16px; color: var(--ui-muted); font-size: 12px; line-height: 1.7; }
.topic-index-card b { color: var(--ui-accent-strong); font-size: 11px; }
.topic-index-card > i { align-self: center; color: var(--ui-accent-strong); font-style: normal; font-size: 20px; }
.keyword-cloud { padding: 24px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: #fff; }
.keyword-cloud > a { min-height: 70px; padding: 15px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid transparent; border-radius: 9px; background: var(--ui-surface-soft); color: #3f4c45; }
.keyword-cloud > a:hover { transform: translateY(-1px); border-color: #c9d7ae; background: var(--ui-accent-soft); }
.keyword-cloud span { font-size: 12px; font-weight: 700; }
.keyword-cloud small { color: var(--ui-faint); font-size: 9px; }
.directory-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.author-card { position: relative; min-height: 150px; display: flex; align-items: center; gap: 15px; padding: 22px; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: #fff; }
.author-card:hover { transform: translateY(-2px); border-color: #b9c99d; box-shadow: var(--ui-shadow); }
.author-card .author-rank { position: absolute; right: 15px; top: 13px; color: #b1b8b4; font: 700 9px ui-monospace, monospace; }
.author-card > img, .author-card > i { width: 54px; height: 54px; flex: 0 0 54px; display: grid; place-items: center; border-radius: 50%; object-fit: cover; background: var(--ui-dark); color: var(--ui-accent); font-style: normal; font-weight: 800; }
.author-card h2 { margin: 0; font-size: 17px; }
.author-card p { margin: 3px 0; color: var(--ui-muted); font-size: 10px; }
.author-card small { color: var(--ui-accent-strong); font-size: 10px; }
.author-card > b { margin-left: auto; color: var(--ui-accent-strong); }

/* Author profile */
.author-hero { min-height: 220px; }
.author-hero .author-intro { max-width: 650px; margin: 7px 0 0; color: #4f5c55; line-height: 1.65; }
.author-hero .author-stats { margin-top: 7px; color: var(--ui-faint); font-size: 10px; }
.author-heading { display: flex; align-items: center; gap: 22px; }
.author-heading > img, .author-heading > i { width: 76px; height: 76px; display: grid; place-items: center; border: 4px solid #eef3e7; border-radius: 50%; object-fit: cover; background: var(--ui-dark); color: var(--ui-accent); font-style: normal; font-size: 25px; font-weight: 800; }
.author-heading h1 { margin-top: 5px; }
.author-actions { display: flex; gap: 9px; }
.author-actions form { margin: 0; }
.author-message-btn { border-color: var(--ui-line-strong); background: #fff; color: var(--ui-ink); }
.station-owner { border: 0; background: linear-gradient(130deg, #111a16, #21352b); color: #fff; }
.station-owner h1 { color: #fff; }
.station-owner p { color: #bac5bf; }
.station-owner .eyebrow { color: #c4df7e; }
.author-message-form { width: var(--ui-shell); margin: 14px auto 0; padding: 21px; display: grid; grid-template-columns: 180px minmax(0, 1fr) 110px; gap: 14px; align-items: center; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: #fff; }
.author-message-form[hidden] { display: none; }
.author-message-form h2 { margin: 4px 0 0; font-size: 17px; }
.author-message-form textarea { margin: 0; }
.author-profile-layout { grid-template-columns: minmax(0, 1fr) 300px; }
.author-tabs { width: 100%; height: 52px; padding: 4px; display: flex; gap: 4px; border: 1px solid var(--ui-line); border-radius: 11px; background: #fff; }
.author-tabs button { flex: 1; border: 0; border-radius: 7px; background: transparent; color: var(--ui-muted); font-family: inherit; font-size: 12px; font-weight: 650; cursor: pointer; }
.author-tabs button b { margin-left: 4px; color: var(--ui-faint); font-size: 10px; }
.author-tabs button.is-active { background: var(--ui-dark); color: #fff; }
.author-tabs button.is-active b { color: #c8df8e; }
.author-tab-panel { margin-top: 14px; }
.author-profile-section { padding: 26px; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: #fff; }
.author-profile-section > header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 19px; }
.author-profile-section > header h2 { margin: 4px 0 0; font-size: 20px; }
.author-profile-section > header p { margin: 4px 0 0; color: var(--ui-muted); font-size: 11px; }
.author-profile-section > header > small { padding: 4px 8px; border-radius: 12px; background: var(--ui-accent-soft); color: var(--ui-accent-strong); font-size: 9px; }
.author-articles .compact-news { padding: 0; border: 0; border-radius: 0; }
.author-articles .compact-news article { margin: 0; padding: 20px 0; border: 0; border-bottom: 1px solid var(--ui-line); border-radius: 0; background: transparent; }
.author-articles .compact-news article:last-child { border-bottom: 0; }
.author-circle-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.author-circle-card { min-height: 210px; display: flex; flex-direction: column; padding: 20px; border: 1px solid var(--ui-line); border-radius: 11px; background: var(--ui-surface-soft); }
.author-circle-card:hover { border-color: #bacb9a; background: #fff; }
.circle-card-top { display: flex; justify-content: space-between; }
.circle-card-top i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 8px; background: var(--ui-dark); color: var(--ui-accent); font-style: normal; font-weight: 800; }
.circle-card-top span { color: var(--ui-faint); font: 700 9px ui-monospace, monospace; }
.circle-card-copy { flex: 1; padding-top: 15px; }
.circle-card-copy small { color: var(--ui-accent-strong); font-size: 8px; letter-spacing: .08em; }
.circle-card-copy h3 { margin: 5px 0; font-size: 16px; }
.circle-card-copy p { margin: 0; color: var(--ui-muted); font-size: 11px; line-height: 1.6; }
.author-circle-card > footer { margin-top: 17px; padding: 13px 0 0; display: flex; align-items: center; gap: 14px; border-top: 1px solid var(--ui-line); background: transparent; color: var(--ui-muted); }
.author-circle-card > footer span { font-size: 9px; }
.author-circle-card > footer i { margin-left: auto; color: var(--ui-accent-strong); font-style: normal; }
.author-post-list article { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 13px; padding: 20px 0; border-top: 1px solid var(--ui-line); }
.author-post-list article:first-child { padding-top: 0; border-top: 0; }
.post-timeline-no { color: var(--ui-faint); font: 700 9px ui-monospace, monospace; }
.post-timeline-body > header { display: flex; justify-content: space-between; }
.author-post-circle { color: var(--ui-accent-strong); font-size: 10px; font-weight: 700; }
.post-timeline-body time { color: var(--ui-faint); font-size: 9px; }
.post-timeline-body h3 { margin: 8px 0 5px; font-size: 16px; line-height: 1.45; }
.post-timeline-body p { margin: 0; color: var(--ui-muted); font-size: 12px; }
.post-timeline-body > footer { margin-top: 11px; padding: 0; display: flex; justify-content: space-between; background: transparent; color: var(--ui-faint); font-size: 9px; }
.author-post-more { color: var(--ui-accent-strong); }
.author-profile-section .author-circle-card { min-height: 210px !important; padding: 20px !important; gap: 0 !important; overflow: hidden; border-radius: 11px !important; background: var(--ui-surface-soft) !important; }
.author-profile-section .circle-card-top { height: auto; padding: 0; background: transparent; }
.author-profile-section .circle-card-top > i { width: 38px !important; height: 38px !important; border-radius: 8px !important; background: var(--ui-dark) !important; color: var(--ui-accent) !important; }
.author-profile-section .author-circle-card > footer { min-height: 0; padding: 13px 0 0; background: transparent !important; color: var(--ui-muted) !important; }
.author-post-list::before { display: none; }
.author-post-list .post-timeline-no { position: static; width: auto; height: auto; display: block; border: 0; border-radius: 0; background: transparent; color: var(--ui-faint); font: 700 9px ui-monospace, monospace; }
.author-post-list .post-timeline-body { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.author-post-list .post-timeline-body:hover { border: 0; background: transparent; box-shadow: none; }

/* Circle directory */
.circles-hero { position: relative; width: var(--ui-shell); min-height: 300px; margin: 30px auto 0; padding: 48px 52px; display: flex; align-items: center; justify-content: space-between; gap: 30px; overflow: hidden; border-radius: 18px; background: linear-gradient(130deg, #101914, #22372c); color: #fff; }
.circles-hero::after { content: "#"; position: absolute; right: 260px; bottom: -112px; color: rgba(155, 197, 42, .07); font: 900 300px/1 ui-monospace, monospace; }
.circles-hero > div { position: relative; z-index: 1; }
.circles-hero .eyebrow { color: #c4df7e; }
.circles-hero h1 { margin: 11px 0 15px; color: #fff; font-size: clamp(38px, 5vw, 55px); line-height: 1.03; letter-spacing: -.055em; }
.circles-hero p { max-width: 620px; margin: 0; color: #b8c4bd; font-size: 15px; }
.circles-hero-action { min-width: 180px; text-align: right; }
.circles-hero-action > b { display: block; color: var(--ui-accent); font: 800 48px/1 ui-monospace, monospace; }
.circles-hero-action > span { display: block; margin: 7px 0 20px; color: #acb8b1; font-size: 10px; }
.circles-hero-action .btn { border-color: var(--ui-accent); background: var(--ui-accent); color: var(--ui-dark); }
.circle-directory { width: var(--ui-shell); margin: 0 auto 88px; padding: 34px 0 0; }
.circle-directory > header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 19px; }
.circle-directory > header h2 { margin: 5px 0 0; font-size: 24px; }
.circle-directory > header p { margin: 0; color: var(--ui-muted); font-size: 11px; }
.circle-page-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 22px; align-items: start; }
.circle-list { min-height: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: 12px; }
.circle-row { min-height: 165px; padding: 22px; display: grid; grid-template-columns: 24px 48px minmax(0, 1fr); grid-template-rows: auto auto; align-content: start; gap: 0 14px; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: #fff; }
.circle-row:hover { transform: translateY(-2px); border-color: #b6c797; box-shadow: var(--ui-shadow); }
.circle-no { grid-row: 1/3; color: var(--ui-faint); font: 700 9px ui-monospace, monospace; }
.circle-mark { width: 48px; height: 48px; grid-row: 1/3; display: grid; place-items: center; border-radius: 9px; background: var(--ui-accent-soft); color: var(--ui-accent-strong); font-size: 18px; font-weight: 800; }
.circle-copy h3 { margin: 0 0 5px; font-size: 17px; line-height: 1.35; }
.circle-copy p { margin: 0; color: var(--ui-muted); font-size: 11px; line-height: 1.62; }
.circle-copy small { display: block; margin-top: 10px; color: var(--ui-faint); font-size: 9px; }
.circle-row > b { grid-column: 3; margin-top: 12px; color: var(--ui-accent-strong); font-size: 10px; }
.circle-list > .list-pagination { grid-column: 1/-1; }
.circle-sidebar { display: flex; flex-direction: column; gap: 14px; }
.circle-sidebar > section { padding: 22px; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: #fff; }
.circle-sidebar h3 { margin: 6px 0 8px; font-size: 17px; }
.circle-sidebar p { margin: 0; color: var(--ui-muted); font-size: 11px; }
.circle-overview > div { display: grid; grid-template-columns: repeat(3, 1fr); margin: 17px 0; padding: 14px 0; border-top: 1px solid var(--ui-line); border-bottom: 1px solid var(--ui-line); text-align: center; }
.circle-overview b, .circle-overview small { display: block; }
.circle-overview b { font-size: 18px; }
.circle-overview small { color: var(--ui-faint); font-size: 8px; }
.circle-sidebar section > a { display: inline-block; margin-top: 15px; color: var(--ui-accent-strong); font-size: 10px; font-weight: 700; }
.circle-side-link { display: flex !important; align-items: center; gap: 10px; margin: 0 !important; padding: 10px 0; border-top: 1px solid var(--ui-line); color: inherit !important; }
.circle-side-link i { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 7px; background: var(--ui-accent-soft); color: var(--ui-accent-strong); font-style: normal; font-size: 10px; font-weight: 800; }
.circle-side-link b, .circle-side-link small { display: block; }
.circle-side-link b { font-size: 11px; }
.circle-side-link small { color: var(--ui-faint); font-size: 8px; }

/* Circle and post detail */
.circle-hero { width: var(--ui-shell); min-height: 210px; margin: 30px auto 0; padding: 38px 42px; display: flex; align-items: center; gap: 22px; border-radius: 16px; background: var(--ui-dark); color: #fff; }
.circle-hero > div:nth-child(2) { flex: 1; }
.circle-hero .eyebrow { color: #c5df80; }
.circle-hero h1 { margin: 7px 0 9px; color: #fff; font-size: clamp(30px, 4vw, 42px); line-height: 1.12; letter-spacing: -.045em; }
.circle-hero p { max-width: 720px; margin: 0 0 7px; color: #b9c5bf; font-size: 13px; }
.circle-hero small { color: #8f9e96; font-size: 10px; }
.circle-icon.big { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 13px; background: var(--ui-accent); color: var(--ui-dark); font-size: 28px; }
.circle-following { padding: 8px 12px; border: 1px solid #45604f; border-radius: 7px; color: #c5dc8b; font-size: 11px; }
.circle-detail-layout, .post-detail-layout { width: var(--ui-shell); margin: 24px auto 88px; display: grid; grid-template-columns: minmax(0, 1fr) 286px; gap: 22px; align-items: start; }
.circle-detail-layout .discussion { width: 100%; padding: 0; overflow: hidden; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: #fff; }
.discussion-board-head { padding: 24px 27px 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--ui-line); }
.discussion-board-head h2 { margin: 5px 0 0; font-size: 22px; }
.discussion-board-head > small { padding: 4px 8px; border-radius: 12px; background: var(--ui-accent-soft); color: var(--ui-accent-strong); font-size: 9px; }
.circle-discussion-board > .composer, .circle-discussion-board > .follow-gate { margin: 20px 26px; }
.composer { padding: 18px; border: 1px solid var(--ui-line); border-radius: 9px; background: var(--ui-surface-soft); }
.circle-post-composer input { margin: 0 0 10px; font-size: 14px; }
.circle-post-composer textarea { margin: 0; }
.composer .btn { margin-top: 11px; }
.follow-gate { padding: 18px; border: 1px solid #dce6d4; border-radius: 9px; background: #f6f9f2; }
.follow-gate b { font-size: 13px; }
.follow-gate p { margin: 4px 0 12px; color: var(--ui-muted); font-size: 11px; }
.discussion-list { border-top: 1px solid var(--ui-line); }
.discussion-row { padding: 22px 27px; display: grid; grid-template-columns: minmax(0, 1fr) 122px; gap: 20px; align-items: center; border-bottom: 1px solid var(--ui-line); }
.discussion-row:hover { background: #fbfcfb; }
.discussion-author { display: flex; align-items: center; gap: 8px; }
.discussion-author > i { width: 29px; height: 29px; flex: 0 0 29px; display: grid; place-items: center; border-radius: 50%; background: var(--ui-dark); color: var(--ui-accent); font-size: 10px; font-style: normal; font-weight: 800; }
.discussion-author > span { min-width: 0; display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; }
.discussion-author b { font-size: 11px; }
.discussion-author small { color: var(--ui-faint); font-size: 8px; }
.discussion-copy h3 { margin: 9px 0 10px; font-size: 15px; line-height: 1.5; }
.discussion-last-reply { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; color: var(--ui-faint); font-size: 9px; }
.discussion-last-reply b { color: var(--ui-accent-strong); }
.discussion-metrics { display: grid; grid-template-columns: 1fr 1fr 26px; align-items: center; border-left: 1px solid var(--ui-line); text-align: center; }
.discussion-metrics b, .discussion-metrics small { display: block; }
.discussion-metrics b { font-size: 14px; }
.discussion-metrics small { color: var(--ui-faint); font-size: 8px; }
.discussion-metrics > a { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: var(--ui-accent-soft); color: var(--ui-accent-strong); }
.circle-detail-sidebar { position: sticky; top: 140px; display: flex; flex-direction: column; gap: 13px; }
.circle-detail-sidebar > section { padding: 21px; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: #fff; }
.circle-detail-sidebar h3 { margin: 7px 0 7px; font-size: 16px; }
.circle-detail-sidebar p { margin: 0; color: var(--ui-muted); font-size: 11px; }
.detail-circle-mark { width: 46px; height: 46px; margin-top: 14px; display: grid; place-items: center; border-radius: 9px; background: var(--ui-dark); color: var(--ui-accent); font-size: 18px; font-weight: 800; }
.detail-circle-stats { display: grid; grid-template-columns: 1fr 1fr; margin-top: 15px; padding-top: 14px; border-top: 1px solid var(--ui-line); text-align: center; }
.detail-circle-stats span:first-child { border-right: 1px solid var(--ui-line); }
.detail-circle-stats b, .detail-circle-stats small { display: block; }
.detail-circle-stats b { color: var(--ui-accent-strong); font-size: 18px; }
.detail-circle-stats small { color: var(--ui-faint); font-size: 8px; }
.circle-detail-sidebar ol { margin: 9px 0 0; padding-left: 18px; color: var(--ui-muted); font-size: 10px; line-height: 1.9; }
.circle-directory-back, .sidebar-enter { color: var(--ui-accent-strong); font-size: 10px; font-weight: 700; }
.post-detail-layout { margin-top: 30px; }
.post-prose { width: 100%; margin: 0; padding: 44px 48px 52px; border: 1px solid var(--ui-line); border-radius: 16px; background: #fff; box-shadow: none; }
.post-prose > .tag { margin-bottom: 16px; }
.post-prose > h1 { margin: 0 0 10px; font-size: clamp(24px, 2.3vw, 28px); line-height: 1.42; letter-spacing: -.015em; }
.post-prose > small { color: var(--ui-faint); font-size: 10px; }
.post-prose > hr { margin: 30px 0; border-color: var(--ui-line); }
.post-prose .body { color: #28332d; font-size: 15px; line-height: 1.95; }
.post-author-card { text-align: center; }
.post-author-card > img, .post-author-card > i { width: 62px; height: 62px; margin: 14px auto 9px; display: grid; place-items: center; border-radius: 50%; object-fit: cover; background: var(--ui-dark); color: var(--ui-accent); font-size: 21px; font-style: normal; font-weight: 800; }
.post-author-card .sidebar-enter { display: block; margin-top: 14px; padding-top: 13px; border-top: 1px solid var(--ui-line); }

/* Article detail and comments */
.article-layout { width: min(1120px, calc(100% - 48px)); margin: 34px auto 88px; display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 24px; align-items: start; }
.article-prose { grid-column: 1; width: 100%; margin: 0; padding: 48px 54px 58px; border: 1px solid var(--ui-line); border-radius: 16px; background: #fff; box-shadow: none; }
.article-left { grid-column: 2; grid-row: 1; position: sticky; top: 140px; display: flex; flex-direction: column; gap: 13px; }
.article-prose > h1 { max-width: none; margin: 0 0 13px; font-size: clamp(24px, 2.5vw, 30px); line-height: 1.4; letter-spacing: -.02em; }
.article-prose .lead { margin: 0; color: var(--ui-muted); font-size: 15px; line-height: 1.8; }
.article-byline { display: flex; align-items: center; gap: 8px; margin-top: 17px; color: var(--ui-faint); font-size: 10px; }
.article-byline a { color: var(--ui-accent-strong); font-weight: 700; }
.article-prose > hr { margin: 30px 0; border-color: var(--ui-line); }
.article-prose .body { color: #27332d; font-size: 16px; line-height: 2; }
.article-taxonomy { margin-top: 38px; padding: 15px 0; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; border-top: 1px solid var(--ui-line); border-bottom: 1px solid var(--ui-line); background: transparent; color: var(--ui-muted); font-size: 10px; }
.article-taxonomy nav { display: flex; flex-wrap: wrap; gap: 5px; }
.article-taxonomy a { color: var(--ui-accent-strong); font-weight: 700; }
.article-author-card, .article-context-card { padding: 22px; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: #fff; box-shadow: none; }
.article-author-card > img, .article-author-card > i { width: 58px; height: 58px; margin: 0 0 15px; display: grid; place-items: center; border-radius: 50%; object-fit: cover; background: var(--ui-dark); color: var(--ui-accent); font-size: 20px; font-style: normal; font-weight: 800; }
.article-author-card h2 { margin: 7px 0 2px; font-size: 18px; }
.article-author-card p { margin: 0; color: var(--ui-muted); font-size: 11px; }
.article-author-card small { display: block; margin-top: 6px; color: var(--ui-faint); font-size: 9px; }
.article-author-card > a { display: block; margin-top: 15px; padding-top: 13px; border-top: 1px solid var(--ui-line); color: var(--ui-accent-strong); font-size: 10px; font-weight: 700; }
.article-back { color: var(--ui-muted); font-size: 10px; font-weight: 700; }
.comment-section { margin-top: 48px; padding: 0; border: 0; background: transparent; }
.comment-section > header { width: 100%; min-height: 0; padding: 13px 15px; display: flex; align-items: center; gap: 9px; border: 1px solid var(--ui-line); border-left: 3px solid var(--ui-accent); border-radius: 7px; background: #fff; }
.comment-section > header .eyebrow { display: none; }
.comment-section > header h2 { margin: 0; font-size: 17px; line-height: 1.4; }
.comment-section > header > small { position: static; margin-left: auto; padding: 3px 8px; border-radius: 11px; background: var(--ui-accent-soft); color: #66755f; font-size: 9px; }
.comment-form { margin-top: 18px; padding: 0; border: 0; background: transparent; box-shadow: none; }
.guest-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 10px; }
.comment-form textarea, .comment-form input { margin: 0; border: 1px solid var(--ui-line-strong); border-radius: 7px; background: #fff; }
.comment-form textarea { min-height: 112px; padding: 14px; }
.comment-form > div:last-child { margin-top: 10px; display: flex; align-items: center; justify-content: space-between; }
.comment-form > div:last-child small { color: var(--ui-faint); font-size: 9px; }
.comment-form .btn { min-height: 38px; padding: 8px 15px; }
.reply-login { min-height: 64px; margin-top: 18px; padding: 12px 13px 12px 17px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #dfe6d8; border-left: 3px solid var(--ui-accent); border-radius: 7px; background: #f8faf6; }
.reply-login span { color: #47534c; font-size: 11px; }
.reply-login .btn { min-height: 36px; padding: 8px 13px; }
.comment-list { margin-top: 20px; border-top: 1px solid var(--ui-line); }
.comment-list article { margin: 0; padding: 18px 0; display: flex; gap: 12px; border: 0; border-bottom: 1px solid var(--ui-line); border-radius: 0; background: transparent; box-shadow: none; }
.comment-list article > i { width: 32px; height: 32px; flex: 0 0 32px; display: grid; place-items: center; border-radius: 50%; background: var(--ui-accent-soft); color: var(--ui-accent-strong); font-size: 10px; font-style: normal; font-weight: 800; }
.comment-list article b { display: block; font-size: 11px; }
.comment-list article small { display: block; color: var(--ui-faint); font-size: 8px; }
.comment-list article p { margin: 7px 0 0; color: #354039; font-size: 12px; line-height: 1.75; white-space: pre-wrap; }
.comment-empty { padding: 26px 0; color: var(--ui-faint); font-size: 11px; }

/* Forms, account, inbox */
.form-wrap { min-height: 650px; padding: 54px 24px 80px; display: grid; place-items: start center; }
.form-wrap.wide { padding-top: 42px; }
.form-card { width: min(560px, 100%); padding: 36px; border: 1px solid var(--ui-line); border-radius: 16px; background: #fff; box-shadow: var(--ui-shadow); }
.wide .form-card { width: min(820px, 100%); }
.form-card h1 { margin: 10px 0 8px; font-size: 31px; line-height: 1.2; letter-spacing: -.04em; }
.form-card > p { margin: 0 0 24px; color: var(--ui-muted); font-size: 12px; }
label { margin: 16px 0 7px; color: #354039; font-size: 11px; font-weight: 700; }
input, textarea, select { width: 100%; margin-top: 7px; padding: 11px 12px; border: 1px solid var(--ui-line-strong); border-radius: 7px; background: #fff; color: var(--ui-ink); font: inherit; font-size: 13px; }
input:hover, textarea:hover, select:hover { border-color: #aab7af; }
input:focus, textarea:focus, select:focus { border-color: var(--ui-accent-strong); box-shadow: 0 0 0 3px rgba(155, 197, 42, .12); outline: 0; }
.form-card .btn { width: 100%; margin: 22px 0 0; }
.form-card > small { display: block; margin-top: 16px; color: var(--ui-muted); font-size: 10px; text-align: center; }
.form-card > small a { color: var(--ui-accent-strong); font-weight: 700; }
.profile-card { text-align: center; }
.profile-wrap { padding-bottom: 90px; }
.profile-avatar > img, .profile-avatar > i { width: 88px; height: 88px; margin: 20px auto 12px; display: grid; place-items: center; border: 5px solid #edf3e5; border-radius: 50%; object-fit: cover; background: var(--ui-dark); color: var(--ui-accent); font-size: 29px; font-style: normal; font-weight: 800; }
.profile-card h2 { margin: 0; font-size: 20px; }
.profile-card > p { margin: 1px 0 19px; }
.profile-card label { text-align: left; }
.profile-card .outline-btn { border-radius: 7px; }
.message-hero { min-height: 160px; }
.message-inbox { width: min(900px, calc(100% - 48px)); margin: 22px auto 88px; padding: 4px 28px; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: #fff; }
.message-inbox article { display: flex; gap: 13px; padding: 21px 0; border-bottom: 1px solid var(--ui-line); }
.message-inbox article > i { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; border-radius: 50%; background: var(--ui-dark); color: var(--ui-accent); font-size: 11px; font-style: normal; font-weight: 800; }
.message-inbox article > div { flex: 1; }
.message-inbox article header { display: flex; justify-content: space-between; }
.message-inbox article header b { font-size: 11px; }
.message-inbox article header small { color: var(--ui-faint); font-size: 8px; }
.message-inbox article p { margin: 7px 0 0; color: #354039; font-size: 12px; }

/* Administration */
.page-title { display: block; min-height: 180px; }
.page-title h1 { margin: 8px 0; }
.admin-list, .admin-comments, .admin-links { width: var(--ui-shell); margin: 22px auto 0; padding: 0; }
.admin-list > article { display: grid; grid-template-columns: minmax(0, 1fr) 185px; gap: 24px; align-items: start; margin-bottom: 12px; padding: 24px; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: #fff; }
.admin-copy h3 { margin: 10px 0 6px; font-size: 18px; line-height: 1.45; }
.admin-copy p { margin: 0 0 8px; color: var(--ui-muted); font-size: 12px; }
.admin-copy > small { color: var(--ui-faint); font-size: 9px; }
.metadata-form { margin-top: 14px; display: grid; grid-template-columns: 180px minmax(0, 1fr) 145px; gap: 8px; }
.metadata-form input, .metadata-form select { margin: 0; }
.metadata-form .btn { min-height: 40px; padding: 8px 10px; }
.admin-actions { display: flex; flex-direction: column; gap: 8px; }
.admin-actions form, .admin-actions .btn { width: 100%; }
.admin-comments, .admin-links { padding: 34px 0 0; }
.admin-links { padding-bottom: 88px; }
.admin-comments .section-head, .admin-links .section-head { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 16px; }
.admin-comments .section-head h2, .admin-links .section-head h2 { margin: 5px 0 0; font-size: 22px; }
.admin-comments .section-head p, .admin-links .section-head p { margin: 4px 0 0; color: var(--ui-muted); font-size: 10px; }
.admin-comments > article { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--ui-line); }
.admin-comments h3 { margin: 0 0 5px; font-size: 14px; }
.admin-comments p { margin: 0 0 5px; color: var(--ui-muted); font-size: 11px; }
.admin-comments small { color: var(--ui-faint); font-size: 9px; }
.admin-comments .admin-actions { flex-direction: row; flex: 0 0 auto; }
.friend-link-create { padding: 18px; display: grid; grid-template-columns: 180px minmax(260px, 1fr) 90px 105px; gap: 9px; align-items: center; border: 1px solid var(--ui-line); border-radius: 10px; background: #fff; }
.friend-link-create input, .friend-link-admin-list input { margin: 0; }
.friend-link-admin-list article { margin-top: 9px; padding: 14px 14px 14px 18px; display: grid; grid-template-columns: 180px minmax(260px, 1fr) 90px 85px 75px; gap: 9px; align-items: center; border: 1px solid var(--ui-line); border-radius: 10px; background: #fff; }
.friend-link-admin-list article > form:first-child { display: contents; }
.friend-link-admin-list article > form:last-child { grid-column: 5; }
.friend-link-admin-list .btn, .friend-link-create .btn { width: 100%; min-height: 40px; padding: 8px 10px; }

/* Footer */
body > .site-footer { display: block; padding: 0; background: var(--ui-dark); color: #dce4df; }
.footer-main { width: var(--ui-shell); min-height: 150px; margin: auto; padding: 38px 0 30px; display: grid; grid-template-columns: minmax(230px, 1fr) auto auto; gap: 44px; align-items: end; }
.footer-main > div b { font: 800 20px ui-monospace, monospace; }
.footer-main > div b span { color: var(--ui-accent); }
.footer-main > div p { margin: 5px 0 0; color: #89958e; font-size: 11px; }
.footer-main nav { display: flex; flex-wrap: wrap; gap: 18px; }
.footer-main nav a { color: #aab5af; font-size: 10px; }
.footer-main nav a:hover { color: #fff; }
.footer-main > small { color: #6f7c75; font-size: 9px; }
.friend-links { width: var(--ui-shell); margin: auto; padding: 17px 0 22px; display: flex; align-items: flex-start; gap: 24px; border-top: 1px solid #2a352f; }
.friend-links > b { flex: 0 0 auto; color: #cdd6d1; font-size: 10px; }
.friend-links nav { display: flex; flex-wrap: wrap; gap: 6px 20px; }
.friend-links a { color: #78857e; font-size: 10px; }
.friend-links a:hover { color: var(--ui-accent); }

/* Responsive */
@media (min-width: 1061px) {
  .topic-section { height: 420px; }
  .media-sidebar { margin-top: 24px; }
}

@media (max-width: 1060px) {
  .media-header .main-nav { gap: 20px; }
  .media-header .main-nav a { font-size: 12px; }
  .media-shell { grid-template-columns: 1fr; }
  .media-shell > .media-sidebar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  .media-shell > .media-sidebar .home-circle-card { grid-column: 1/-1; }
  .home-circle-card .side-circles { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 28px; }
  .media-shell > .media-sidebar .home-hot-ad { grid-column: 1/-1; width: min(100%, 520px); justify-self: center; }
  .media-shell > .media-sidebar .home-ranking { grid-column: 1/-1; }
  .home-ranking ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 26px; }
  .media-shell > .media-sidebar .side-stats { grid-column: 1/-1; }
  .listing-layout, .author-profile-layout, .circle-page-layout { grid-template-columns: minmax(0, 1fr) 270px; }
  .home-feature-shell { width: var(--ui-shell); }
  .editorial-feature { height: auto; grid-template-columns: minmax(0, 1.4fr) minmax(285px, 1fr); }
  .feature-visuals { height: 170px; grid-column: 1/-1; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: 1fr; padding: 9px 0 0; }
}

@media (max-width: 900px) {
  :root { --ui-shell: calc(100% - 32px); }
  body > .media-header { height: 64px; min-height: 64px; padding: 0 16px; }
  .media-header .brand { margin-right: auto; font-size: 21px; }
  .media-header .main-nav { display: none; }
  .mobile-menu { display: block; margin-right: 10px; }
  .media-header .account-nav { height: 64px; gap: 12px; }
  .media-header .account-nav .user, .media-header .account-nav form { display: none; }
  .channel-bar > div { width: calc(100% - 32px); }
  .listing-layout, .author-profile-layout, .circle-page-layout, .circle-detail-layout, .post-detail-layout, .article-layout { grid-template-columns: 1fr; }
  .listing-sidebar, .circle-sidebar, .circle-detail-sidebar { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .listing-sidebar > .side-stats { grid-column: 1/-1; }
  .article-left { grid-column: 1; grid-row: 2; position: static; display: grid; grid-template-columns: 1fr; }
  .article-back { display: inline-block; }
  .circle-list { grid-template-columns: 1fr; }
  .directory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .keyword-cloud { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .footer-main { grid-template-columns: 1fr; gap: 20px; align-items: start; }
  .friend-link-create, .friend-link-admin-list article { grid-template-columns: 150px minmax(210px, 1fr) 80px 80px; }
  .friend-link-admin-list article { grid-template-columns: 150px minmax(210px, 1fr) 80px 75px 70px; }
}

@media (max-width: 720px) {
  :root { --ui-shell: calc(100% - 24px); }
  .media-shell { margin-top: 14px; }
  .editorial-feature { height: auto; grid-template-columns: 1fr; }
  .editorial-feature.no-headlines { grid-template-columns: 1fr; }
  .feature-stage { height: 290px; }
  .editor-picks { height: auto; min-height: 260px; border-top: 1px solid var(--ui-line); border-left: 0; }
  .editor-picks-empty { height: 200px !important; }
  .feature-visuals { height: 150px; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: 1fr; padding-top: 9px; }
  .feature-visual-card > span { left: 12px; right: 10px; bottom: 11px; }
  .feature-visual-card strong { font-size: 11px; }
  .placeholder-copy { left: 24px; bottom: 28px; }
  .placeholder-copy h1 { font-size: 29px; }
  .topic-section { padding: 21px 15px; }
  .topic-grid { grid-template-columns: 1fr; }
  .topic-card { grid-template-columns: 112px minmax(0, 1fr); }
  .home-thumb-feed > article, .articles-thumb-feed > article { grid-template-columns: 118px minmax(0, 1fr); gap: 14px; padding: 19px 15px; align-items: start; }
  .home-thumb-feed .feed-cover-wrap, .articles-thumb-feed .feed-cover-wrap { width: 118px; height: 82px; }
  .feed-copy h2 { margin-top: 5px; font-size: 15px; line-height: 1.4; }
  .feed-copy p, .feed-actions { display: none; }
  .feed-meta span { display: none; }
  .feed-category-badge { left: 6px; top: 6px; max-width: calc(100% - 12px); padding: 3px 5px; font-size: 8px; }
  .media-shell > .media-sidebar { display: flex; align-items: stretch; }
  .media-shell > .media-sidebar .home-hot-ad { width: 100%; }
  .home-circle-card .side-circles { display: block; }
  .home-ranking { display: block; }
  .home-ranking ol { display: block; }
  .listing-hero, .page-title { width: var(--ui-shell); min-height: 155px; margin-top: 14px; padding: 27px 22px; border-radius: 12px; }
  .listing-hero h1, .page-title h1 { font-size: 28px; }
  .listing-hero .btn { display: none; }
  .listing-layout { margin-top: 14px; }
  .listing-intro-panel { min-height: 0; padding: 21px 18px 19px 21px; grid-template-columns: 1fr; gap: 18px; }
  .listing-intro-panel::before { top: 20px; bottom: 20px; }
  .listing-intro-copy h2 { font-size: 18px; }
  .listing-intro-aside { min-height: 0; padding: 15px 0 0; flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 15px; border-top: 1px solid var(--ui-line); border-left: 0; }
  .listing-intro-count { margin: 0; }
  .listing-intro-count strong { font-size: 24px; }
  .listing-sidebar, .circle-sidebar, .circle-detail-sidebar { display: flex; }
  .topic-index-grid, .directory-grid, .keyword-cloud, .author-circle-grid { grid-template-columns: 1fr; }
  .topic-index-card { min-height: 190px; padding: 22px 18px; grid-template-columns: 30px minmax(0, 1fr) 24px; gap: 11px; }
  .author-hero { display: block; }
  .author-actions { margin-top: 22px; }
  .author-heading > img, .author-heading > i { width: 62px; height: 62px; }
  .author-message-form { grid-template-columns: 1fr; }
  .author-tabs { height: auto; padding: 4px; }
  .author-tabs button { min-height: 46px; padding: 8px 5px; }
  .author-profile-section { padding: 21px 16px; }
  .circles-hero { min-height: 0; margin-top: 14px; padding: 34px 24px; display: block; }
  .circles-hero h1 { font-size: 38px; }
  .circles-hero-action { margin-top: 27px; text-align: left; }
  .circles-hero::after { display: none; }
  .circle-directory > header { display: block; }
  .circle-directory > header p { margin-top: 7px; }
  .circle-hero { min-height: 0; margin-top: 14px; padding: 29px 22px; align-items: flex-start; flex-wrap: wrap; }
  .circle-icon.big { display: none; }
  .circle-hero > div:nth-child(2) { flex-basis: 100%; }
  .circle-detail-layout, .post-detail-layout, .article-layout { width: var(--ui-shell); margin-top: 14px; }
  .discussion-board-head { padding: 20px 18px; }
  .circle-discussion-board > .composer, .circle-discussion-board > .follow-gate { margin: 16px; }
  .discussion-row { grid-template-columns: minmax(0, 1fr) 92px; gap: 12px; padding: 19px 16px; }
  .discussion-metrics { grid-template-columns: 1fr 1fr; }
  .discussion-metrics > a { display: none; }
  .article-prose, .post-prose { padding: 29px 21px 38px; }
  .article-prose > h1 { font-size: 23px; }
  .post-prose > h1 { font-size: 22px; }
  .article-prose .body, .post-prose .body { font-size: 15px; }
  .article-author-card { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 0 14px; align-items: center; }
  .article-author-card > img, .article-author-card > i { width: 54px; height: 54px; margin: 0; grid-row: 1/6; }
  .article-author-card > a { grid-column: 1/-1; }
  .guest-fields { grid-template-columns: 1fr; }
  .comment-form > div:last-child { align-items: flex-end; gap: 10px; }
  .reply-login { gap: 10px; }
  .reply-login .btn { flex: 0 0 auto; }
  .form-wrap { min-height: 0; padding: 28px 12px 60px; }
  .form-card { padding: 27px 20px; border-radius: 12px; }
  .form-card h1 { font-size: 27px; }
  .message-inbox { width: var(--ui-shell); padding: 3px 18px; }
  .admin-list > article { grid-template-columns: 1fr; padding: 20px 17px; }
  .admin-actions { flex-direction: row; flex-wrap: wrap; }
  .admin-actions form { width: auto; flex: 1 1 120px; }
  .metadata-form { grid-template-columns: 1fr; }
  .admin-comments > article { display: block; }
  .admin-comments .admin-actions { margin-top: 12px; }
  .friend-link-create, .friend-link-admin-list article { display: flex; flex-direction: column; align-items: stretch; }
  .friend-link-admin-list article > form:first-child { display: flex; flex-direction: column; gap: 9px; }
  .friend-link-admin-list article > form:last-child { grid-column: auto; }
  .footer-main, .friend-links { width: var(--ui-shell); }
  .footer-main nav { gap: 10px 17px; }
  .friend-links { display: block; }
  .friend-links nav { margin-top: 9px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Consolidated foundations and product surfaces */
html { overflow-x: clip; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font-family: inherit; }
button { appearance: none; }
form { margin: 0; }
textarea { resize: vertical; }
hr { height: 1px; border: 0; border-top: 1px solid var(--ui-line); }
.link { padding: 0; border: 0; background: transparent; font: inherit; cursor: pointer; }
.tag { display: inline-flex; align-items: center; font-weight: 700; line-height: 1.2; }
.muted { color: var(--ui-muted); }
.outline-btn { min-height: 38px; padding: 8px 12px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--ui-line-strong); border-radius: 7px; background: #fff; color: var(--ui-ink); font-size: 11px; font-weight: 700; }
.outline-btn:hover { border-color: #9baa9f; background: var(--ui-surface-soft); }
.active-toggle, .btn.active-toggle { border-color: #9ab857; background: var(--ui-accent-soft); color: #4f6b0d; }
.promo-tag { margin-left: 5px; background: #eff3ec; color: #59675f; }
.empty-state { width: 100%; padding: 48px 24px; border: 1px dashed var(--ui-line-strong); border-radius: var(--ui-radius); background: var(--ui-surface-soft); text-align: center; }
.empty-state h2 { margin: 10px 0 5px; font-size: 19px; }
.empty-state p { margin: 0 auto 18px; max-width: 520px; color: var(--ui-muted); font-size: 12px; }
.empty-mark { width: 42px; height: 42px; margin: auto; display: grid; place-items: center; border-radius: 50%; background: var(--ui-accent-soft); color: var(--ui-accent-strong); font-size: 18px; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.hp-field { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; }
.skip-link { position: fixed; left: 16px; top: -60px; z-index: 100; padding: 10px 14px; border-radius: 6px; background: var(--ui-dark); color: #fff; font-size: 12px; }
.skip-link:focus { top: 12px; }

.feature-dots { position: absolute; z-index: 3; display: flex; align-items: center; gap: 6px; }
.feature-dots button { width: 24px; padding: 0; border: 0; background: rgba(255,255,255,.38); cursor: pointer; }
.feature-dots button.is-active { background: #fff; }
.editor-picks h2 { display: flex; align-items: center; gap: 10px; }
.editor-picks a { display: grid; align-items: start; }
.editor-picks a b { display: grid; place-items: center; }
.editor-picks a span { min-width: 0; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.topic-cover { display: block; }
.sidebar-topic { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.sidebar-tags { display: flex; flex-wrap: wrap; }
.sidebar-author { display: flex; align-items: center; }
.sidebar-author i { flex: 0 0 auto; display: grid; place-items: center; font-style: normal; font-weight: 800; }
.sidebar-author span, .sidebar-author b, .sidebar-author small, .side-circles b, .side-circles small { display: block; }
.ranking ol { margin: 0; padding: 0; list-style: none; }
.author-tab-panel[hidden], [hidden] { display: none !important; }
.author-follow-btn.is-followed, .is-followed { border-color: #a9bd79; background: var(--ui-accent-soft); color: #4f6b0d; }
.avatar-edit-link { color: var(--ui-muted) !important; }
.follow-gate { display: flex; flex-direction: column; align-items: flex-start; }
.prose { color: var(--ui-ink); }

/* Search and account navigation */
.header-search { width: 190px; height: 38px; margin: 0 20px 0 0; position: relative; flex: 0 0 190px; }
.header-search input { height: 38px; margin: 0; padding: 8px 38px 8px 12px; border-color: var(--ui-line); background: var(--ui-surface-soft); font-size: 11px; }
.header-search button { position: absolute; right: 1px; top: 1px; width: 36px; height: 36px; padding: 0; border: 0; background: transparent; color: var(--ui-muted); font-size: 19px; cursor: pointer; }
.notice-link { position: relative; }
.notice-link b { position: absolute; right: -11px; top: 12px; min-width: 16px; height: 16px; padding: 0 4px; display: grid; place-items: center; border-radius: 9px; background: var(--ui-danger); color: #fff; font-size: 8px; line-height: 1; }
.mobile-search { display: grid !important; grid-template-columns: 1fr auto; gap: 5px; margin-bottom: 5px !important; }
.mobile-search input { min-width: 0; height: 38px; margin: 0; padding: 8px 9px; font-size: 10px; }
.mobile-search button { padding: 0 10px; border: 0; border-radius: 6px; background: var(--ui-dark); color: #fff; font-size: 10px; }

/* Markdown and article refinements */
.article-prose > h1 { font-size: clamp(22px, 2vw, 27px); line-height: 1.45; }
.article-cover { width: 100%; max-height: 460px; margin: 28px 0 4px; display: block; border-radius: 10px; object-fit: cover; aspect-ratio: 16 / 9; }
.markdown-body { white-space: normal !important; }
.markdown-body > :first-child { margin-top: 0; }
.markdown-body > :last-child { margin-bottom: 0; }
.markdown-body p { margin: 0 0 1.25em; }
.markdown-body h2 { margin: 2.1em 0 .75em; font-size: 1.42em; line-height: 1.45; letter-spacing: -.015em; }
.markdown-body h3 { margin: 1.8em 0 .65em; font-size: 1.18em; line-height: 1.5; }
.markdown-body ul, .markdown-body ol { margin: 0 0 1.3em; padding-left: 1.4em; }
.markdown-body li { margin: .35em 0; }
.markdown-body blockquote { margin: 1.5em 0; padding: .9em 1.1em; border-left: 3px solid var(--ui-accent); background: var(--ui-surface-soft); color: #53615a; }
.markdown-body code { padding: .16em .38em; border-radius: 4px; background: #edf1ee; color: #25312b; font: .9em/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }
.markdown-body pre { max-width: 100%; margin: 1.5em 0; padding: 18px; overflow-x: auto; border-radius: 9px; background: #121b16; color: #e4ebe7; line-height: 1.65; }
.markdown-body pre code { padding: 0; background: transparent; color: inherit; }
.markdown-body a { color: var(--ui-accent-strong); text-decoration: underline; text-underline-offset: 3px; }
.markdown-body hr { margin: 2em 0; }
.report-box, .author-report { border: 1px solid var(--ui-line); border-radius: 9px; background: #fff; }
.report-box summary, .author-report summary { padding: 11px 13px; color: var(--ui-muted); font-size: 10px; font-weight: 700; cursor: pointer; }
.report-box form, .author-report form { padding: 0 12px 12px; }
.report-box textarea, .author-report input { min-height: 74px; margin: 0 0 8px; font-size: 11px; }
.report-box .btn, .author-report .btn { width: 100%; min-height: 35px; padding: 7px 10px; }
.post-sidebar .report-box { margin: 0; }

/* Editor */
.editor-shell { width: var(--ui-shell); margin: 30px auto 90px; }
.editor-heading { min-height: 150px; padding: 30px 36px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border: 1px solid var(--ui-line); border-radius: 16px; background: linear-gradient(125deg, #fff, #f3f8e8); }
.editor-heading h1 { margin: 7px 0 5px; font-size: 34px; line-height: 1.2; letter-spacing: -.04em; }
.editor-heading p { margin: 0; color: var(--ui-muted); font-size: 12px; }
.editor-back { color: var(--ui-accent-strong); font-size: 11px; font-weight: 700; }
.editor-form { margin-top: 18px; display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 18px; align-items: start; }
.editor-main, .editor-settings > section { border: 1px solid var(--ui-line); border-radius: 13px; background: #fff; }
.editor-main { padding: 28px 30px; }
.editor-main label { display: block; margin: 0 0 20px; }
.editor-main label > span, .editor-settings label > span { display: block; margin-bottom: 7px; color: #3e4a44; font-size: 10px; font-weight: 750; }
.editor-main input, .editor-main textarea { margin: 0; }
.editor-main .title-field input { padding: 8px 0 14px; border: 0; border-bottom: 1px solid var(--ui-line); border-radius: 0; box-shadow: none; font-size: 26px; font-weight: 750; letter-spacing: -.025em; }
.editor-main .title-field input:focus { border-color: var(--ui-accent-strong); }
.markdown-toolbar { margin: 4px 0 0; padding: 9px 11px; display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--ui-line); border-bottom: 0; border-radius: 8px 8px 0 0; background: var(--ui-surface-soft); }
.markdown-toolbar > span { color: var(--ui-muted); font-size: 10px; font-weight: 700; }
.markdown-toolbar > div { display: flex; gap: 4px; }
.markdown-toolbar button { min-height: 29px; padding: 4px 8px; border: 1px solid transparent; border-radius: 5px; background: transparent; color: #4c5952; font-size: 10px; font-weight: 750; cursor: pointer; }
.markdown-toolbar button:hover { border-color: var(--ui-line); background: #fff; }
.body-field textarea { min-height: 570px; margin: 0; padding: 18px; border-radius: 0 0 8px 8px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; line-height: 1.8; }
.rich-editor-label { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 11px 14px; border: 1px solid var(--ui-line-strong); border-bottom: 0; border-radius: 8px 8px 0 0; background: #f5f7f4; color: var(--ui-ink); }
.rich-editor-label span { font-size: 13px; font-weight: 700; }
.rich-editor-label small { color: var(--ui-muted); font-size: 11px; }
.body-field .tox-tinymce { border: 1px solid var(--ui-line-strong); border-radius: 0 0 8px 8px; box-shadow: none; }
.body-field .tox .tox-editor-header { box-shadow: 0 1px 0 var(--ui-line); }
.body-field .tox .tox-statusbar { border-top-color: var(--ui-line); }
.editor-counter { display: flex; justify-content: space-between; color: var(--ui-faint); font-size: 9px; }
.editor-settings { position: sticky; top: 140px; display: flex; flex-direction: column; gap: 12px; }
.editor-settings > section { padding: 20px; }
.editor-settings h2 { margin: 0 0 14px; font-size: 15px; }
.editor-settings label { display: block; margin: 12px 0 0; }
.editor-settings label small { display: block; margin-top: 6px; color: var(--ui-faint); font-size: 9px; line-height: 1.55; }
.cover-uploader img { width: 100%; aspect-ratio: 16/9; display: block; border-radius: 7px; object-fit: cover; }
.cover-uploader input[type=file] { padding: 8px; font-size: 10px; }
.cover-uploader small, .editor-publish small { display: block; margin-top: 7px; color: var(--ui-faint); font-size: 9px; line-height: 1.6; }
.editor-section-intro { margin: -4px 0 12px; color: var(--ui-muted); font-size: 9px; line-height: 1.55; }
.editor-promotion-list { display: grid; gap: 8px; }
.editor-promotion-row { padding: 10px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 7px; border: 1px solid var(--ui-line); border-radius: 8px; background: var(--ui-surface-soft); }
.editor-promotion-row > div { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.editor-promotion-row b { font-size: 10px; }
.editor-promotion-row small { color: var(--ui-faint); font-size: 9px; white-space: nowrap; }
.editor-promotion-row select { grid-column: 1/-1; min-width: 0; height: 34px; margin: 0; font-size: 9px; }
.editor-promotion-row .btn { grid-column: 2; min-width: 58px; min-height: 31px; padding: 5px 9px; font-size: 9px; }
.editor-promotion-order { margin-top: 10px; padding-top: 10px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; border-top: 1px solid var(--ui-line); }
.editor-promotion-order label { margin: 0; }
.editor-promotion-order label > span { margin-bottom: 4px; font-size: 8px; }
.editor-promotion-order input { min-width: 0; height: 34px; margin: 0; padding: 6px; text-align: center; }
.editor-promotion-order input:disabled { background: #f1f3f1; color: var(--ui-faint); cursor: not-allowed; }
.editor-promotion-order .btn { grid-column: 1/-1; min-height: 33px; padding: 6px 9px; font-size: 9px; }
.editor-promotion-note { margin: 0; padding: 12px; border: 1px solid var(--ui-line); border-radius: 8px; background: var(--ui-surface-soft); color: var(--ui-muted); font-size: 10px; line-height: 1.7; }
.detached-action-form { display: none !important; }
.editor-publish { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.editor-publish .editor-primary-action { grid-column: 1/-1; }
.editor-publish small { grid-column: 1/-1; }

/* Search, creator dashboard and inbox */
.search-page, .creator-dashboard, .inbox-page { width: min(1000px, calc(100% - 48px)); margin: 30px auto 90px; }
.search-page > header, .dashboard-hero, .inbox-page > header { padding: 34px 38px; border: 1px solid var(--ui-line); border-radius: 15px; background: #fff; }
.search-page > header h1, .dashboard-hero h1, .inbox-page > header h1 { margin: 7px 0 7px; font-size: 34px; line-height: 1.2; letter-spacing: -.04em; }
.search-page > header p, .dashboard-hero p, .inbox-page > header p { margin: 0; color: var(--ui-muted); font-size: 12px; }
.search-page > header form { margin: 22px 0 12px; display: grid; grid-template-columns: 1fr 96px; gap: 8px; }
.search-page > header input { height: 46px; margin: 0; }
.search-results { margin-top: 15px; overflow: hidden; border: 1px solid var(--ui-line); border-radius: 13px; background: #fff; }
.search-results > article { min-height: 120px; padding: 22px 25px; display: grid; grid-template-columns: 80px minmax(0, 1fr) 32px; gap: 18px; align-items: center; border-bottom: 1px solid var(--ui-line); }
.search-results > article:last-child { border-bottom: 0; }
.search-results > article:hover { background: #fbfcfb; }
.search-results > article > span { justify-self: start; padding: 4px 8px; border-radius: 12px; background: var(--ui-accent-soft); color: var(--ui-accent-strong); font-size: 9px; font-weight: 750; }
.search-results h2 { margin: 0 0 4px; font-size: 17px; line-height: 1.45; }
.search-results p { margin: 0 0 5px; color: var(--ui-muted); font-size: 11px; }
.search-results small { color: var(--ui-faint); font-size: 9px; }
.search-results > article > a { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: var(--ui-surface-soft); color: var(--ui-accent-strong); }
.dashboard-hero { display: flex; align-items: center; justify-content: space-between; }
.dashboard-stats { margin: 14px 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.dashboard-stats span { padding: 19px 22px; display: flex; align-items: baseline; gap: 8px; border: 1px solid var(--ui-line); border-radius: 10px; background: #fff; }
.dashboard-stats b { font-size: 24px; }
.dashboard-stats small { color: var(--ui-muted); font-size: 10px; }
.dashboard-list { overflow: hidden; border: 1px solid var(--ui-line); border-radius: 13px; background: #fff; }
.dashboard-list > header { padding: 22px 25px; display: flex; align-items: flex-end; justify-content: space-between; border-bottom: 1px solid var(--ui-line); }
.dashboard-list > header h2 { margin: 5px 0 0; font-size: 20px; }
.dashboard-list > header small { color: var(--ui-faint); font-size: 10px; }
.dashboard-list > article { padding: 21px 25px; display: flex; align-items: center; justify-content: space-between; gap: 22px; border-bottom: 1px solid var(--ui-line); }
.dashboard-list > article:last-child { border-bottom: 0; }
.dashboard-list article > div { min-width: 0; }
.dashboard-list h3 { margin: 7px 0 4px; font-size: 16px; }
.dashboard-list p { margin: 0 0 5px; color: var(--ui-muted); font-size: 11px; }
.dashboard-list small { color: var(--ui-faint); font-size: 9px; }
.dashboard-list nav { flex: 0 0 auto; display: flex; gap: 6px; }
.dashboard-list nav a { padding: 6px 9px; border: 1px solid var(--ui-line); border-radius: 6px; color: #4c5952; font-size: 9px; font-weight: 700; }
.status-pill { padding: 4px 8px; display: inline-flex; border-radius: 12px; background: #edf1ee; color: #58655e; font-size: 9px; font-weight: 750; }
.status-published, .status-active { background: var(--ui-accent-soft); color: #58750f; }
.status-pending { background: #fff3d4; color: #7d5b0a; }
.status-rejected, .status-suspended { background: #fff0ee; color: #963d31; }
.preview-banner { width: min(960px, calc(100% - 48px)); margin: 24px auto 0; padding: 12px 17px; display: flex; justify-content: space-between; gap: 15px; border: 1px solid #d5e1ba; border-radius: 8px; background: #f4f8e9; }
.preview-banner b, .preview-banner span { display: block; }
.preview-banner b { font-size: 11px; }
.preview-banner span { color: var(--ui-muted); font-size: 9px; }
.preview-banner a { color: var(--ui-accent-strong); font-size: 10px; font-weight: 700; }
.preview-prose { width: min(960px, calc(100% - 48px)); margin: 14px auto 90px; padding: 48px 54px; border: 1px solid var(--ui-line); border-radius: 15px; background: #fff; }
.preview-prose h1 { margin: 13px 0 8px; font-size: 28px; line-height: 1.4; }
.preview-prose .lead { color: var(--ui-muted); }
.preview-prose .body { margin-top: 32px; font-size: 16px; line-height: 2; }
.inbox-page > header { display: flex; align-items: flex-end; justify-content: space-between; }
.inbox-page > header nav { display: flex; gap: 5px; }
.inbox-page > header nav a { padding: 7px 12px; border-radius: 6px; color: var(--ui-muted); font-size: 10px; font-weight: 700; }
.inbox-page > header nav a.is-active { background: var(--ui-dark); color: #fff; }
.notice-list, .inbox-page .message-inbox { width: 100%; margin: 14px 0 0; padding: 0; overflow: hidden; }
.notice-item { min-height: 92px; padding: 18px 22px; display: grid; grid-template-columns: 38px minmax(0,1fr) 28px; gap: 13px; align-items: center; border-bottom: 1px solid var(--ui-line); background: #fff; }
.notice-item:last-child { border-bottom: 0; }
.notice-item.is-unread, .message-inbox article.is-unread { background: #f8faF2; }
.notice-item > i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: var(--ui-dark); color: var(--ui-accent); font-size: 11px; font-style: normal; font-weight: 800; }
.notice-item small { color: var(--ui-faint); font-size: 8px; }
.notice-item h2 { margin: 3px 0 0; font-size: 14px; }
.notice-item p { margin: 1px 0 0; color: var(--ui-muted); font-size: 9px; }
.inline-report { margin-top: 8px; }
.inline-report summary { color: var(--ui-faint); font-size: 8px; cursor: pointer; }
.inline-report form { margin-top: 6px; display: grid; grid-template-columns: 1fr 70px; gap: 6px; }
.inline-report input { margin: 0; padding: 7px 9px; font-size: 10px; }
.inline-report .btn { min-height: 34px; padding: 6px 8px; }

/* Administration workspace */
.admin-shell { width: var(--ui-shell); margin: 30px auto 90px; }
.admin-hero { min-height: 170px; padding: 34px 38px; display: flex; align-items: center; justify-content: space-between; gap: 28px; border-radius: 16px; background: var(--ui-dark); color: #fff; }
.admin-hero .eyebrow { color: #c6df87; }
.admin-hero h1 { margin: 8px 0 6px; color: #fff; font-size: 34px; line-height: 1.2; letter-spacing: -.04em; }
.admin-hero p { margin: 0; color: #aeb9b3; font-size: 12px; }
.admin-seo-link { display: inline-flex; margin-top: 18px; color: var(--ui-accent); font-size: 11px; font-weight: 800; }
.admin-seo-link:hover { color: #d6ed9c; }
.admin-quick-stats { display: flex; gap: 8px; }
.admin-quick-stats span { min-width: 86px; padding: 13px; border: 1px solid #34433b; border-radius: 8px; color: #aeb9b3; font-size: 8px; text-align: center; }
.admin-quick-stats b { display: block; color: #fff; font-size: 20px; }
.admin-section { margin-top: 14px; padding: 25px; border: 1px solid var(--ui-line); border-radius: 13px; background: #fff; }
.admin-section > .section-head { margin-bottom: 16px; display: flex; align-items: flex-end; justify-content: space-between; }
.admin-section > .section-head h2 { margin: 5px 0 0; font-size: 20px; }
.admin-section > .section-head p { margin: 3px 0 0; color: var(--ui-muted); font-size: 10px; }
.admin-section > .section-head > small { color: var(--ui-faint); font-size: 9px; }
.seo-admin-hero .btn { flex: 0 0 auto; border-color: var(--ui-accent); background: var(--ui-accent); color: #172018; }
.seo-admin-note { margin-top: 14px; padding: 15px 18px; display: flex; align-items: center; flex-wrap: wrap; gap: 7px; border: 1px solid #dbe5cd; border-radius: 10px; background: #f7faf3; }
.seo-admin-note b { margin-right: 5px; font-size: 11px; }
.seo-admin-note code { padding: 4px 7px; border-radius: 5px; background: #e9f1dc; color: #587014; font-size: 9px; }
.seo-admin-note span { flex: 1 1 320px; margin-left: 8px; color: var(--ui-muted); font-size: 10px; text-align: right; }
.seo-admin-group { padding: 0; overflow: hidden; }
.seo-admin-group > summary { min-height: 92px; padding: 22px 25px; display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; list-style: none; }
.seo-admin-group > summary::-webkit-details-marker { display: none; }
.seo-admin-group > summary span { min-width: 0; display: grid; gap: 3px; }
.seo-admin-group > summary small { color: var(--ui-accent-strong); font: 700 9px ui-monospace, monospace; letter-spacing: .08em; }
.seo-admin-group > summary b { font-size: 19px; }
.seo-admin-group > summary em { color: var(--ui-muted); font-size: 10px; font-style: normal; font-weight: 400; }
.seo-admin-group > summary > i { flex: 0 0 auto; color: var(--ui-faint); font-size: 10px; font-style: normal; }
.seo-admin-group[open] > summary { border-bottom: 1px solid var(--ui-line); background: #fbfcfa; }
.seo-admin-list { padding: 14px; display: grid; gap: 11px; }
.seo-admin-item { padding: 20px; border: 1px solid var(--ui-line); border-radius: 10px; background: #fff; }
.seo-admin-item > header { margin-bottom: 15px; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.seo-admin-item > header h2 { margin: 0 0 4px; font-size: 16px; }
.seo-admin-item > header code { color: var(--ui-accent-strong); font-size: 9px; }
.seo-admin-item > header > span { color: var(--ui-faint); font-size: 9px; text-align: right; }
.seo-admin-item form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 12px; }
.seo-admin-item label { margin: 0; }
.seo-admin-item input, .seo-admin-item textarea { margin-top: 6px; }
.seo-admin-item textarea { min-height: 84px; line-height: 1.65; }
.seo-admin-item .seo-wide, .seo-form-actions { grid-column: 1/-1; }
.seo-form-actions { display: flex; justify-content: flex-end; gap: 8px; }
.seo-form-actions .btn { min-width: 118px; }
.admin-filter { display: grid; grid-template-columns: minmax(200px,1fr) 150px 90px 44px; gap: 7px; align-items: center; padding: 11px; border-radius: 9px; background: var(--ui-surface-soft); }
.admin-filter input, .admin-filter select { height: 40px; margin: 0; }
.admin-filter > a { color: var(--ui-muted); font-size: 9px; text-align: center; }
.batch-toolbar { margin: 10px 0; padding: 9px 11px; display: flex; align-items: center; gap: 7px; border: 1px solid var(--ui-line); border-radius: 8px; }
.batch-toolbar span { margin-right: auto; color: var(--ui-muted); font-size: 9px; }
.batch-toolbar .btn { min-height: 34px; padding: 6px 10px; font-size: 9px; }
.admin-shell .admin-list { width: 100%; margin: 0; }
.admin-shell .admin-list > article { position: relative; grid-template-columns: 22px minmax(0,1fr) 160px; gap: 15px; padding: 21px; }
.admin-check { margin: 3px 0 0; }
.admin-check input { width: 16px; height: 16px; margin: 0; accent-color: var(--ui-accent-strong); }
.admin-tags { display: flex; flex-wrap: wrap; gap: 4px; }
.admin-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.admin-grid .admin-section { min-width: 0; }
.admin-comments, .admin-links { width: auto; margin: 14px 0 0; padding: 25px; }
.admin-grid .admin-comments { margin: 14px 0 0; }
.admin-reports > article, .admin-users > article { padding: 15px 0; display: flex; justify-content: space-between; align-items: center; gap: 14px; border-bottom: 1px solid var(--ui-line); }
.admin-reports > article:last-child, .admin-users > article:last-child { border-bottom: 0; }
.admin-reports h3, .admin-users h3 { margin: 6px 0 3px; font-size: 13px; }
.admin-reports p, .admin-users p { margin: 0 0 3px; color: var(--ui-muted); font-size: 10px; }
.admin-reports small, .admin-users small { color: var(--ui-faint); font-size: 8px; }
.admin-reports .admin-actions { min-width: 112px; }
.admin-users > article > div:last-child { flex: 0 0 auto; display: grid; justify-items: end; gap: 6px; }
.admin-users .btn { min-height: 33px; padding: 6px 9px; font-size: 9px; }
.admin-circles > a { padding: 13px 0; display: grid; grid-template-columns: 34px minmax(0,1fr) 20px; gap: 10px; align-items: center; border-bottom: 1px solid var(--ui-line); }
.admin-circles > a:last-child { border-bottom: 0; }
.admin-circles > a > i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 7px; background: var(--ui-dark); color: var(--ui-accent); font-style: normal; font-weight: 800; }
.admin-circles h3 { margin: 0; font-size: 12px; }
.admin-circles p { margin: 2px 0 0; color: var(--ui-muted); font-size: 9px; }
.admin-ad-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.admin-ad-item { min-width: 0; padding: 18px; border: 1px solid var(--ui-line); border-radius: 11px; background: var(--ui-surface-soft); }
.admin-ad-item > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.admin-ad-item > header small { color: var(--ui-faint); font-size: 8px; }
.admin-ad-item > header h3 { margin: 2px 0 0; font-size: 15px; }
.admin-ad-preview { width: 100%; aspect-ratio: 2/1; margin-top: 14px; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--ui-line); border-radius: 9px; background: #fff; }
.admin-ad-preview img { width: 100%; height: 100%; display: block; object-fit: cover; }
.admin-ad-preview.is-empty { border-style: dashed; color: var(--ui-muted); font-size: 11px; text-align: center; }
.admin-ad-preview.is-empty small { color: var(--ui-faint); font-size: 8px; }
.admin-ad-form { margin-top: 14px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.admin-ad-form label { min-width: 0; margin: 0; color: var(--ui-muted); font-size: 9px; }
.admin-ad-form label:first-child, .admin-ad-form > .btn { grid-column: 1/-1; }
.admin-ad-form label > span { display: block; margin-bottom: 5px; color: var(--ui-ink); font-weight: 700; }
.admin-ad-form input { width: 100%; min-width: 0; margin: 0; }
.admin-ad-form input[type="file"] { padding: 8px; background: #fff; font-size: 9px; }
.admin-ad-form label > small { display: block; margin-top: 4px; color: var(--ui-faint); font-size: 8px; }
.admin-ad-actions { margin-top: 9px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.admin-ad-actions form, .admin-ad-actions .btn { width: 100%; }
.admin-ad-actions .btn { min-height: 38px; padding: 8px 10px; font-size: 10px; }
.admin-ad-actions .btn:disabled { opacity: .42; cursor: not-allowed; }
.audit-table > div { padding: 10px 0; display: grid; grid-template-columns: 130px 90px 160px minmax(0,1fr); gap: 10px; align-items: center; border-bottom: 1px solid var(--ui-line); font-size: 9px; }
.audit-table time { color: var(--ui-faint); }
.audit-table span { color: var(--ui-accent-strong); font-family: ui-monospace, monospace; }
.audit-table p { margin: 0; color: var(--ui-muted); }

.author-report { width: var(--ui-shell); margin: 10px auto 0; }
.author-report form { display: grid; grid-template-columns: 1fr 110px; gap: 7px; }
.author-report input { min-height: 40px; margin: 0; }
.author-report .btn { min-height: 40px; }

@media (max-width: 1180px) {
  .header-search { display: none; }
  .media-header .brand { margin-right: 30px; }
  .media-header .account-nav { gap: 12px; }
}

@media (max-width: 900px) {
  .media-header .account-nav { display: none; }
  .mobile-menu { margin-right: 0; }
  .mobile-menu > nav { width: min(300px, calc(100vw - 32px)); max-height: calc(100vh - 90px); overflow-y: auto; }
  .editor-form { grid-template-columns: 1fr; }
  .editor-settings { position: static; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .editor-settings .editor-promotion { grid-column: 1/-1; }
  .editor-settings .editor-publish { grid-column: 1/-1; }
  .admin-grid { grid-template-columns: 1fr; gap: 0; }
  .admin-ad-grid { grid-template-columns: 1fr; }
  .admin-quick-stats { display: none; }
  .admin-shell .admin-list > article { grid-template-columns: 22px minmax(0,1fr); }
  .admin-shell .admin-list > article > .admin-actions { grid-column: 2; }
  .audit-table > div { grid-template-columns: 110px 80px 1fr; }
  .audit-table p { grid-column: 1/-1; }
}

@media (max-width: 720px) {
  .article-prose > h1 { font-size: 21px; }
  .article-cover { margin-top: 20px; border-radius: 7px; }
  .editor-shell, .search-page, .creator-dashboard, .inbox-page, .admin-shell { width: var(--ui-shell); margin-top: 14px; }
  .editor-heading, .search-page > header, .dashboard-hero, .inbox-page > header, .admin-hero { padding: 25px 20px; border-radius: 12px; }
  .editor-heading { display: block; }
  .editor-heading h1, .search-page > header h1, .dashboard-hero h1, .inbox-page > header h1, .admin-hero h1 { font-size: 27px; }
  .editor-back { display: inline-block; margin-top: 15px; }
  .editor-main { padding: 20px 15px; }
  .editor-main .title-field input { font-size: 21px; }
  .markdown-toolbar { align-items: flex-start; gap: 8px; }
  .markdown-toolbar > span { display: none; }
  .markdown-toolbar > div { flex-wrap: wrap; }
  .body-field textarea { min-height: 430px; padding: 14px; }
  .editor-settings { display: flex; }
  .search-page > header form { grid-template-columns: 1fr 76px; }
  .search-results > article { grid-template-columns: 1fr 24px; gap: 9px; padding: 18px 16px; }
  .search-results > article > span { grid-column: 1/-1; }
  .search-results p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .dashboard-hero { display: block; }
  .dashboard-hero .btn { margin-top: 16px; }
  .dashboard-stats { grid-template-columns: repeat(2,1fr); }
  .dashboard-stats span { padding: 14px 16px; }
  .dashboard-list > article { align-items: flex-start; padding: 18px 16px; flex-direction: column; }
  .dashboard-list nav { flex-wrap: wrap; }
  .preview-banner, .preview-prose { width: var(--ui-shell); }
  .preview-banner { align-items: flex-start; }
  .preview-prose { padding: 28px 20px; }
  .preview-prose h1 { font-size: 22px; }
  .inbox-page > header { display: block; }
  .inbox-page > header nav { margin-top: 16px; }
  .notice-item { grid-template-columns: 34px minmax(0,1fr); padding: 16px; }
  .notice-item > span { display: none; }
  .admin-hero { display: block; }
  .seo-admin-hero .btn { margin-top: 20px; }
  .seo-admin-note { align-items: flex-start; }
  .seo-admin-note span { flex-basis: 100%; margin: 5px 0 0; text-align: left; }
  .seo-admin-group { padding: 0; }
  .seo-admin-group > summary { min-height: 80px; padding: 18px 15px; }
  .seo-admin-group > summary em { display: none; }
  .seo-admin-list { padding: 9px; }
  .seo-admin-item { padding: 16px 13px; }
  .seo-admin-item > header { display: block; }
  .seo-admin-item > header > span { display: block; margin-top: 5px; text-align: left; }
  .seo-admin-item form { grid-template-columns: 1fr; }
  .seo-admin-item .seo-wide, .seo-form-actions { grid-column: 1; }
  .admin-section { padding: 18px 14px; }
  .admin-filter { grid-template-columns: 1fr 110px; }
  .admin-filter .btn, .admin-filter > a { min-height: 36px; }
  .batch-toolbar { flex-wrap: wrap; }
  .batch-toolbar span { width: 100%; flex-basis: 100%; }
  .admin-shell .admin-list > article { padding: 17px 13px; }
  .metadata-form { grid-template-columns: 1fr; }
  .admin-ad-form { grid-template-columns: 1fr; }
  .admin-ad-form label:first-child, .admin-ad-form > .btn { grid-column: auto; }
  .admin-ad-actions { grid-template-columns: 1fr; }
  .friend-link-create, .friend-link-admin-list article { padding: 13px; }
  .audit-table > div { grid-template-columns: 1fr 1fr; }
  .audit-table span, .audit-table p { grid-column: 1/-1; }
  .author-report form { grid-template-columns: 1fr; }
  .admin-section.seo-admin-group { padding: 0; }
}

/* Administration workspace shell
   Scoped to the new workspace so public pages keep their existing layout. */
.admin-layout .channel-bar { display: none; }
.admin-workspace {
  width: var(--ui-shell);
  margin: 30px auto 90px;
  display: grid;
  grid-template-columns: clamp(216px, 16vw, 228px) minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}
.admin-shell.admin-workspace { width: var(--ui-shell); }
.admin-shell > .admin-workspace { width: 100%; margin: 0; }
.admin-workspace .admin-sidebar,
.admin-workspace .admin-content,
.admin-workspace .admin-panel,
.admin-workspace .admin-panel-body,
.admin-workspace .admin-list,
.admin-workspace .admin-copy,
.admin-workspace .admin-grid,
.admin-workspace .admin-ad-grid { min-width: 0; }

.admin-workspace .admin-sidebar {
  position: sticky;
  top: 88px;
  max-height: calc(100vh - 112px);
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--ui-line);
  border-radius: 13px;
  background: var(--ui-surface);
  box-shadow: 0 10px 32px rgba(22, 35, 28, .045);
  scrollbar-width: thin;
  scrollbar-color: var(--ui-line-strong) transparent;
}
.admin-workspace .admin-sidebar-head,
.admin-workspace .admin-sidebar-brand {
  padding: 22px 19px 18px;
  border-bottom: 1px solid var(--ui-line);
  background: linear-gradient(145deg, #111a16 0%, #1b2922 100%);
  color: #fff;
}
.admin-workspace .admin-sidebar-head small,
.admin-workspace .admin-sidebar-head > span,
.admin-workspace .admin-sidebar-brand small {
  display: block;
  color: #b9d879;
  font: 750 9px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.admin-workspace .admin-sidebar-head h2,
.admin-workspace .admin-sidebar-head strong,
.admin-workspace .admin-sidebar-head > a,
.admin-workspace .admin-sidebar-brand > a {
  display: block;
  margin: 7px 0 0;
  color: #fff;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: -.025em;
}
.admin-workspace .admin-sidebar-head > a,
.admin-workspace .admin-sidebar-brand > a { font: 820 19px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: -.045em; }
.admin-workspace .admin-sidebar-head small,
.admin-workspace .admin-sidebar-brand small { margin-top: 6px; }
.admin-workspace .admin-sidebar-head p {
  margin: 5px 0 0;
  color: #95a49c;
  font-size: 9px;
  line-height: 1.6;
}
.admin-workspace .admin-sidebar nav { padding: 8px; }
.admin-workspace .admin-nav-group { padding: 8px 0; }
.admin-workspace .admin-nav-group + .admin-nav-group { border-top: 1px solid var(--ui-line); }
.admin-workspace .admin-nav-title {
  display: block;
  padding: 2px 10px 7px;
  color: var(--ui-faint);
  font: 750 8px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.admin-workspace .admin-nav-group > span {
  display: block;
  padding: 2px 10px 7px;
  color: var(--ui-faint);
  font: 750 8px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.admin-workspace .admin-nav-link {
  position: relative;
  min-height: 42px;
  margin: 1px 0;
  padding: 9px 10px 9px 13px;
  display: flex;
  align-items: center;
  gap: 10px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #536059;
  font-size: 11px;
  font-weight: 680;
  line-height: 1.3;
}
.admin-workspace .admin-nav-group > a {
  position: relative;
  min-height: 42px;
  margin: 1px 0;
  padding: 9px 10px 9px 13px;
  display: flex;
  align-items: center;
  gap: 10px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #536059;
  font-size: 11px;
  font-weight: 680;
  line-height: 1.3;
}
.admin-workspace .admin-nav-link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  bottom: 9px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--ui-accent-strong);
  opacity: 0;
}
.admin-workspace .admin-nav-group > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  bottom: 9px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--ui-accent-strong);
  opacity: 0;
}
.admin-workspace .admin-nav-link > i,
.admin-workspace .admin-nav-link > svg {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  color: var(--ui-faint);
  font-style: normal;
}
.admin-workspace .admin-nav-link:hover {
  border-color: #e4eadf;
  background: var(--ui-surface-soft);
  color: var(--ui-ink);
}
.admin-workspace .admin-nav-group > a:hover {
  border-color: #e4eadf;
  background: var(--ui-surface-soft);
  color: var(--ui-ink);
}
.admin-workspace .admin-nav-link[aria-current="page"],
.admin-workspace .admin-nav-link.is-active,
.admin-workspace .admin-nav-link.active,
.admin-workspace .admin-nav-group > a[aria-current="page"],
.admin-workspace .admin-nav-group > a.is-active,
.admin-workspace .admin-nav-group > a.active {
  border-color: #dce8c4;
  background: var(--ui-accent-soft);
  color: #40550f;
  font-weight: 760;
}
.admin-workspace .admin-nav-link[aria-current="page"]::before,
.admin-workspace .admin-nav-link.is-active::before,
.admin-workspace .admin-nav-link.active::before,
.admin-workspace .admin-nav-group > a[aria-current="page"]::before,
.admin-workspace .admin-nav-group > a.is-active::before,
.admin-workspace .admin-nav-group > a.active::before { opacity: 1; }
.admin-workspace .admin-nav-link[aria-current="page"] > i,
.admin-workspace .admin-nav-link[aria-current="page"] > svg,
.admin-workspace .admin-nav-link.is-active > i,
.admin-workspace .admin-nav-link.is-active > svg,
.admin-workspace .admin-nav-link.active > i,
.admin-workspace .admin-nav-link.active > svg { color: var(--ui-accent-strong); }
.admin-workspace .admin-nav-badge {
  min-width: 21px;
  height: 19px;
  margin-left: auto;
  padding: 0 6px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--ui-line);
  border-radius: 10px;
  background: #fff;
  color: var(--ui-muted);
  font: 750 8px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}
.admin-workspace .admin-nav-link[aria-current="page"] .admin-nav-badge,
.admin-workspace .admin-nav-link.is-active .admin-nav-badge,
.admin-workspace .admin-nav-link.active .admin-nav-badge {
  border-color: #cbdba7;
  background: rgba(255, 255, 255, .68);
  color: #526d12;
}
.admin-workspace .admin-sidebar > footer {
  padding: 11px 12px;
  border-top: 1px solid var(--ui-line);
}
.admin-workspace .admin-sidebar > footer a {
  min-height: 36px;
  padding: 7px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 7px;
  color: var(--ui-muted);
  font-size: 9px;
  font-weight: 700;
}
.admin-workspace .admin-sidebar > footer a:hover { background: var(--ui-surface-soft); color: var(--ui-ink); }
.admin-workspace .admin-sidebar-footer > span,
.admin-workspace .admin-sidebar-footer > b { display: block; padding: 0 8px; }
.admin-workspace .admin-sidebar-footer > span { color: var(--ui-faint); font-size: 8px; }
.admin-workspace .admin-sidebar-footer > b { margin: 2px 0 8px; color: var(--ui-ink); font-size: 10px; }
.admin-workspace .admin-mobile-nav { display: none; }

.admin-workspace .admin-content { width: 100%; }
.admin-workspace .admin-content > :first-child { margin-top: 0; }
.admin-workspace .admin-page-head {
  position: relative;
  min-height: 164px;
  padding: 32px 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  overflow: hidden;
  border: 1px solid #26372e;
  border-radius: 16px;
  background: linear-gradient(135deg, #111a16 0%, #1b2922 100%);
  color: #fff;
}
.admin-workspace .admin-page-head::after {
  content: "";
  position: absolute;
  right: -58px;
  top: -86px;
  width: 230px;
  height: 230px;
  border: 1px solid rgba(155, 197, 42, .13);
  border-radius: 50%;
  box-shadow: 0 0 0 34px rgba(155, 197, 42, .025), 0 0 0 72px rgba(155, 197, 42, .018);
  pointer-events: none;
}
.admin-workspace .admin-page-head > * { position: relative; z-index: 1; min-width: 0; }
.admin-workspace .admin-page-head .eyebrow,
.admin-workspace .admin-page-eyebrow { color: #c2dd85; }
.admin-workspace .admin-page-head h1 {
  margin: 8px 0 6px;
  color: #fff;
  font-size: clamp(29px, 3vw, 36px);
  line-height: 1.18;
  letter-spacing: -.045em;
}
.admin-workspace .admin-page-head p {
  max-width: 620px;
  margin: 0;
  color: #aeb9b3;
  font-size: 11px;
  line-height: 1.75;
}
.admin-workspace .admin-page-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}
.admin-workspace .admin-page-actions .btn { min-height: 40px; }
.admin-workspace .admin-page-actions .btn.ghost {
  border-color: #425249;
  background: rgba(255, 255, 255, .04);
  color: #fff;
}
.admin-workspace .admin-page-actions .btn.ghost:hover { border-color: #687a70; background: rgba(255, 255, 255, .08); }
.admin-workspace .admin-page-head > .btn { position: relative; z-index: 1; flex: 0 0 auto; }
.admin-workspace .admin-page-head > .btn:not(.ghost) { border-color: var(--ui-accent); background: var(--ui-accent); color: #172018; }
.admin-workspace .admin-page-head > .btn.ghost { border-color: #425249; background: rgba(255, 255, 255, .04); color: #fff; }
.admin-workspace .admin-page-head > .btn.ghost:hover { border-color: #687a70; background: rgba(255, 255, 255, .08); }

.admin-workspace .admin-metrics {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.admin-workspace .admin-metric {
  min-height: 104px;
  padding: 17px 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--ui-line);
  border-radius: 11px;
  background: #fff;
  box-shadow: 0 7px 22px rgba(22, 35, 28, .028);
}
.admin-workspace .admin-metric > span,
.admin-workspace .admin-metric > small { color: var(--ui-muted); font-size: 9px; }
.admin-workspace .admin-metric strong,
.admin-workspace .admin-metric b {
  color: var(--ui-ink);
  font: 820 25px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: -.055em;
}
.admin-workspace .admin-metric footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: var(--ui-faint);
  font-size: 8px;
}
.admin-workspace .admin-page-head .admin-metrics { width: min(390px, 46%); margin: 0; }
.admin-workspace .admin-page-head .admin-metric {
  min-height: 78px;
  padding: 13px 14px;
  border-color: #34463c;
  background: rgba(255, 255, 255, .035);
  box-shadow: none;
}
.admin-workspace .admin-page-head .admin-metric > span,
.admin-workspace .admin-page-head .admin-metric > small { color: #9fada5; }
.admin-workspace .admin-page-head .admin-metric strong,
.admin-workspace .admin-page-head .admin-metric b { color: #fff; font-size: 20px; }

.admin-workspace .admin-shortcuts {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}
.admin-workspace .admin-shortcut {
  min-height: 96px;
  padding: 16px 17px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid var(--ui-line);
  border-radius: 11px;
  background: var(--ui-surface);
  color: var(--ui-ink);
}
.admin-workspace .admin-shortcut:hover {
  transform: translateY(-2px);
  border-color: #cbd8d0;
  box-shadow: 0 12px 30px rgba(22, 35, 28, .065);
}
.admin-workspace .admin-shortcut > div { min-width: 0; }
.admin-workspace .admin-shortcut small { color: var(--ui-accent-strong); font: 750 8px/1.3 ui-monospace, monospace; letter-spacing: .1em; }
.admin-workspace .admin-shortcut b { display: block; margin-top: 7px; font-size: 13px; }
.admin-workspace .admin-shortcut p { margin: 3px 0 0; color: var(--ui-muted); font-size: 9px; }
.admin-workspace .admin-shortcut > span { flex: 0 0 auto; color: var(--ui-accent-strong); font-size: 17px; }

/* Current overview and workflow template aliases. */
.admin-workspace .admin-overview-stats {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.admin-workspace .admin-overview-stats > a {
  min-height: 112px;
  padding: 17px 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 8px;
  border: 1px solid var(--ui-line);
  border-radius: 11px;
  background: #fff;
  box-shadow: 0 7px 22px rgba(22, 35, 28, .028);
}
.admin-workspace .admin-overview-stats > a:hover {
  transform: translateY(-2px);
  border-color: #cbd8d0;
  box-shadow: 0 12px 30px rgba(22, 35, 28, .065);
}
.admin-workspace .admin-overview-stats span { color: var(--ui-muted); font-size: 9px; }
.admin-workspace .admin-overview-stats b { color: var(--ui-ink); font: 820 26px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: -.055em; }
.admin-workspace .admin-overview-stats small { color: var(--ui-accent-strong); font-size: 8px; font-weight: 750; }
.admin-workspace .admin-action-grid {
  padding: 20px 22px 22px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.admin-workspace .admin-action-grid > a {
  min-height: 108px;
  padding: 17px 18px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  border: 1px solid var(--ui-line);
  border-radius: 10px;
  background: var(--ui-surface-soft);
}
.admin-workspace .admin-action-grid > a:hover { transform: translateY(-2px); border-color: #cbd8d0; background: #fff; box-shadow: 0 10px 26px rgba(22, 35, 28, .055); }
.admin-workspace .admin-action-grid small { color: var(--ui-accent-strong); font: 750 8px/1.3 ui-monospace, monospace; letter-spacing: .1em; }
.admin-workspace .admin-action-grid b { margin-top: 8px; font-size: 14px; }
.admin-workspace .admin-action-grid span { margin-top: 3px; color: var(--ui-muted); font-size: 9px; }
.admin-workspace .admin-dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(300px, .82fr);
  gap: 14px;
}
.admin-workspace .admin-dashboard-grid > .admin-panel { min-width: 0; }

.admin-workspace .admin-panel {
  margin-top: 14px;
  overflow: hidden;
  border: 1px solid var(--ui-line);
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 8px 26px rgba(22, 35, 28, .025);
}
.admin-workspace .admin-panel-head {
  min-height: 78px;
  padding: 19px 22px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid var(--ui-line);
  background: #fbfcfb;
}
.admin-workspace .admin-panel-head > div { min-width: 0; }
.admin-workspace .admin-panel-head h2 { margin: 5px 0 0; font-size: 19px; line-height: 1.35; letter-spacing: -.025em; }
.admin-workspace .admin-panel-head p { max-width: 650px; margin: 4px 0 0; color: var(--ui-muted); font-size: 9px; }
.admin-workspace .admin-panel-head > small,
.admin-workspace .admin-panel-head > span { flex: 0 0 auto; color: var(--ui-faint); font-size: 9px; }
.admin-workspace .admin-panel-head > a { flex: 0 0 auto; color: var(--ui-accent-strong); font-size: 9px; font-weight: 750; }
.admin-workspace .admin-panel-head > a:hover { color: #4f6b0d; }
.admin-workspace .admin-panel-body { padding: 20px 22px 22px; }
.admin-workspace .admin-panel-body > :first-child { margin-top: 0; }
.admin-workspace .admin-panel-body > :last-child { margin-bottom: 0; }

.admin-workspace .admin-list { width: 100%; margin: 0; display: grid; gap: 10px; }
.admin-workspace .admin-list > article,
.admin-workspace .admin-list-item {
  min-width: 0;
  margin: 0;
  border: 1px solid var(--ui-line);
  border-radius: 10px;
  background: #fff;
  box-shadow: none;
}
.admin-workspace .admin-list > article { grid-template-columns: 22px minmax(0, 1fr) 160px; }
.admin-workspace .admin-copy h3,
.admin-workspace .admin-list-item h3 { overflow-wrap: anywhere; }
.admin-workspace .admin-copy p,
.admin-workspace .admin-list-item p { overflow-wrap: anywhere; }
.admin-workspace .admin-actions { min-width: 0; }
.admin-workspace .admin-actions form,
.admin-workspace .admin-actions .btn { max-width: 100%; }
.admin-workspace .admin-empty,
.admin-workspace .admin-list > .empty {
  min-height: 150px;
  padding: 34px 22px;
  display: grid;
  place-items: center;
  border: 1px dashed var(--ui-line-strong);
  border-radius: 10px;
  background: var(--ui-surface-soft);
  color: var(--ui-muted);
  font-size: 11px;
  text-align: center;
}
.admin-workspace .admin-empty h3 { margin: 0; font-size: 14px; }
.admin-workspace .admin-empty p { margin: 5px 0 0; color: var(--ui-muted); font-size: 9px; }

.admin-workspace .admin-panel > .admin-filter { margin: 18px 20px 0; }
.admin-workspace .admin-filter-simple { grid-template-columns: minmax(200px, 1fr) 90px 44px; }
.admin-workspace .admin-panel > .batch-toolbar { margin: 10px 20px; }
.admin-workspace .admin-panel > .admin-list { width: auto; margin: 0 20px 20px; }
.admin-workspace .admin-panel > .friend-link-create { margin: 18px 20px 0; }
.admin-workspace .admin-panel > .friend-link-admin-list { margin: 0 20px 20px; }
.admin-workspace .admin-panel > .admin-ad-grid,
.admin-workspace .admin-panel > .admin-action-grid,
.admin-workspace .admin-panel > .admin-promotion-list,
.admin-workspace .admin-panel > .admin-comment-list,
.admin-workspace .admin-panel > .admin-report-list,
.admin-workspace .admin-panel > .admin-user-list,
.admin-workspace .admin-panel > .admin-link-list,
.admin-workspace .admin-panel > .admin-circle-list,
.admin-workspace .admin-panel > .audit-table { padding: 20px 22px 22px; }
.admin-workspace .admin-panel > .admin-pagination { margin: 0 22px 22px; }

.admin-workspace .admin-home-rules {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.admin-workspace .admin-home-rules > span {
  min-height: 82px;
  padding: 15px 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--ui-line);
  border-radius: 10px;
  background: #fff;
}
.admin-workspace .admin-home-rules b { font: 800 20px/1 ui-monospace, monospace; letter-spacing: -.04em; }
.admin-workspace .admin-home-rules small { color: var(--ui-muted); font-size: 9px; }

.admin-workspace .admin-promotion-list,
.admin-workspace .admin-comment-list,
.admin-workspace .admin-report-list,
.admin-workspace .admin-user-list,
.admin-workspace .admin-link-list { display: grid; gap: 0; }
.admin-workspace .admin-promotion-list > article,
.admin-workspace .admin-comment-list > article,
.admin-workspace .admin-report-list > article,
.admin-workspace .admin-user-list > article,
.admin-workspace .admin-link-list > article {
  min-width: 0;
  padding: 18px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid var(--ui-line);
}
.admin-workspace .admin-promotion-list > article:first-child,
.admin-workspace .admin-comment-list > article:first-child,
.admin-workspace .admin-report-list > article:first-child,
.admin-workspace .admin-user-list > article:first-child,
.admin-workspace .admin-link-list > article:first-child { padding-top: 0; }
.admin-workspace .admin-promotion-list > article:last-child,
.admin-workspace .admin-comment-list > article:last-child,
.admin-workspace .admin-report-list > article:last-child,
.admin-workspace .admin-user-list > article:last-child,
.admin-workspace .admin-link-list > article:last-child { padding-bottom: 0; border-bottom: 0; }
.admin-workspace .admin-promotion-list > article > div:first-child,
.admin-workspace .admin-comment-list > article > div:first-child,
.admin-workspace .admin-report-list > article > div:first-child,
.admin-workspace .admin-user-list > article > div:first-child,
.admin-workspace .admin-link-list > article > div:first-child { min-width: 0; }
.admin-workspace .admin-promotion-list h3,
.admin-workspace .admin-comment-list h3,
.admin-workspace .admin-report-list h3,
.admin-workspace .admin-user-list h3,
.admin-workspace .admin-link-list h3 { margin: 7px 0 4px; font-size: 14px; line-height: 1.45; }
.admin-workspace .admin-promotion-list p,
.admin-workspace .admin-comment-list p,
.admin-workspace .admin-report-list p,
.admin-workspace .admin-user-list p,
.admin-workspace .admin-link-list p { margin: 0 0 4px; color: var(--ui-muted); font-size: 10px; }
.admin-workspace .admin-promotion-list small,
.admin-workspace .admin-comment-list small,
.admin-workspace .admin-report-list small,
.admin-workspace .admin-user-list small,
.admin-workspace .admin-link-list small { color: var(--ui-faint); font-size: 8px; }
.admin-workspace .admin-promotion-actions {
  width: 166px;
  flex: 0 0 166px;
  display: grid;
  gap: 7px;
}
.admin-workspace .admin-promotion-actions form,
.admin-workspace .admin-promotion-actions .btn { width: 100%; }
.admin-workspace .admin-promotion-actions .btn { min-height: 35px; padding: 7px 9px; font-size: 9px; }
.admin-workspace .admin-comment-list .admin-actions,
.admin-workspace .admin-report-list .admin-actions { flex: 0 0 130px; }
.admin-workspace .admin-user-list > article > div:last-child { flex: 0 0 auto; display: grid; justify-items: end; gap: 7px; }
.admin-workspace .admin-user-list .btn { min-height: 34px; padding: 7px 10px; font-size: 9px; }

.admin-workspace .admin-circle-list { display: grid; gap: 0; }
.admin-workspace .admin-circle-list > a {
  min-width: 0;
  padding: 14px 0;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border-bottom: 1px solid var(--ui-line);
}
.admin-workspace .admin-circle-list > a:first-child { padding-top: 0; }
.admin-workspace .admin-circle-list > a:last-child { padding-bottom: 0; border-bottom: 0; }
.admin-workspace .admin-circle-list > a > i {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: var(--ui-dark);
  color: var(--ui-accent);
  font-style: normal;
  font-weight: 800;
}
.admin-workspace .admin-circle-list h3 { margin: 0; font-size: 12px; }
.admin-workspace .admin-circle-list p { margin: 2px 0 0; color: var(--ui-muted); font-size: 9px; }
.admin-workspace .admin-circle-list small { display: block; margin-top: 3px; color: var(--ui-faint); font-size: 8px; }
.admin-workspace .admin-circle-list > a > span { color: var(--ui-accent-strong); font-size: 9px; font-weight: 750; }
.admin-workspace .audit-table > .admin-empty { grid-template-columns: minmax(0, 1fr); }
.admin-workspace .admin-pagination,
.admin-workspace .list-pagination,
.admin-workspace .reply-pagination {
  margin-top: 14px;
  border-color: var(--ui-line);
  background: var(--ui-surface-soft);
}
.admin-workspace .admin-pagination {
  min-height: 56px;
  padding: 12px 15px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--ui-line);
  border-radius: 9px;
}
.admin-workspace .admin-pagination a { color: var(--ui-accent-strong); font-size: 10px; font-weight: 750; }
.admin-workspace .admin-pagination a:last-child { text-align: right; }
.admin-workspace .admin-pagination b { color: var(--ui-faint); font-size: 9px; }
.admin-workspace [id] { scroll-margin-top: 96px; }

@media (max-width: 1180px) {
  .admin-workspace { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .admin-workspace .admin-sidebar { display: none; }
  .admin-workspace .admin-mobile-nav {
    position: sticky;
    top: 72px;
    z-index: 12;
    display: block;
    min-width: 0;
    border: 1px solid var(--ui-line);
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(22, 35, 28, .055);
  }
  .admin-workspace .admin-mobile-nav > summary {
    min-height: 50px;
    padding: 9px 13px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    list-style: none;
  }
  .admin-workspace .admin-mobile-nav > summary::-webkit-details-marker { display: none; }
  .admin-workspace .admin-mobile-nav > summary span { color: var(--ui-accent-strong); font: 750 8px/1.3 ui-monospace, monospace; letter-spacing: .1em; }
  .admin-workspace .admin-mobile-nav > summary b { min-width: 0; margin-right: auto; overflow: hidden; color: var(--ui-ink); font-size: 11px; white-space: nowrap; text-overflow: ellipsis; }
  .admin-workspace .admin-mobile-nav > summary i { flex: 0 0 auto; color: var(--ui-muted); font-size: 0; font-style: normal; }
  .admin-workspace .admin-mobile-nav > summary i::after { content: "展开"; font-size: 9px; }
  .admin-workspace .admin-mobile-nav[open] > summary i::after { content: "收起"; }
  .admin-workspace .admin-mobile-nav[open] > summary { border-bottom: 1px solid var(--ui-line); background: var(--ui-surface-soft); }
  .admin-workspace .admin-mobile-nav > nav {
    max-height: calc(100vh - 142px);
    padding: 10px;
    display: none;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .admin-workspace .admin-mobile-nav[open] > nav { display: grid; }
  .admin-workspace .admin-mobile-nav .admin-nav-group {
    min-width: 0;
    padding: 9px;
    border: 1px solid var(--ui-line);
    border-radius: 8px;
    background: #fff;
  }
  .admin-workspace .admin-mobile-nav .admin-nav-group + .admin-nav-group { border-top: 1px solid var(--ui-line); }
  .admin-workspace .admin-mobile-nav .admin-nav-group > span { padding: 0 5px 6px; }
  .admin-workspace .admin-mobile-nav .admin-nav-group > a { min-height: 37px; margin: 1px 0; padding: 7px 8px 7px 10px; font-size: 10px; }
}

@media (max-width: 900px) {
  .admin-workspace .admin-mobile-nav { top: 64px; }
  .admin-workspace .admin-mobile-nav > nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .admin-workspace .admin-page-head { padding: 28px 25px; }
  .admin-workspace .admin-page-head .admin-metrics { width: min(360px, 48%); }
  .admin-workspace .admin-overview-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-workspace .admin-dashboard-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
}

@media (max-width: 720px) {
  .admin-workspace { width: var(--ui-shell); margin-top: 14px; gap: 10px; }
  .admin-shell > .admin-workspace { width: 100%; }
  .admin-workspace .admin-mobile-nav { border-radius: 9px; }
  .admin-workspace .admin-mobile-nav > summary { min-height: 48px; padding: 8px 11px; }
  .admin-workspace .admin-mobile-nav > nav { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 8px; }
  .admin-workspace .admin-mobile-nav .admin-nav-group { padding: 7px; }
  .admin-workspace .admin-mobile-nav .admin-nav-group > a { min-height: 42px; padding: 9px 8px; font-size: 11px; }
  .admin-workspace .admin-page-head {
    min-height: 0;
    padding: 25px 20px;
    display: block;
    border-radius: 12px;
  }
  .admin-workspace .admin-page-head h1 { font-size: 27px; }
  .admin-workspace .admin-page-head::after { right: -100px; top: -125px; }
  .admin-workspace .admin-page-head > .btn { margin-top: 18px; }
  .admin-workspace .admin-page-actions { margin-top: 18px; justify-content: flex-start; }
  .admin-workspace .admin-page-actions .btn { flex: 1 1 150px; }
  .admin-workspace .admin-page-head .admin-metrics { width: 100%; margin-top: 20px; }
  .admin-workspace .admin-metrics { grid-template-columns: 1fr; }
  .admin-workspace .admin-metric { min-height: 88px; }
  .admin-workspace .admin-page-head .admin-metric { min-height: 70px; }
  .admin-workspace .admin-shortcuts { grid-template-columns: 1fr; }
  .admin-workspace .admin-shortcut { min-height: 86px; }
  .admin-workspace .admin-action-grid { padding: 14px; grid-template-columns: minmax(0, 1fr); }
  .admin-workspace .admin-action-grid > a { min-height: 94px; }
  .admin-workspace .admin-panel { border-radius: 11px; }
  .admin-workspace .admin-panel-head {
    min-height: 0;
    padding: 17px 15px;
    display: block;
  }
  .admin-workspace .admin-panel-head > small,
  .admin-workspace .admin-panel-head > span { display: block; margin-top: 7px; }
  .admin-workspace .admin-panel-body { padding: 14px; }
  .admin-workspace .admin-panel > .admin-filter { margin: 14px 14px 0; }
  .admin-workspace .admin-panel > .friend-link-create { margin: 14px 14px 0; }
  .admin-workspace .admin-panel > .friend-link-admin-list { margin: 0 14px 14px; }
  .admin-workspace .admin-panel > .batch-toolbar { margin: 9px 14px; }
  .admin-workspace .admin-panel > .admin-list { margin: 0 14px 14px; }
  .admin-workspace .admin-panel > .admin-ad-grid,
  .admin-workspace .admin-panel > .admin-action-grid,
  .admin-workspace .admin-panel > .admin-promotion-list,
  .admin-workspace .admin-panel > .admin-comment-list,
  .admin-workspace .admin-panel > .admin-report-list,
  .admin-workspace .admin-panel > .admin-user-list,
  .admin-workspace .admin-panel > .admin-link-list,
  .admin-workspace .admin-panel > .admin-circle-list,
  .admin-workspace .admin-panel > .audit-table { padding: 14px; }
  .admin-workspace .admin-panel > .admin-pagination { margin: 0 14px 14px; }
  .admin-workspace .admin-filter,
  .admin-workspace .metadata-form,
  .admin-workspace .admin-ad-form,
  .admin-workspace .seo-admin-item form,
  .admin-workspace .friend-link-create,
  .admin-workspace .friend-link-admin-list article { grid-template-columns: minmax(0, 1fr); }
  .admin-workspace .admin-filter > *,
  .admin-workspace .metadata-form > *,
  .admin-workspace .admin-ad-form > *,
  .admin-workspace .seo-admin-item form > * { min-width: 0; grid-column: 1 !important; }
  .admin-workspace .admin-list > article {
    position: relative;
    grid-template-columns: minmax(0, 1fr);
    padding: 17px 14px;
  }
  .admin-workspace .admin-list > article > .admin-check {
    position: absolute;
    right: 14px;
    top: 16px;
    margin: 0;
  }
  .admin-workspace .admin-list > article > .admin-copy { padding-right: 27px; }
  .admin-workspace .admin-list > article > .admin-actions {
    width: 100%;
    grid-column: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 7px;
  }
  .admin-workspace .admin-actions form,
  .admin-workspace .admin-actions .btn { width: 100%; }
  .admin-workspace .admin-promotion-list > article,
  .admin-workspace .admin-comment-list > article,
  .admin-workspace .admin-report-list > article,
  .admin-workspace .admin-user-list > article,
  .admin-workspace .admin-link-list > article { display: block; padding: 16px 0; }
  .admin-workspace .admin-promotion-actions,
  .admin-workspace .admin-comment-list .admin-actions,
  .admin-workspace .admin-report-list .admin-actions {
    width: 100%;
    margin-top: 12px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 7px;
  }
  .admin-workspace .admin-promotion-actions { flex-basis: auto; }
  .admin-workspace .admin-comment-list .admin-actions,
  .admin-workspace .admin-report-list .admin-actions { flex-basis: auto; }
  .admin-workspace .admin-user-list > article > div:last-child { margin-top: 11px; justify-items: start; }
  .admin-workspace .admin-user-list > article > div:last-child form,
  .admin-workspace .admin-user-list > article > div:last-child .btn { width: 100%; }
  .admin-workspace .admin-grid,
  .admin-workspace .admin-ad-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .admin-workspace .admin-grid .admin-section { margin-top: 10px; }
  .admin-workspace .admin-empty,
  .admin-workspace .admin-list > .empty { min-height: 120px; padding: 28px 16px; }
  .admin-workspace .admin-pagination,
  .admin-workspace .list-pagination,
  .admin-workspace .reply-pagination {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
  }
  .admin-workspace .admin-pagination > :first-child,
  .admin-workspace .list-pagination > :first-child,
  .admin-workspace .reply-pagination > :first-child { grid-column: 1; grid-row: 2; }
  .admin-workspace .admin-pagination > b,
  .admin-workspace .list-pagination > b,
  .admin-workspace .reply-pagination > b { grid-column: 1 / -1; grid-row: 1; text-align: center; }
  .admin-workspace .admin-pagination > :last-child,
  .admin-workspace .list-pagination > :last-child,
  .admin-workspace .reply-pagination > :last-child { grid-column: 2; grid-row: 2; text-align: right; }
  .admin-workspace .audit-table { max-width: 100%; overflow-x: auto; }
  .admin-workspace [id] { scroll-margin-top: 82px; }
}

@media (max-width: 480px) {
  .admin-workspace .admin-mobile-nav > nav { grid-template-columns: minmax(0, 1fr); }
  .admin-workspace .admin-overview-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .admin-workspace .admin-overview-stats > a { min-height: 102px; padding: 14px; }
  .admin-workspace .admin-overview-stats b { font-size: 23px; }
  .admin-workspace .admin-home-rules { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .admin-workspace .admin-home-rules > span { min-height: 68px; }
  .admin-workspace .admin-page-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .admin-workspace .admin-page-actions .btn,
  .admin-workspace .admin-page-head > .btn { width: 100%; }
}

/* Administration application shell v2
   A compact operational layout, fully isolated from public site surfaces. */
.admin-layout {
  --admin-topbar-height: 56px;
  --admin-sidebar-width: 208px;
  --admin-content-max: 1360px;
  --admin-surface: #fff;
  --admin-canvas: #f5f7f6;
  --admin-line: #dfe5e1;
  --admin-line-soft: #edf0ee;
  --admin-active: #edf4df;
  background: var(--admin-canvas);
}
.admin-layout .channel-bar,
.admin-layout > .site-footer { display: none; }
.admin-layout > main { min-height: calc(100vh - var(--admin-topbar-height)); }
.admin-layout > .media-header {
  height: var(--admin-topbar-height);
  min-height: var(--admin-topbar-height);
  padding: 0 20px;
  border-bottom: 1px solid var(--admin-line);
  background: rgba(255, 255, 255, .97);
  box-shadow: none;
  backdrop-filter: blur(14px);
}
.admin-layout > .media-header .brand {
  width: calc(var(--admin-sidebar-width) - 20px);
  flex: 0 0 calc(var(--admin-sidebar-width) - 20px);
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 20px;
  letter-spacing: -.055em;
}
.admin-layout > .media-header .brand::after {
  content: "ADMIN";
  margin-left: 4px;
  padding: 3px 6px;
  border: 1px solid #d7e3bd;
  border-radius: 4px;
  background: #f4f8ea;
  color: #5f7f13;
  font: 750 8px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .08em;
}
.admin-layout > .media-header .main-nav,
.admin-layout > .media-header .header-search,
.admin-layout > .media-header .mobile-menu { display: none; }
.admin-layout > .media-header .account-nav {
  height: 100%;
  margin-left: auto;
  display: flex;
  gap: 12px;
  font-size: 12px;
}
.admin-layout > .media-header .account-nav a,
.admin-layout > .media-header .account-nav .link { color: #55615a; }
.admin-layout > .media-header .account-nav .write-link { color: var(--ui-accent-strong); }

.admin-layout .btn {
  min-height: 36px;
  padding: 7px 12px;
  border-radius: 6px;
  font-size: 12px;
}
.admin-layout .btn:hover { transform: none; box-shadow: none; }
.admin-layout input,
.admin-layout select {
  min-height: 36px;
  margin-top: 0;
  padding: 7px 10px;
  border-radius: 6px;
  font-size: 12px;
}
.admin-layout textarea { border-radius: 6px; font-size: 12px; }

.admin-workspace {
  width: 100%;
  max-width: none;
  min-height: calc(100vh - var(--admin-topbar-height));
  margin: 0;
  display: grid;
  grid-template-columns: var(--admin-sidebar-width) minmax(0, 1fr);
  gap: 0;
  align-items: stretch;
}
.admin-shell.admin-workspace,
.admin-shell > .admin-workspace { width: 100%; margin: 0; }
.admin-workspace .admin-content {
  width: 100%;
  min-width: 0;
  padding: 22px 28px 56px;
}
.admin-workspace .admin-content > * {
  width: 100%;
  max-width: var(--admin-content-max);
  margin-inline: auto;
}

.admin-workspace .admin-sidebar {
  position: sticky;
  top: var(--admin-topbar-height);
  height: calc(100vh - var(--admin-topbar-height));
  max-height: none;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  overflow: hidden;
  border: 0;
  border-right: 1px solid var(--admin-line);
  border-radius: 0;
  background: var(--admin-surface);
  box-shadow: none;
}
.admin-workspace .admin-sidebar-head,
.admin-workspace .admin-sidebar-brand {
  min-height: 58px;
  padding: 13px 16px 11px;
  border-bottom: 1px solid var(--admin-line-soft);
  background: #fff;
  color: var(--ui-ink);
}
.admin-workspace .admin-sidebar-head > a,
.admin-workspace .admin-sidebar-brand > a {
  margin: 0;
  color: var(--ui-ink);
  font: 820 17px/1.1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: -.04em;
}
.admin-workspace .admin-sidebar-head small,
.admin-workspace .admin-sidebar-head > span,
.admin-workspace .admin-sidebar-brand small {
  margin-top: 4px;
  color: var(--ui-faint);
  font-size: 9px;
  letter-spacing: .1em;
}
.admin-workspace .admin-sidebar nav {
  min-height: 0;
  padding: 8px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--ui-line-strong) transparent;
}
.admin-workspace .admin-nav-group { padding: 7px 0; }
.admin-workspace .admin-nav-group + .admin-nav-group { border-top: 1px solid var(--admin-line-soft); }
.admin-workspace .admin-nav-title,
.admin-workspace .admin-nav-group > span {
  padding: 2px 10px 6px;
  color: #7d8781;
  font: 750 10px/16px ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .08em;
}
.admin-workspace .admin-nav-link,
.admin-workspace .admin-nav-group > a {
  min-height: 40px;
  margin: 1px 0;
  padding: 8px 10px 8px 13px;
  gap: 8px;
  border: 0;
  border-radius: 6px;
  color: #47534c;
  font-size: 13px;
  font-weight: 620;
  line-height: 20px;
}
.admin-workspace .admin-nav-link::before,
.admin-workspace .admin-nav-group > a::before {
  top: 8px;
  bottom: 8px;
  width: 3px;
  background: #607f18;
}
.admin-workspace .admin-nav-link:hover,
.admin-workspace .admin-nav-group > a:hover {
  border-color: transparent;
  background: #f3f5f4;
  color: var(--ui-ink);
}
.admin-workspace .admin-nav-link[aria-current="page"],
.admin-workspace .admin-nav-link.is-active,
.admin-workspace .admin-nav-link.active,
.admin-workspace .admin-nav-group > a[aria-current="page"],
.admin-workspace .admin-nav-group > a.is-active,
.admin-workspace .admin-nav-group > a.active {
  border: 0;
  background: var(--admin-active);
  color: #33480a;
  font-weight: 760;
  box-shadow: inset 0 0 0 1px #dce8c5;
}
.admin-workspace .admin-nav-badge {
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border: 0;
  background: #eef1ef;
  color: #5e6963;
  font-size: 10px;
}
.admin-workspace .admin-nav-link[aria-current="page"] .admin-nav-badge,
.admin-workspace .admin-nav-link.is-active .admin-nav-badge,
.admin-workspace .admin-nav-link.active .admin-nav-badge {
  border: 0;
  background: #dce8c5;
  color: #445c0c;
}
.admin-workspace .admin-sidebar > footer {
  padding: 10px 12px 12px;
  border-top: 1px solid var(--admin-line);
  background: #fbfcfb;
}
.admin-workspace .admin-sidebar > footer a {
  min-height: 34px;
  padding: 6px 8px;
  font-size: 11px;
}
.admin-workspace .admin-sidebar-footer > span { font-size: 10px; }
.admin-workspace .admin-sidebar-footer > b { margin: 2px 0 6px; font-size: 12px; }
.admin-workspace .admin-mobile-nav { display: none; }

.admin-workspace .admin-page-head {
  min-height: 72px;
  padding: 0 0 16px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  overflow: visible;
  border: 0;
  border-bottom: 1px solid var(--admin-line);
  border-radius: 0;
  background: transparent;
  color: var(--ui-ink);
}
.admin-workspace .admin-page-head::after { display: none; }
.admin-workspace .admin-page-head .eyebrow,
.admin-workspace .admin-page-eyebrow { color: var(--ui-accent-strong); }
.admin-workspace .admin-page-head h1 {
  margin: 4px 0 2px;
  color: var(--ui-ink);
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -.03em;
}
.admin-workspace .admin-page-head p {
  max-width: 720px;
  margin: 0;
  color: var(--ui-muted);
  font-size: 12px;
  line-height: 20px;
}
.admin-workspace .admin-page-head > .btn,
.admin-workspace .admin-page-actions .btn { min-height: 36px; }
.admin-workspace .admin-page-head > .btn:not(.ghost),
.admin-workspace .admin-page-head > .btn.ghost,
.admin-workspace .admin-page-actions .btn.ghost {
  border-color: var(--ui-line-strong);
  background: #fff;
  color: var(--ui-ink);
}
.admin-workspace .admin-page-head > .btn:not(.ghost) {
  border-color: var(--ui-dark);
  background: var(--ui-dark);
  color: #fff;
}
.admin-workspace .admin-page-head > .btn:hover,
.admin-workspace .admin-page-actions .btn:hover { border-color: #9baa9f; background: #f8faf9; color: var(--ui-ink); }

.admin-workspace .admin-overview-stats,
.admin-workspace .admin-metrics,
.admin-workspace .admin-home-rules {
  margin-top: 16px;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--admin-line);
  border-radius: 9px;
  background: #fff;
}
.admin-workspace .admin-overview-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.admin-workspace .admin-overview-stats > a,
.admin-workspace .admin-metric,
.admin-workspace .admin-home-rules > span {
  min-height: 82px;
  padding: 14px 16px;
  border: 0;
  border-left: 1px solid var(--admin-line-soft);
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}
.admin-workspace .admin-overview-stats > a:first-child,
.admin-workspace .admin-metric:first-child,
.admin-workspace .admin-home-rules > span:first-child { border-left: 0; }
.admin-workspace .admin-overview-stats > a:hover,
.admin-workspace .admin-shortcut:hover {
  transform: none;
  background: #fafcf9;
  box-shadow: none;
}
.admin-workspace .admin-overview-stats span,
.admin-workspace .admin-overview-stats small,
.admin-workspace .admin-metric > span,
.admin-workspace .admin-metric > small,
.admin-workspace .admin-home-rules small { font-size: 11px; }
.admin-workspace .admin-overview-stats b,
.admin-workspace .admin-metric strong,
.admin-workspace .admin-metric b { font-size: 23px; }
.admin-workspace .admin-home-rules { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.admin-workspace .admin-home-rules b { font-size: 19px; }

.admin-workspace .admin-panel {
  margin-top: 16px;
  overflow: hidden;
  border: 1px solid var(--admin-line);
  border-radius: 9px;
  background: #fff;
  box-shadow: none;
}
.admin-workspace .admin-panel-head {
  min-height: 56px;
  padding: 10px 16px;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid var(--admin-line);
  background: #fff;
}
.admin-workspace .admin-panel-head .eyebrow { font-size: 9px; }
.admin-workspace .admin-panel-head h2 {
  margin: 1px 0 0;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -.015em;
}
.admin-workspace .admin-panel-head p { margin-top: 2px; font-size: 11px; line-height: 18px; }
.admin-workspace .admin-panel-head > small,
.admin-workspace .admin-panel-head > span,
.admin-workspace .admin-panel-head > a { font-size: 11px; }
.admin-workspace .admin-panel-body { padding: 16px; }

.admin-workspace .admin-action-grid,
.admin-workspace .admin-shortcuts {
  padding: 0;
  gap: 0;
}
.admin-workspace .admin-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.admin-workspace .admin-action-grid > a,
.admin-workspace .admin-shortcut {
  min-height: 72px;
  padding: 12px 16px;
  border: 0;
  border-bottom: 1px solid var(--admin-line-soft);
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}
.admin-workspace .admin-action-grid > a:nth-child(odd) { border-right: 1px solid var(--admin-line-soft); }
.admin-workspace .admin-action-grid > a:hover { transform: none; background: #fafcf9; box-shadow: none; }
.admin-workspace .admin-action-grid small,
.admin-workspace .admin-shortcut small { font-size: 10px; }
.admin-workspace .admin-action-grid b,
.admin-workspace .admin-shortcut b { margin-top: 3px; font-size: 13px; }
.admin-workspace .admin-action-grid span,
.admin-workspace .admin-shortcut p { margin-top: 1px; font-size: 11px; }
.admin-workspace .admin-dashboard-grid { gap: 16px; }

.admin-workspace .admin-filter {
  padding: 10px 16px;
  grid-template-columns: minmax(240px, 1fr) 150px 76px 44px;
  gap: 8px;
  border: 0;
  border-bottom: 1px solid var(--admin-line-soft);
  border-radius: 0;
  background: #fafbfa;
}
.admin-workspace .admin-filter-simple { grid-template-columns: minmax(240px, 1fr) 76px 44px; }
.admin-workspace .admin-filter input,
.admin-workspace .admin-filter select { height: 36px; }
.admin-workspace .admin-filter > a { font-size: 11px; }
.admin-workspace .admin-panel > .admin-filter { margin: 0; }
.admin-workspace .admin-panel > .batch-toolbar {
  margin: 0;
  padding: 8px 16px;
  border: 0;
  border-bottom: 1px solid var(--admin-line-soft);
  border-radius: 0;
  background: #fff;
}
.admin-workspace .batch-toolbar span { font-size: 11px; }
.admin-workspace .batch-toolbar .btn { min-height: 32px; font-size: 11px; }

.admin-workspace .admin-panel > .admin-list,
.admin-workspace .admin-panel > .admin-action-grid,
.admin-workspace .admin-panel > .admin-promotion-list,
.admin-workspace .admin-panel > .admin-comment-list,
.admin-workspace .admin-panel > .admin-report-list,
.admin-workspace .admin-panel > .admin-user-list,
.admin-workspace .admin-panel > .admin-link-list,
.admin-workspace .admin-panel > .admin-circle-list,
.admin-workspace .admin-panel > .audit-table,
.admin-workspace .admin-panel > .friend-link-admin-list {
  width: 100%;
  margin: 0;
  padding: 0;
}
.admin-workspace .admin-list { gap: 0; }
.admin-workspace .admin-list > article,
.admin-workspace .admin-list-item {
  min-height: 58px;
  padding: 13px 16px;
  gap: 14px;
  border: 0;
  border-bottom: 1px solid var(--admin-line-soft);
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}
.admin-workspace .admin-list > article:last-child { border-bottom: 0; }
.admin-workspace .admin-list > article { grid-template-columns: 22px minmax(0, 1fr) 144px; }
.admin-workspace .admin-copy h3,
.admin-workspace .admin-list-item h3 { margin: 5px 0 3px; font-size: 14px; line-height: 21px; }
.admin-workspace .admin-copy p,
.admin-workspace .admin-list-item p { margin-bottom: 4px; font-size: 11px; line-height: 18px; }
.admin-workspace .admin-copy > small,
.admin-workspace .admin-list-item small { font-size: 10px; }
.admin-workspace .metadata-form {
  margin-top: 9px;
  grid-template-columns: 150px minmax(0, 1fr) 108px;
  gap: 7px;
}
.admin-workspace .metadata-form input,
.admin-workspace .metadata-form select,
.admin-workspace .metadata-form .btn { min-height: 34px; height: 34px; font-size: 11px; }
.admin-workspace .admin-actions { gap: 6px; }
.admin-workspace .admin-actions .btn { min-height: 32px; padding: 5px 9px; font-size: 11px; }

.admin-workspace .admin-promotion-list > article,
.admin-workspace .admin-comment-list > article,
.admin-workspace .admin-report-list > article,
.admin-workspace .admin-user-list > article,
.admin-workspace .admin-link-list > article {
  min-height: 58px;
  padding: 13px 16px;
  gap: 16px;
  border-bottom: 1px solid var(--admin-line-soft);
}
.admin-workspace .admin-promotion-list > article:first-child,
.admin-workspace .admin-comment-list > article:first-child,
.admin-workspace .admin-report-list > article:first-child,
.admin-workspace .admin-user-list > article:first-child,
.admin-workspace .admin-link-list > article:first-child { padding-top: 13px; }
.admin-workspace .admin-promotion-list > article:last-child,
.admin-workspace .admin-comment-list > article:last-child,
.admin-workspace .admin-report-list > article:last-child,
.admin-workspace .admin-user-list > article:last-child,
.admin-workspace .admin-link-list > article:last-child { padding-bottom: 13px; }
.admin-workspace .admin-promotion-list h3,
.admin-workspace .admin-comment-list h3,
.admin-workspace .admin-report-list h3,
.admin-workspace .admin-user-list h3,
.admin-workspace .admin-link-list h3 { margin: 4px 0 2px; font-size: 13px; line-height: 20px; }
.admin-workspace .admin-promotion-list p,
.admin-workspace .admin-comment-list p,
.admin-workspace .admin-report-list p,
.admin-workspace .admin-user-list p,
.admin-workspace .admin-link-list p { margin-bottom: 2px; font-size: 11px; line-height: 18px; }
.admin-workspace .admin-promotion-list small,
.admin-workspace .admin-comment-list small,
.admin-workspace .admin-report-list small,
.admin-workspace .admin-user-list small,
.admin-workspace .admin-link-list small { font-size: 10px; }
.admin-workspace .admin-promotion-actions { width: 152px; flex-basis: 152px; gap: 5px; }
.admin-workspace .admin-promotion-actions .btn { min-height: 30px; padding: 4px 8px; font-size: 10px; }
.admin-workspace .admin-comment-list .admin-actions,
.admin-workspace .admin-report-list .admin-actions { flex-basis: 124px; }

.admin-workspace .admin-circle-list > a {
  min-height: 58px;
  padding: 10px 16px;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 11px;
  border-bottom: 1px solid var(--admin-line-soft);
}
.admin-workspace .admin-circle-list > a:first-child { padding-top: 10px; }
.admin-workspace .admin-circle-list > a:last-child { padding-bottom: 10px; }
.admin-workspace .admin-circle-list > a > i { width: 34px; height: 34px; border-radius: 6px; }
.admin-workspace .admin-circle-list h3 { font-size: 13px; }
.admin-workspace .admin-circle-list p,
.admin-workspace .admin-circle-list > a > span { font-size: 11px; }
.admin-workspace .admin-circle-list small { font-size: 10px; }

.admin-workspace .audit-table { overflow-x: auto; }
.admin-workspace .audit-table > div {
  min-width: 680px;
  min-height: 48px;
  padding: 10px 16px;
  grid-template-columns: 142px 96px 160px minmax(220px, 1fr);
  gap: 12px;
  border-bottom: 1px solid var(--admin-line-soft);
  font-size: 11px;
}
.admin-workspace .audit-table > div:last-child { border-bottom: 0; }
.admin-workspace .audit-table > .admin-empty { min-width: 0; }

.admin-workspace .admin-panel > .friend-link-create {
  margin: 0;
  padding: 10px 16px;
  border: 0;
  border-bottom: 1px solid var(--admin-line-soft);
  border-radius: 0;
  background: #fafbfa;
}
.admin-workspace .friend-link-admin-list article {
  min-height: 54px;
  margin: 0;
  padding: 9px 16px;
  border: 0;
  border-bottom: 1px solid var(--admin-line-soft);
  border-radius: 0;
}
.admin-workspace .friend-link-admin-list article:last-child { border-bottom: 0; }
.admin-workspace .friend-link-admin-list .btn,
.admin-workspace .friend-link-create .btn { min-height: 36px; }

.admin-workspace .admin-panel > .admin-ad-grid { padding: 16px; }
.admin-workspace .admin-ad-grid { gap: 12px; }
.admin-workspace .admin-ad-item { padding: 14px; border-radius: 8px; background: #fbfcfb; }
.admin-workspace .admin-ad-item > header h3 { font-size: 14px; }
.admin-workspace .admin-ad-form { margin-top: 12px; }

.admin-workspace .seo-admin-note {
  margin-top: 12px;
  padding: 10px 14px;
  border-radius: 7px;
  font-size: 11px;
}
.admin-workspace .seo-admin-group > summary { min-height: 58px; padding: 11px 16px; }
.admin-workspace .seo-admin-group > summary b { font-size: 16px; }
.admin-workspace .seo-admin-list { padding: 0; gap: 0; }
.admin-workspace .seo-admin-item {
  padding: 14px 16px;
  border: 0;
  border-bottom: 1px solid var(--admin-line-soft);
  border-radius: 0;
}
.admin-workspace .seo-admin-item:last-child { border-bottom: 0; }
.admin-workspace .seo-admin-item > header { margin-bottom: 11px; }
.admin-workspace .seo-admin-item > header h2 { font-size: 14px; }
.admin-workspace .seo-admin-item form { gap: 9px 12px; }
.admin-workspace .seo-admin-item label { font-size: 11px; }

.admin-workspace .admin-empty,
.admin-workspace .admin-list > .empty {
  min-height: 112px;
  padding: 24px 16px;
  border: 0;
  border-radius: 0;
  background: #fafbfa;
}
.admin-workspace .admin-empty h3 { font-size: 14px; }
.admin-workspace .admin-empty p { font-size: 11px; }
.admin-workspace .admin-panel > .admin-pagination {
  min-height: 48px;
  margin: 0;
  padding: 8px 16px;
  border: 0;
  border-top: 1px solid var(--admin-line);
  border-radius: 0;
  background: #fff;
}
.admin-workspace .admin-pagination a,
.admin-workspace .admin-pagination b { font-size: 11px; }

@media (max-width: 1023px) {
  .admin-workspace { grid-template-columns: minmax(0, 1fr); }
  .admin-workspace .admin-sidebar { display: none; }
  .admin-workspace .admin-mobile-nav {
    position: sticky;
    top: var(--admin-topbar-height);
    z-index: 18;
    display: block;
    overflow: visible;
    border: 0;
    border-bottom: 1px solid var(--admin-line);
    border-radius: 0;
    background: #fff;
    box-shadow: none;
  }
  .admin-workspace .admin-mobile-nav > summary {
    min-height: 48px;
    padding: 8px 20px;
    gap: 10px;
  }
  .admin-workspace .admin-mobile-nav[open] > summary { border-bottom: 0; background: #fafbfa; }
  .admin-workspace .admin-mobile-nav > summary span { font-size: 10px; }
  .admin-workspace .admin-mobile-nav > summary b { font-size: 12px; }
  .admin-workspace .admin-mobile-nav > summary i::after { font-size: 11px; }
  .admin-workspace .admin-mobile-nav > nav,
  .admin-workspace .admin-mobile-nav[open] > nav {
    position: absolute;
    left: 16px;
    top: calc(100% + 6px);
    width: min(360px, calc(100vw - 32px));
    max-height: calc(100vh - 122px);
    padding: 8px;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    overflow-y: auto;
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 40px rgba(22, 35, 28, .14);
  }
  .admin-workspace .admin-mobile-nav > nav { display: none; }
  .admin-workspace .admin-mobile-nav[open] > nav { display: grid; }
  .admin-workspace .admin-mobile-nav .admin-nav-group {
    padding: 7px 0;
    border: 0;
    border-radius: 0;
  }
  .admin-workspace .admin-mobile-nav .admin-nav-group + .admin-nav-group { border-top: 1px solid var(--admin-line-soft); }
  .admin-workspace .admin-mobile-nav .admin-nav-group > span { padding: 2px 10px 6px; }
  .admin-workspace .admin-mobile-nav .admin-nav-group > a {
    min-height: 40px;
    margin: 1px 0;
    padding: 8px 10px 8px 13px;
    font-size: 13px;
  }
  .admin-workspace .admin-content { padding: 20px 22px 48px; }
}

@media (max-width: 900px) {
  .admin-workspace .admin-dashboard-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .admin-workspace .admin-overview-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-workspace .admin-overview-stats > a:nth-child(odd) { border-left: 0; }
  .admin-workspace .admin-overview-stats > a:nth-child(n + 3) { border-top: 1px solid var(--admin-line-soft); }
}

@media (max-width: 767px) {
  .admin-layout > .media-header { padding: 0 14px; }
  .admin-layout > .media-header .brand { width: auto; flex-basis: auto; margin-right: auto; }
  .admin-layout > .media-header .account-nav { margin-left: 10px; gap: 8px; }
  .admin-layout > .media-header .account-nav > * { display: none; }
  .admin-layout > .media-header .account-nav > .user,
  .admin-layout > .media-header .account-nav > form { display: flex; }
  .admin-workspace .admin-mobile-nav > summary { padding-inline: 14px; }
  .admin-workspace .admin-mobile-nav > nav,
  .admin-workspace .admin-mobile-nav[open] > nav { left: 12px; width: calc(100vw - 24px); }
  .admin-workspace .admin-content { padding: 16px 14px 40px; }
  .admin-workspace .admin-page-head { min-height: 68px; gap: 14px; }
  .admin-workspace .admin-page-head h1 { font-size: 22px; line-height: 28px; }
  .admin-workspace .admin-page-head p { font-size: 11px; line-height: 18px; }
  .admin-workspace .admin-page-head > .btn { margin-top: 0; }
  .admin-workspace .admin-panel-head { padding: 10px 13px; }
  .admin-workspace .admin-panel-body { padding: 13px; }
  .admin-workspace .admin-action-grid { grid-template-columns: minmax(0, 1fr); }
  .admin-workspace .admin-action-grid > a:nth-child(odd) { border-right: 0; }
  .admin-workspace .admin-filter,
  .admin-workspace .admin-filter-simple {
    padding: 10px 13px;
    grid-template-columns: minmax(0, 1fr) 76px 40px;
  }
  .admin-workspace .admin-filter > input:first-child { grid-column: 1 / -1; }
  .admin-workspace .admin-filter > select { grid-column: 1; }
  .admin-workspace .admin-filter > .btn { grid-column: 2; }
  .admin-workspace .admin-filter > a { grid-column: 3; }
  .admin-workspace .admin-filter-simple > .btn { grid-column: 2; }
  .admin-workspace .admin-filter-simple > a { grid-column: 3; }
  .admin-workspace .admin-panel > .batch-toolbar { padding-inline: 13px; }
  .admin-workspace .admin-list > article {
    grid-template-columns: minmax(0, 1fr);
    padding: 13px;
  }
  .admin-workspace .admin-list > article > .admin-check { right: 13px; top: 13px; }
  .admin-workspace .metadata-form { grid-template-columns: minmax(0, 1fr); }
  .admin-workspace .metadata-form > * { grid-column: 1; }
  .admin-workspace .admin-list > article > .admin-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .admin-workspace .admin-promotion-list > article,
  .admin-workspace .admin-comment-list > article,
  .admin-workspace .admin-report-list > article,
  .admin-workspace .admin-user-list > article,
  .admin-workspace .admin-link-list > article { padding: 13px; }
  .admin-workspace .admin-promotion-actions,
  .admin-workspace .admin-comment-list .admin-actions,
  .admin-workspace .admin-report-list .admin-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .admin-workspace .admin-promotion-actions form:last-child { grid-column: 1 / -1; }
  .admin-workspace .admin-circle-list > a { padding-inline: 13px; }
  .admin-workspace .admin-panel > .admin-ad-grid { padding: 13px; }
  .admin-workspace .admin-ad-grid { grid-template-columns: minmax(0, 1fr); }
  .admin-workspace .friend-link-create,
  .admin-workspace .friend-link-admin-list article,
  .admin-workspace .friend-link-admin-list article > form:first-child { display: grid; grid-template-columns: minmax(0, 1fr); }
  .admin-workspace .friend-link-admin-list article > form:last-child { grid-column: 1; }
  .admin-workspace .seo-admin-item form { grid-template-columns: minmax(0, 1fr); }
  .admin-workspace .seo-admin-item .seo-wide,
  .admin-workspace .seo-form-actions { grid-column: 1; }
  .admin-workspace .admin-panel > .admin-pagination { padding-inline: 13px; }
}

@media (max-width: 560px) {
  .admin-workspace .admin-page-head { display: block; padding-bottom: 14px; }
  .admin-workspace .admin-page-head > .btn { width: auto; margin-top: 10px; }
  .admin-workspace .admin-panel-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; }
  .admin-workspace .admin-panel-head > div { min-width: 0; }
  .admin-workspace .admin-panel-head > small,
  .admin-workspace .admin-panel-head > span { margin-top: 2px; }
  .admin-workspace .admin-overview-stats > a,
  .admin-workspace .admin-metric,
  .admin-workspace .admin-home-rules > span { min-height: 74px; padding: 12px; }
  .admin-workspace .admin-overview-stats b,
  .admin-workspace .admin-metric strong,
  .admin-workspace .admin-metric b { font-size: 21px; }
  .admin-workspace .admin-list > article > .admin-actions { grid-template-columns: minmax(0, 1fr); }
  .admin-workspace .seo-admin-note span { flex-basis: 100%; margin: 4px 0 0; text-align: left; }
}

/* Administration shell v2.1: current template class alignment.
   Keep every rule behind the admin body/workspace boundary. */
.admin-layout > .admin-topbar {
  position: sticky;
  top: 0;
  z-index: 30;
  width: 100%;
  height: var(--admin-topbar-height);
  min-height: var(--admin-topbar-height);
  display: flex;
  align-items: center;
  padding: 0 20px;
  border-bottom: 1px solid var(--admin-line);
  background: rgba(255, 255, 255, .97);
  box-shadow: none;
  backdrop-filter: blur(14px);
}
.admin-layout .admin-topbar-brand {
  width: calc(var(--admin-sidebar-width) - 20px);
  flex: 0 0 calc(var(--admin-sidebar-width) - 20px);
  display: flex;
  align-items: baseline;
  gap: 8px;
  color: var(--ui-ink);
}
.admin-layout .admin-topbar-brand b {
  font: 850 19px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: -.055em;
}
.admin-layout .admin-topbar-brand span {
  color: var(--ui-faint);
  font: 720 9px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .08em;
}
.admin-layout .admin-topbar-nav {
  min-width: 0;
  height: 100%;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 16px;
  color: #55615a;
  font-size: 12px;
}
.admin-layout .admin-topbar-nav a,
.admin-layout .admin-topbar-nav .link { color: #55615a; }
.admin-layout .admin-topbar-nav a:hover,
.admin-layout .admin-topbar-nav .link:hover { color: var(--ui-ink); }
.admin-layout .admin-topbar-nav form { display: flex; }
.admin-layout .admin-topbar-nav .link {
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  cursor: pointer;
}
.admin-layout .admin-topbar-user {
  max-width: 180px;
  overflow: hidden;
  color: var(--ui-ink);
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.admin-workspace .admin-pagebar {
  min-height: 72px;
  margin: 0;
  padding: 0 0 16px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  border-bottom: 1px solid var(--admin-line);
}
.admin-workspace .admin-page-title { min-width: 0; }
.admin-workspace .admin-page-title h1 {
  margin: 0;
  color: var(--ui-ink);
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -.03em;
}
.admin-workspace .admin-page-title p {
  max-width: 720px;
  margin: 3px 0 0;
  color: var(--ui-muted);
  font-size: 12px;
  line-height: 19px;
}
.admin-workspace .admin-page-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.admin-workspace .admin-page-meta,
.admin-workspace .admin-total {
  color: var(--ui-faint);
  font-size: 11px;
  white-space: nowrap;
}

.admin-workspace .admin-toolbar {
  width: 100%;
  min-height: 54px;
  margin: 12px auto 0;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--admin-line);
  border-radius: 8px;
  background: #fff;
}
.admin-workspace .admin-toolbar .admin-filter {
  min-width: 0;
  max-width: 760px;
  flex: 1 1 680px;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 150px 72px 40px;
  gap: 8px;
  align-items: center;
  border: 0;
  background: transparent;
}
.admin-workspace .admin-toolbar .admin-filter-simple { grid-template-columns: minmax(220px, 1fr) 72px 40px; }
.admin-workspace .admin-toolbar .admin-user-filter {
  max-width: 980px;
  flex-basis: 900px;
  grid-template-columns: minmax(220px, 1fr) 130px 112px 132px 72px 40px;
}
.admin-workspace .admin-toolbar .admin-filter > a {
  color: var(--ui-muted);
  font-size: 11px;
  text-align: center;
}
.admin-workspace .admin-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 7px;
}
.admin-workspace .admin-toolbar.batch-toolbar {
  min-height: 46px;
  margin-top: 8px;
  padding-block: 6px;
  background: #fafbfa;
}
.admin-workspace .admin-helpbar p {
  margin: 0;
  color: var(--ui-muted);
  font-size: 11px;
  line-height: 18px;
}
.admin-workspace .admin-helpbar > span { flex: 0 0 auto; color: var(--ui-faint); font-size: 11px; }
.admin-workspace .admin-slot-summary {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  color: var(--ui-muted);
  font-size: 10px;
}
.admin-workspace .admin-slot-summary span {
  padding: 4px 7px;
  border-radius: 5px;
  background: #f3f6f2;
  white-space: nowrap;
}
.admin-workspace .admin-slot-summary b { color: var(--ui-ink); }
.admin-workspace .admin-slot-summary small { color: var(--ui-faint); white-space: nowrap; }

.admin-workspace .admin-surface {
  min-width: 0;
  margin-top: 12px;
  overflow: hidden;
  border: 1px solid var(--admin-line);
  border-radius: 9px;
  background: var(--admin-surface);
  box-shadow: none;
}
.admin-workspace .admin-surface-head {
  min-height: 54px;
  padding: 9px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--admin-line);
  background: #fff;
}
.admin-workspace .admin-surface-head > div { min-width: 0; }
.admin-workspace .admin-surface-head h2 { margin: 0; font-size: 15px; line-height: 21px; letter-spacing: -.015em; }
.admin-workspace .admin-surface-head p { margin: 1px 0 0; color: var(--ui-muted); font-size: 10px; line-height: 17px; }
.admin-workspace .admin-surface-head small { color: var(--ui-faint); font-size: 9px; }
.admin-workspace .admin-surface-head > a { flex: 0 0 auto; color: var(--ui-accent-strong); font-size: 10px; font-weight: 700; }

.admin-workspace .admin-data-list { min-width: 0; display: block; }
.admin-workspace .admin-data-list > .admin-data-row {
  min-width: 0;
  margin: 0;
  padding: 12px 16px;
  border: 0;
  border-bottom: 1px solid var(--admin-line-soft);
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}
.admin-workspace .admin-data-list > .admin-data-row:last-child { border-bottom: 0; }
.admin-workspace .admin-data-list > .admin-data-row:hover { background: #fbfcfb; }
.admin-workspace .admin-row-main { min-width: 0; }
.admin-workspace .admin-row-main h3 { margin: 4px 0 2px; font-size: 13px; line-height: 20px; }
.admin-workspace .admin-row-main p { margin: 0 0 2px; color: var(--ui-muted); font-size: 11px; line-height: 18px; }
.admin-workspace .admin-row-main small { color: var(--ui-faint); font-size: 10px; }
.admin-workspace .admin-row-meta {
  flex: 0 0 auto;
  display: grid;
  justify-items: end;
  gap: 2px;
  color: var(--ui-muted);
  font-size: 10px;
}
.admin-workspace .admin-row-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}
.admin-workspace .admin-row-actions form { display: flex; }
.admin-workspace .admin-row-actions .btn { min-height: 32px; padding: 5px 9px; font-size: 10px; }
.admin-workspace .admin-tags { display: flex; flex-wrap: wrap; gap: 4px; }
.admin-workspace .admin-tags .tag {
  padding: 3px 6px;
  border-radius: 4px;
  font-size: 9px;
  line-height: 14px;
}
.admin-workspace .status-pill {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 3px 7px;
  border-radius: 999px;
  background: #eef1ef;
  color: #55615a;
  font-size: 9px;
  font-style: normal;
  font-weight: 720;
  line-height: 14px;
  white-space: nowrap;
}
.admin-workspace .status-pill.status-active,
.admin-workspace .status-pill.status-published { background: #edf5db; color: #55720e; }
.admin-workspace .status-pill.status-suspended,
.admin-workspace .status-pill.status-rejected { background: #fff0ed; color: #96392e; }

.admin-workspace .admin-article-list > .admin-data-row {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 144px;
  gap: 14px;
  align-items: start;
}
.admin-workspace .admin-check { padding-top: 2px; }
.admin-workspace .admin-check input { width: 16px; height: 16px; min-height: 0; margin: 0; }
.admin-workspace .admin-inline-editor { margin-top: 6px; }
.admin-workspace .admin-inline-editor > summary {
  width: fit-content;
  color: var(--ui-accent-strong);
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
}
.admin-workspace .admin-inline-editor[open] > summary { margin-bottom: 7px; }
.admin-workspace .admin-promotion-list > .admin-data-row,
.admin-workspace .admin-comment-list > .admin-data-row,
.admin-workspace .admin-report-list > .admin-data-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.admin-workspace .admin-promotion-actions { width: 152px; flex-basis: 152px; }
.admin-workspace .admin-comment-list .admin-row-actions,
.admin-workspace .admin-report-list .admin-row-actions { flex-basis: 124px; }

.admin-workspace .admin-dashboard-grid { margin-top: 16px; }
.admin-workspace .admin-dashboard-grid > .admin-surface { margin-top: 0; }
.admin-workspace .admin-overview-log .audit-table { overflow: visible; }
.admin-workspace .admin-overview-log .audit-table > .admin-data-row {
  min-width: 0;
  min-height: 54px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
}
.admin-workspace .admin-overview-circles .admin-circle-list > .admin-data-row { padding: 10px 16px; }

.admin-workspace .admin-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}
.admin-workspace .admin-table {
  width: 100%;
  min-width: 1120px;
  border-collapse: collapse;
  border-spacing: 0;
  color: #3f4a44;
  font-size: 11px;
  line-height: 17px;
}
.admin-workspace .admin-table th {
  height: 40px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--admin-line);
  background: #f7f9f8;
  color: #69746e;
  font-size: 10px;
  font-weight: 720;
  text-align: left;
  white-space: nowrap;
}
.admin-workspace .admin-table td {
  height: 56px;
  padding: 9px 12px;
  border-bottom: 1px solid var(--admin-line-soft);
  vertical-align: middle;
}
.admin-workspace .admin-table tbody tr:last-child td { border-bottom: 0; }
.admin-workspace .admin-table tbody tr:hover td { background: #fbfcfb; }
.admin-workspace .admin-table td > span,
.admin-workspace .admin-table td > small { display: block; }
.admin-workspace .admin-table td > .status-pill { display: inline-flex; }
.admin-workspace .audit-log .admin-table { min-width: 720px; table-layout: fixed; }
.admin-workspace .audit-log .admin-table th:nth-child(1) { width: 154px; }
.admin-workspace .audit-log .admin-table th:nth-child(2) { width: 110px; }
.admin-workspace .audit-log .admin-table th:nth-child(3) { width: 170px; }
.admin-workspace .admin-circles .admin-table { min-width: 860px; }
.admin-workspace .admin-links .admin-table { min-width: 760px; table-layout: fixed; }
.admin-workspace .admin-links .admin-table th:nth-child(1) { width: 23%; }
.admin-workspace .admin-links .admin-table th:nth-child(2) { width: 47%; }
.admin-workspace .admin-links .admin-table th:nth-child(3) { width: 92px; }
.admin-workspace .admin-links .admin-table th:nth-child(4) { width: 132px; }
.admin-workspace .admin-links .admin-table input { height: 34px; min-height: 34px; margin: 0; }
.admin-workspace .admin-circle-identity {
  min-width: 230px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  color: var(--ui-ink);
}
.admin-workspace .admin-circle-identity > i {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: var(--ui-dark);
  color: var(--ui-accent);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}
.admin-workspace .admin-circle-identity > span { min-width: 0; }
.admin-workspace .admin-circle-identity b,
.admin-workspace .admin-circle-identity small { display: block; }
.admin-workspace .admin-circle-identity b { font-size: 11px; }
.admin-workspace .admin-circle-identity small {
  max-width: 290px;
  overflow: hidden;
  color: var(--ui-muted);
  font-size: 9px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.admin-workspace .admin-user-identity {
  min-width: 210px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  color: var(--ui-ink);
}
.admin-workspace .admin-user-identity img,
.admin-workspace .admin-user-identity > i {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: var(--ui-dark);
  color: var(--ui-accent);
  object-fit: cover;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}
.admin-workspace .admin-user-identity span { min-width: 0; }
.admin-workspace .admin-user-identity b,
.admin-workspace .admin-user-identity small,
.admin-workspace .admin-user-identity em { display: block; }
.admin-workspace .admin-user-identity b { color: var(--ui-ink); font-size: 11px; }
.admin-workspace .admin-user-identity small {
  max-width: 190px;
  overflow: hidden;
  color: var(--ui-muted);
  font-size: 9px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.admin-workspace .admin-user-identity em { color: var(--ui-faint); font-size: 8px; font-style: normal; }
.admin-workspace .admin-user-actions { min-width: 248px; flex-wrap: nowrap; }

.admin-workspace .admin-user-summary {
  display: grid;
  grid-template-columns: minmax(260px, .78fr) minmax(460px, 1.22fr);
}
.admin-workspace .admin-user-profile {
  min-width: 0;
  padding: 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  border-right: 1px solid var(--admin-line-soft);
}
.admin-workspace .admin-user-profile > img,
.admin-workspace .admin-user-profile > i {
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: var(--ui-dark);
  color: var(--ui-accent);
  object-fit: cover;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
}
.admin-workspace .admin-user-profile > div { min-width: 0; }
.admin-workspace .admin-user-profile h2 { margin: 6px 0 0; font-size: 17px; line-height: 23px; }
.admin-workspace .admin-user-profile p {
  margin: 1px 0;
  overflow: hidden;
  color: var(--ui-muted);
  font-size: 11px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.admin-workspace .admin-user-profile small { color: var(--ui-faint); font-size: 9px; }
.admin-workspace .admin-user-stats {
  min-width: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.admin-workspace .admin-user-stats > div {
  min-width: 0;
  min-height: 90px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 1px solid var(--admin-line-soft);
}
.admin-workspace .admin-user-stats > div:first-child { border-left: 0; }
.admin-workspace .admin-user-stats dt { color: var(--ui-muted); font-size: 10px; line-height: 16px; }
.admin-workspace .admin-user-stats dd {
  margin: 4px 0 0;
  color: var(--ui-ink);
  font: 780 17px/22px ui-monospace, SFMono-Regular, Menlo, monospace;
}
.admin-workspace .admin-security-actions {
  grid-column: 1 / -1;
  min-width: 0;
  padding: 11px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-top: 1px solid var(--admin-line);
  background: #fafbfa;
}
.admin-workspace .admin-security-actions h3 { margin: 0; font-size: 12px; line-height: 18px; }
.admin-workspace .admin-security-actions p { margin: 1px 0 0; color: var(--ui-muted); font-size: 10px; line-height: 17px; }
.admin-workspace .admin-detail-grid {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.admin-workspace .admin-detail-grid > .admin-surface { margin-top: 0; }
.admin-workspace .admin-detail-wide { grid-column: 1 / -1; }
.admin-workspace .admin-detail-grid .admin-data-list > .admin-data-row {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.admin-workspace .admin-detail-grid .admin-row-main h3,
.admin-workspace .admin-detail-grid .admin-row-main p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.admin-workspace .admin-ad-grid { margin-top: 12px; }
.admin-workspace .admin-ad-grid > .admin-surface { margin-top: 0; }
.admin-workspace .admin-ad-item { padding: 0; background: #fff; }
.admin-workspace .admin-ad-item .admin-ad-preview,
.admin-workspace .admin-ad-item .admin-ad-form,
.admin-workspace .admin-ad-item .admin-ad-actions { margin-inline: 14px; }
.admin-workspace .admin-ad-item .admin-ad-preview { margin-top: 14px; }
.admin-workspace .admin-ad-item .admin-ad-actions { margin-bottom: 14px; }
.admin-workspace .admin-ads-list .admin-table { min-width: 820px; table-layout: fixed; }
.admin-workspace .admin-ads-list .admin-table th:nth-child(1) { width: 25%; }
.admin-workspace .admin-ads-list .admin-table th:nth-child(2) { width: 82px; }
.admin-workspace .admin-ads-list .admin-table th:nth-child(4) { width: 88px; }
.admin-workspace .admin-ads-list .admin-table th:nth-child(5) { width: 150px; }
.admin-workspace .admin-ads-list .admin-table th:nth-child(6) { width: 76px; }
.admin-workspace .admin-cell-url { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-workspace .admin-ad-editor { max-width: 920px; }
.admin-workspace .admin-ad-edit-grid { padding: 18px; display: grid; grid-template-columns: minmax(280px, .9fr) minmax(320px, 1.1fr); gap: 24px; align-items: start; }
.admin-workspace .admin-ad-editor .admin-ad-preview { margin: 0; }
.admin-workspace .admin-ad-editor .admin-ad-form { margin: 0; }
.admin-workspace .admin-ad-editor .admin-ad-actions { padding: 0 18px 18px; }
.admin-workspace .admin-settings-card { max-width: 760px; }
.admin-workspace .admin-site-form { padding: 18px; display: grid; gap: 16px; }
.site-footer .footer-main > small a { color: inherit; }
.admin-workspace .admin-toolbar.friend-link-create {
  display: grid;
  grid-template-columns: auto 160px minmax(260px, 1fr) 76px 76px;
}
.admin-workspace .admin-toolbar.friend-link-create strong { font-size: 11px; white-space: nowrap; }
.admin-workspace .admin-toolbar.friend-link-create input { min-width: 0; margin: 0; }
.admin-workspace .admin-toolbar.friend-link-create .btn { width: 100%; }
.admin-workspace > .admin-pagination,
.admin-workspace .admin-content > .admin-pagination { margin-top: 12px; }

@media (max-width: 1023px) {
  .admin-layout .admin-topbar-brand { width: auto; flex-basis: auto; margin-right: auto; }
  .admin-workspace .admin-pagebar { min-height: 68px; }
}

@media (max-width: 900px) {
	.admin-workspace .admin-ad-edit-grid { grid-template-columns: minmax(0, 1fr); }
  .admin-workspace .admin-user-summary { grid-template-columns: minmax(0, 1fr); }
  .admin-workspace .admin-user-profile { border-right: 0; border-bottom: 1px solid var(--admin-line-soft); }
  .admin-workspace .admin-user-stats > div:first-child { border-left: 0; }
  .admin-workspace .admin-detail-grid { grid-template-columns: minmax(0, 1fr); }
  .admin-workspace .admin-detail-wide { grid-column: 1; }
}

@media (max-width: 767px) {
  .admin-layout > .admin-topbar { padding-inline: 14px; }
  .admin-layout .admin-topbar-nav { gap: 10px; font-size: 11px; }
  .admin-workspace .admin-pagebar {
    min-height: 0;
    padding-bottom: 13px;
    align-items: flex-start;
  }
  .admin-workspace .admin-page-title h1 { font-size: 22px; line-height: 28px; }
  .admin-workspace .admin-page-title p { font-size: 11px; line-height: 18px; }
  .admin-workspace .admin-toolbar {
    min-height: 0;
    padding: 10px;
    align-items: stretch;
    flex-wrap: wrap;
  }
  .admin-workspace .admin-toolbar .admin-filter,
  .admin-workspace .admin-toolbar .admin-filter-simple {
    max-width: none;
    flex-basis: 100%;
    grid-template-columns: minmax(0, 1fr) 76px 40px;
  }
  .admin-workspace .admin-toolbar .admin-filter > input:first-child { grid-column: 1 / -1; }
  .admin-workspace .admin-toolbar .admin-filter > select { grid-column: 1; }
  .admin-workspace .admin-toolbar .admin-filter > .btn { grid-column: 2; }
  .admin-workspace .admin-toolbar .admin-filter > a { grid-column: 3; }
  .admin-workspace .admin-toolbar .admin-filter-simple > .btn { grid-column: 2; }
  .admin-workspace .admin-toolbar .admin-filter-simple > a { grid-column: 3; }
  .admin-workspace .admin-toolbar .admin-filter.admin-user-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .admin-workspace .admin-toolbar .admin-filter.admin-user-filter > input:first-child { grid-column: 1 / -1; }
  .admin-workspace .admin-toolbar .admin-filter.admin-user-filter > select { grid-column: auto; }
  .admin-workspace .admin-toolbar .admin-filter.admin-user-filter > select[name="sort"] { grid-column: 1 / -1; }
  .admin-workspace .admin-toolbar .admin-filter.admin-user-filter > .btn { grid-column: 1; }
  .admin-workspace .admin-toolbar .admin-filter.admin-user-filter > a { grid-column: 2; }
  .admin-workspace .admin-total { margin-left: auto; }
  .admin-workspace .admin-homepage-toolbar { display: grid; }
  .admin-workspace .admin-slot-summary { justify-content: flex-start; overflow-x: auto; }
  .admin-workspace .admin-helpbar { display: block; }
  .admin-workspace .admin-helpbar > span { display: block; margin-top: 5px; }
  .admin-workspace .admin-surface-head { padding-inline: 13px; }
  .admin-workspace .admin-data-list > .admin-data-row { padding: 12px 13px; }
  .admin-workspace .admin-article-list > .admin-data-row {
    position: relative;
    grid-template-columns: minmax(0, 1fr);
  }
  .admin-workspace .admin-article-list > .admin-data-row > .admin-check {
    position: absolute;
    right: 13px;
    top: 13px;
  }
  .admin-workspace .admin-article-list > .admin-data-row > .admin-copy { padding-right: 26px; }
  .admin-workspace .metadata-form { grid-template-columns: minmax(0, 1fr); }
  .admin-workspace .metadata-form > * { grid-column: 1; }
  .admin-workspace .admin-article-list .admin-row-actions {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .admin-workspace .admin-promotion-list > .admin-data-row,
  .admin-workspace .admin-comment-list > .admin-data-row,
  .admin-workspace .admin-report-list > .admin-data-row {
    display: block;
  }
  .admin-workspace .admin-promotion-actions,
  .admin-workspace .admin-comment-list .admin-row-actions,
  .admin-workspace .admin-report-list .admin-row-actions {
    width: 100%;
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .admin-workspace .admin-promotion-actions form:last-child { grid-column: 1 / -1; }
  .admin-workspace .admin-promotion-actions form,
  .admin-workspace .admin-promotion-actions .btn,
  .admin-workspace .admin-comment-list .admin-row-actions form,
  .admin-workspace .admin-comment-list .admin-row-actions .btn,
  .admin-workspace .admin-report-list .admin-row-actions form,
  .admin-workspace .admin-report-list .admin-row-actions .btn { width: 100%; }
  .admin-workspace .admin-toolbar.friend-link-create { grid-template-columns: minmax(0, 1fr); }
  .admin-workspace .admin-toolbar.friend-link-create > * { width: 100%; }
}

@media (max-width: 560px) {
  .admin-layout .admin-topbar-brand span,
  .admin-layout .admin-topbar-nav > a:nth-of-type(2) { display: none; }
  .admin-layout .admin-topbar-user { max-width: 74px; }
  .admin-workspace .admin-pagebar { display: block; }
  .admin-workspace .admin-page-actions { margin-top: 9px; justify-content: flex-start; }
  .admin-workspace .admin-page-actions .btn { width: 100%; }
  .admin-workspace .admin-toolbar-actions { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-workspace .admin-toolbar-actions .btn { width: 100%; }
  .admin-workspace .admin-article-list .admin-row-actions { grid-template-columns: minmax(0, 1fr); }
  .admin-workspace .admin-user-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-workspace .admin-user-stats > div:nth-child(odd) { border-left: 0; }
  .admin-workspace .admin-user-stats > div:nth-child(n + 3) { border-top: 1px solid var(--admin-line-soft); }
  .admin-workspace .admin-security-actions { display: block; }
  .admin-workspace .admin-security-actions .admin-row-actions { margin-top: 9px; justify-content: flex-start; }
}

/* Circle moderation states and compact table actions. */
.admin-workspace .admin-circles .admin-table { min-width: 980px; }
.admin-workspace .admin-actions-compact {
  min-width: 132px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}
.admin-workspace .admin-actions-compact form {
  width: auto;
  flex: 0 0 auto;
  display: flex;
}
.admin-workspace .admin-actions-compact .btn {
  width: auto;
  min-height: 30px;
  padding: 4px 8px;
  font-size: 9px;
  white-space: nowrap;
}

.circle-hero-actions {
  max-width: 280px;
  margin-left: auto;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}
.circle-hero-actions form { display: flex; }
.circle-muted-badge {
  min-height: 34px;
  padding: 7px 11px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(225, 161, 151, .42);
  border-radius: 7px;
  background: rgba(161, 58, 45, .16);
  color: #ffd8d2;
  font-size: 10px;
  font-weight: 750;
  line-height: 18px;
  white-space: nowrap;
}
.circle-muted-notice {
  border-color: #ead2cd;
  border-left: 3px solid var(--ui-danger);
  background: #fff7f5;
  color: #623d37;
}
.circle-muted-notice b { color: #7e3027; }
.circle-muted-notice p { margin-bottom: 0; color: #7c645f; }
.reply-login.circle-muted-notice { justify-content: flex-start; }
.reply-login.circle-muted-notice > span { display: block; }
.reply-login.circle-muted-notice b,
.reply-login.circle-muted-notice small { display: block; }
.reply-login.circle-muted-notice small { margin-top: 2px; color: #806a65; font-size: 9px; line-height: 16px; }

@media (max-width: 720px) {
  .circle-hero-actions {
    width: 100%;
    max-width: none;
    margin-left: 0;
    justify-content: flex-start;
  }
  .circle-hero-actions .btn { min-height: 38px; padding: 8px 12px; }
  .circle-discussion-board > .circle-muted-notice { margin: 14px 16px; }
}

/* Category administration: compact editor and locally scrolling data table. */
.admin-workspace .admin-category-create-form {
  padding: 14px 16px 16px;
  display: grid;
  grid-template-columns: minmax(140px, 1fr) minmax(240px, 1.65fr) 92px 110px 88px;
  gap: 8px;
  align-items: start;
}
.admin-workspace .admin-category-create-form label { min-width: 0; margin: 0; }
.admin-workspace .admin-category-create-form label > span {
  display: block;
  margin-bottom: 4px;
  color: #56625b;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
}
.admin-workspace .admin-category-create-form input,
.admin-workspace .admin-category-create-form select { min-width: 0; height: 36px; margin: 0; }
.admin-workspace .admin-category-create-form label > small {
  display: block;
  margin-top: 3px;
  color: var(--ui-faint);
  font-size: 8px;
  line-height: 13px;
}
.admin-workspace .admin-category-create-form > .btn { width: 100%; min-height: 36px; margin-top: 20px; }
.admin-workspace .admin-filter[action="/admin/categories"] {
  max-width: 900px;
  grid-template-columns: minmax(220px, 1fr) 140px 140px 72px 40px;
}
.admin-workspace .admin-category-table {
  min-width: 1180px;
  table-layout: fixed;
}
.admin-workspace .admin-category-table th:nth-child(1) { width: 170px; }
.admin-workspace .admin-category-table th:nth-child(2) { width: 280px; }
.admin-workspace .admin-category-table th:nth-child(3) { width: 122px; }
.admin-workspace .admin-category-table th:nth-child(4) { width: 108px; }
.admin-workspace .admin-category-table th:nth-child(5) { width: 82px; }
.admin-workspace .admin-category-table th:nth-child(6) { width: 108px; }
.admin-workspace .admin-category-table th:nth-child(7) { width: 154px; }
.admin-workspace .admin-category-table th:nth-child(8) { width: 136px; }
.admin-workspace .admin-category-table input,
.admin-workspace .admin-category-table select {
  width: 100%;
  min-width: 0;
  height: 34px;
  min-height: 34px;
  margin: 0;
  padding: 6px 8px;
  font-size: 10px;
}
.admin-workspace .admin-category-table .admin-row-actions { min-width: 112px; }
.admin-workspace .admin-route {
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  color: var(--ui-accent-strong);
  font: 700 9px/16px ui-monospace, SFMono-Regular, Menlo, monospace;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.admin-workspace .admin-route:hover { color: #425f09; text-decoration: underline; text-underline-offset: 2px; }
.admin-workspace .admin-lock-note {
  display: block;
  margin-top: 4px;
  color: #94645e;
  font-size: 8px;
  line-height: 13px;
  text-align: right;
}
.admin-layout .btn:disabled,
.admin-layout .btn[aria-disabled="true"] {
  opacity: .46;
  cursor: not-allowed;
  pointer-events: none;
}

@media (max-width: 767px) {
  .admin-workspace .admin-category-create-form {
    padding: 12px 13px 14px;
    grid-template-columns: minmax(0, 1fr);
  }
  .admin-workspace .admin-category-create-form > * { grid-column: 1; }
  .admin-workspace .admin-category-create-form > .btn { margin-top: 0; }
  .admin-workspace .admin-filter[action="/admin/categories"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 72px 40px;
  }
  .admin-workspace .admin-filter[action="/admin/categories"] > input:first-child { grid-column: 1 / -1; }
  .admin-workspace .admin-filter[action="/admin/categories"] > select:nth-of-type(1) { grid-column: 1; }
  .admin-workspace .admin-filter[action="/admin/categories"] > select:nth-of-type(2) { grid-column: 2; }
  .admin-workspace .admin-filter[action="/admin/categories"] > .btn { grid-column: 3; }
  .admin-workspace .admin-filter[action="/admin/categories"] > a { grid-column: 4; }
  .admin-workspace .admin-categories .admin-table-wrap { -webkit-overflow-scrolling: touch; }
}

/* Category detail workflow: overview, settings and per-category SEO. */
.admin-workspace .admin-category-table {
  min-width: 1030px;
}
.admin-workspace .admin-category-table th:nth-child(1) { width: 280px; }
.admin-workspace .admin-category-table th:nth-child(2) { width: 130px; }
.admin-workspace .admin-category-table th:nth-child(3) { width: 110px; }
.admin-workspace .admin-category-table th:nth-child(4) { width: 78px; }
.admin-workspace .admin-category-table th:nth-child(5) { width: 104px; }
.admin-workspace .admin-category-table th:nth-child(6) { width: 154px; }
.admin-workspace .admin-category-table th:nth-child(7) { width: 136px; }
.admin-workspace .admin-category-name {
  min-width: 0;
  display: block;
  color: var(--ui-ink);
}
.admin-workspace .admin-category-name b,
.admin-workspace .admin-category-name small { display: block; }
.admin-workspace .admin-category-name b { font-size: 11px; line-height: 18px; }
.admin-workspace .admin-category-name small {
  max-width: 250px;
  overflow: hidden;
  color: var(--ui-muted);
  font-size: 9px;
  line-height: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.admin-workspace .admin-category-name:hover b { color: var(--ui-accent-strong); }

.admin-workspace .admin-category-overview {
  display: grid;
  grid-template-columns: minmax(240px, .8fr) minmax(0, 1.2fr);
}
.admin-workspace .admin-category-overview-main {
  min-width: 0;
  min-height: 92px;
  padding: 17px 18px;
  display: flex;
  align-items: center;
  gap: 13px;
  border-right: 1px solid var(--admin-line);
}
.admin-workspace .admin-category-overview-main > div { min-width: 0; }
.admin-workspace .admin-category-overview-main h2 {
  margin: 0 0 2px;
  overflow: hidden;
  color: var(--ui-ink);
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -.02em;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.admin-workspace .admin-category-overview-main > .status-pill { flex: 0 0 auto; }
.admin-workspace .admin-category-stats {
  min-width: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.admin-workspace .admin-category-stats > div {
  min-width: 0;
  min-height: 92px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 1px solid var(--admin-line-soft);
}
.admin-workspace .admin-category-stats > div:first-child { border-left: 0; }
.admin-workspace .admin-category-stats dt {
  color: var(--ui-muted);
  font-size: 9px;
  line-height: 15px;
}
.admin-workspace .admin-category-stats dd {
  margin: 4px 0 0;
  overflow-wrap: anywhere;
  color: var(--ui-ink);
  font: 780 17px/22px ui-monospace, SFMono-Regular, Menlo, monospace;
}
.admin-workspace .admin-category-stats time { color: #56615b; font-size: 10px; font-weight: 650; }

.admin-workspace .admin-category-edit-form {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
}
.admin-workspace .admin-category-edit-form > .admin-surface { margin-top: 12px; }
.admin-workspace .admin-category-form-grid {
  padding: 15px 16px 17px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px 12px;
}
.admin-workspace .admin-category-settings .admin-category-form-grid {
  grid-template-columns: minmax(150px, 1fr) 96px 116px;
}
.admin-workspace .admin-category-form-grid label {
  min-width: 0;
  margin: 0;
  color: #56625b;
  font-size: 10px;
  font-weight: 700;
}
.admin-workspace .admin-category-form-grid label > span {
  display: block;
  margin-bottom: 4px;
  line-height: 16px;
}
.admin-workspace .admin-category-form-grid input,
.admin-workspace .admin-category-form-grid select,
.admin-workspace .admin-category-form-grid textarea {
  min-width: 0;
  margin: 0;
}
.admin-workspace .admin-category-form-grid input,
.admin-workspace .admin-category-form-grid select { height: 36px; }
.admin-workspace .admin-category-form-grid textarea { min-height: 90px; line-height: 18px; }
.admin-workspace .admin-category-form-grid label > small {
  display: block;
  margin-top: 4px;
  color: var(--ui-faint);
  font-size: 8px;
  font-weight: 400;
  line-height: 14px;
}
.admin-workspace .admin-category-form-grid .admin-field-wide { grid-column: 1 / -1; }
.admin-workspace .admin-form-actions {
  grid-column: 1 / -1;
  margin-top: 0;
  justify-content: flex-end;
}
.admin-workspace .admin-form-actions .btn { min-width: 116px; }

@media (max-width: 1180px) {
  .admin-workspace .admin-category-edit-form { grid-template-columns: minmax(0, 1fr); }
  .admin-workspace .admin-category-edit-form > .admin-surface { margin-top: 0; }
  .admin-workspace .admin-category-edit-form > .admin-surface:first-child { margin-top: 12px; }
}

@media (max-width: 900px) {
  .admin-workspace .admin-category-overview { grid-template-columns: minmax(0, 1fr); }
  .admin-workspace .admin-category-overview-main {
    border-right: 0;
    border-bottom: 1px solid var(--admin-line-soft);
  }
}

@media (max-width: 767px) {
  .admin-workspace .admin-category-overview-main { min-height: 82px; padding: 14px 13px; }
  .admin-workspace .admin-category-overview-main h2 { font-size: 16px; line-height: 22px; }
  .admin-workspace .admin-category-form-grid,
  .admin-workspace .admin-category-settings .admin-category-form-grid {
    padding: 13px;
    grid-template-columns: minmax(0, 1fr);
  }
  .admin-workspace .admin-category-form-grid > *,
  .admin-workspace .admin-category-form-grid .admin-field-wide { grid-column: 1; }
  .admin-workspace .admin-form-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .admin-workspace .admin-form-actions .btn { width: 100%; min-width: 0; }
}

@media (max-width: 560px) {
  .admin-workspace .admin-category-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-workspace .admin-category-stats > div:nth-child(odd) { border-left: 0; }
  .admin-workspace .admin-category-stats > div:nth-child(n + 3) { border-top: 1px solid var(--admin-line-soft); }
}

/* TAG administration: a lightweight alias of the category workflow. */
.admin-workspace .admin-keyword-create-form {
  grid-template-columns: minmax(220px, 520px) 112px;
  justify-content: start;
}
.admin-workspace .admin-keyword-table {
  width: 100%;
  min-width: 860px;
  table-layout: fixed;
}
.admin-workspace .admin-keyword-table th:first-child { width: 260px; }
.admin-workspace .admin-keyword-table th:last-child { width: 132px; }
.admin-workspace .admin-keyword-table .admin-row-actions { min-width: 108px; }
.admin-workspace .admin-keyword-name {
  min-width: 0;
  display: block;
  color: var(--ui-ink);
}
.admin-workspace .admin-keyword-name b,
.admin-workspace .admin-keyword-name small { display: block; }
.admin-workspace .admin-keyword-name b {
  overflow: hidden;
  color: #40550f;
  font-size: 11px;
  line-height: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.admin-workspace .admin-keyword-name small {
  max-width: 230px;
  overflow: hidden;
  color: var(--ui-muted);
  font-size: 9px;
  line-height: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.admin-workspace .admin-keyword-name:hover b { color: var(--ui-accent-strong); }

.admin-workspace .admin-keyword-overview {
  display: grid;
  grid-template-columns: minmax(240px, .8fr) minmax(0, 1.2fr);
}
.admin-workspace .admin-keyword-overview-main {
  min-width: 0;
  min-height: 92px;
  padding: 17px 18px;
  display: flex;
  align-items: center;
  gap: 13px;
  border-right: 1px solid var(--admin-line);
}
.admin-workspace .admin-keyword-overview-main > div { min-width: 0; }
.admin-workspace .admin-keyword-overview-main h2 {
  margin: 0 0 2px;
  overflow: hidden;
  color: var(--ui-ink);
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -.02em;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.admin-workspace .admin-keyword-overview-main > .status-pill { flex: 0 0 auto; }
.admin-workspace .admin-keyword-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.admin-workspace .admin-keyword-edit-form {
  min-width: 0;
  margin-top: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}
.admin-workspace .admin-keyword-edit-form > .admin-surface { margin-top: 0; }
.admin-workspace .admin-keyword-edit-form > .admin-form-actions { margin-top: 0; }
.admin-workspace .admin-keyword-form-grid { min-width: 0; }
.admin-workspace .admin-keyword-settings .admin-keyword-form-grid {
  grid-template-columns: minmax(0, 640px);
  justify-content: start;
}
.admin-workspace .admin-keyword-seo .admin-surface-head > .status-pill {
  flex: 0 0 auto;
  max-width: 180px;
  text-align: center;
  white-space: normal;
}

@media (max-width: 900px) {
  .admin-workspace .admin-keyword-overview { grid-template-columns: minmax(0, 1fr); }
  .admin-workspace .admin-keyword-overview-main {
    border-right: 0;
    border-bottom: 1px solid var(--admin-line-soft);
  }
}

@media (max-width: 767px) {
  .admin-workspace .admin-keyword-create-form { grid-template-columns: minmax(0, 1fr); }
  .admin-workspace .admin-keyword-overview-main { min-height: 82px; padding: 14px 13px; }
  .admin-workspace .admin-keyword-overview-main h2 { font-size: 16px; line-height: 22px; }
  .admin-workspace .admin-keywords .admin-table-wrap { -webkit-overflow-scrolling: touch; }
}
/* 2026-08-29 admin controllability and responsive refinement */
.admin-workspace .admin-topic-create { display: grid; grid-template-columns: minmax(160px,.35fr) minmax(260px,1fr) auto 96px; }
.admin-workspace .admin-topic-create input { min-width: 0; margin: 0; }
.admin-workspace .admin-topic-table { min-width: 760px; table-layout: fixed; }
.admin-workspace .admin-topic-table th:nth-child(1) { width: 24%; }
.admin-workspace .admin-topic-table th:nth-child(3) { width: 90px; }
.admin-workspace .admin-topic-table th:nth-child(4) { width: 84px; }
.admin-workspace .admin-danger-zone { margin: 0 18px 18px; padding: 14px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border: 1px solid #f0d8d5; border-radius: 8px; background: #fffafa; }
.admin-workspace .admin-danger-zone p { margin: 0; color: var(--ui-muted); font-size: 11px; }
.admin-workspace .admin-inline-check { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; font-size: 11px; }
.admin-workspace .admin-inline-check input { width: 15px; height: 15px; min-height: 0; margin: 0; }
@media (max-width: 900px) {
  .admin-workspace .admin-topic-create { grid-template-columns: minmax(0,1fr); }
  .admin-workspace .admin-table th:last-child,
  .admin-workspace .admin-table td:last-child { position: sticky; right: 0; z-index: 1; background: #fff; box-shadow: -8px 0 14px rgba(18,30,24,.05); }
}
@media (max-width: 1180px) and (min-width: 901px) {
  .media-header .main-nav { gap: 12px; }
  .media-header .main-nav a { font-size: 11px; }
  .media-header .header-search { max-width: 190px; }
}
/* URL directory */
.home-directory { margin: 28px 0; padding: 26px; border: 1px solid var(--ui-line); border-radius: 16px; background: #fff; }
.home-directory-group + .home-directory-group { margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--ui-line); }
.home-directory-group > header { margin-bottom: 13px; display: flex; align-items: baseline; gap: 14px; }
.home-directory-group > header h3 { margin: 0; font-size: 17px; }
.home-directory-group > header p { margin: 0; color: var(--ui-muted); font-size: 11px; }
.home-directory-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; }
.home-directory-grid > a { min-width: 0; min-height: 66px; padding: 11px; display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 9px; align-items: center; border: 1px solid var(--ui-line); border-radius: 9px; background: #fbfcfb; color: var(--ui-ink); }
.home-directory-grid i,.directory-card > i { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; background: var(--ui-accent-soft); color: var(--ui-accent-strong); font-style: normal; font-weight: 800; }
.home-directory-grid span,.home-directory-grid b,.home-directory-grid small { min-width: 0; display: block; }
.home-directory-grid b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.home-directory-grid small { margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ui-muted); font-size: 9px; }
.directory-page { width: var(--ui-shell); margin: 22px auto 60px; }
.directory-group { margin-top: 16px; padding: 24px; border: 1px solid var(--ui-line); border-radius: 14px; background: #fff; }
.directory-group > header { display:flex; justify-content:space-between; gap:20px; }
.directory-group > header h2 { margin:0; font-size:20px; }.directory-group > header p { margin:5px 0 0; color:var(--ui-muted); }
.directory-grid { margin-top:18px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.directory-card { min-width:0; padding:14px; display:grid; grid-template-columns:32px minmax(0,1fr) auto; gap:10px; align-items:center; border:1px solid var(--ui-line); border-radius:10px; color:var(--ui-ink); }
.directory-card span,.directory-card b,.directory-card small { min-width:0; display:block; }.directory-card small { margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--ui-muted);font-size:9px;}.directory-card em{font-style:normal;color:var(--ui-accent-strong)}
.directory-detail { width:min(720px,var(--ui-shell)); margin:42px auto 80px; }.directory-detail article{margin-top:16px;padding:42px;border:1px solid var(--ui-line);border-radius:18px;background:#fff;text-align:center}.directory-detail article>i{width:58px;height:58px;margin:auto;display:grid;place-items:center;border-radius:14px;background:var(--ui-accent-soft);color:var(--ui-accent-strong);font-style:normal;font-size:23px;font-weight:800}.directory-detail h1{margin:12px 0;font-size:30px}.directory-detail p{color:var(--ui-muted);font-size:14px;line-height:1.8}.directory-warning{margin:24px 0;padding:14px;border-radius:8px;background:#f5f7f4;color:var(--ui-muted);font-size:11px}.directory-visit{display:inline-flex}
.admin-workspace .admin-directory-create .admin-form-row{padding:16px;display:grid;grid-template-columns:minmax(140px,.3fr) minmax(240px,1fr) 90px 90px;gap:10px}.admin-workspace .admin-directory-link-form{grid-template-columns:150px 150px minmax(220px,.7fr) minmax(260px,1fr) 80px 90px!important}.admin-workspace .admin-category-inline{display:grid;grid-template-columns:160px minmax(220px,1fr) 70px 80px;gap:8px;flex:1}.admin-workspace .admin-category-inline input{min-width:0;margin:0}.admin-workspace .admin-directory-group{margin-top:14px}
@media(max-width:1000px){.home-directory-grid,.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-workspace .admin-directory-link-form,.admin-workspace .admin-directory-create .admin-form-row,.admin-workspace .admin-category-inline{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:620px){.home-directory{padding:16px}.home-directory-grid,.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-group{padding:16px}.directory-detail article{padding:26px 18px}.home-directory-group>header{display:block}.home-directory-group>header p{margin-top:5px}}
.admin-workspace .admin-site-form label > .directory-fetch-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:8px;align-items:stretch}.admin-workspace .admin-site-form .directory-fetch-row input,.admin-workspace .admin-site-form .directory-fetch-row .btn{width:100%;height:36px;min-height:36px;margin:0}
/* Static pages */
.admin-workspace .admin-promotion-editor{margin-top:7px}.admin-workspace .admin-inline-promotion-actions{padding:10px;display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid var(--admin-line-soft)}.admin-workspace .admin-inline-promotion-actions form{margin:0}.admin-workspace .admin-inline-promotion-actions .btn{min-height:30px;padding:5px 10px;font-size:10px}
.static-page-shell{width:min(900px,var(--ui-shell));margin:30px auto 72px}.static-page-hero{padding:38px 44px;border:1px solid var(--ui-line);border-radius:18px 18px 0 0;background:#101a16;color:#fff}.static-page-hero h1{margin:8px 0 5px;font-size:clamp(26px,4vw,40px);line-height:1.15;letter-spacing:-.04em}.static-page-hero p{margin:0;color:#aab8b0;font-size:11px}.static-page-card{margin:0;padding:44px;border:1px solid var(--ui-line);border-top:0;border-radius:0 0 18px 18px;background:#fff}.static-page-card .markdown-body{font-size:15px;line-height:1.9}.admin-static-pages-table{min-width:900px}.admin-static-pages-table td:first-child b,.admin-static-pages-table td:first-child small{display:block}.admin-static-pages-table td:first-child small{margin-top:4px;color:var(--ui-muted);font-size:9px}.admin-static-page-form{display:grid;gap:14px}.admin-static-page-fields{padding:18px}.admin-static-page-fields label{display:grid;gap:7px}.admin-static-page-fields label+label{margin-top:16px}.admin-static-page-fields textarea{min-height:420px}.admin-static-page-switches{display:flex;flex-wrap:wrap;gap:20px;padding:12px 0}.admin-static-page-switches .admin-inline-check{font-size:12px}.admin-static-page-form .tox-tinymce{border-color:var(--admin-line);border-radius:8px}
@media(max-width:620px){.static-page-shell{margin-top:14px}.static-page-hero{padding:28px 20px}.static-page-card{padding:26px 20px}}

/* Media library */
.admin-workspace .admin-media-upload {
  display: grid;
  grid-template-columns: auto minmax(230px, .8fr) minmax(220px, 1fr) 88px auto;
  gap: 9px;
  align-items: center;
}
.admin-workspace .admin-media-upload input { min-width: 0; margin: 0; }
.admin-workspace .admin-media-upload small { color: var(--ui-faint); font-size: 9px; white-space: nowrap; }
.admin-workspace .admin-media-summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.admin-workspace .admin-media-summary p { margin: 0; color: var(--ui-muted); font-size: 10px; }
.admin-workspace .admin-media-table { min-width: 1080px; table-layout: fixed; }
.admin-workspace .admin-media-table th:nth-child(1) { width: 126px; }
.admin-workspace .admin-media-table th:nth-child(2) { width: 150px; }
.admin-workspace .admin-media-table th:nth-child(3) { width: 260px; }
.admin-workspace .admin-media-table th:nth-child(4) { width: 290px; }
.admin-workspace .admin-media-table th:nth-child(5) { width: 116px; }
.admin-workspace .admin-media-table th:nth-child(6) { width: 76px; }
.admin-workspace .admin-media-table td { height: 88px; }
.admin-workspace .admin-media-thumb {
  width: 104px;
  height: 68px;
  display: block;
  overflow: hidden;
  border: 1px solid var(--admin-line);
  border-radius: 7px;
  background: #f2f5f3;
}
.admin-workspace .admin-media-thumb img { width: 100%; height: 100%; display: block; object-fit: cover; }
.admin-workspace .admin-media-table td:nth-child(2) b,
.admin-workspace .admin-media-table td:nth-child(2) small { display: block; }
.admin-workspace .admin-media-table td:nth-child(2) small { margin-top: 3px; color: var(--ui-faint); font-size: 9px; }
.admin-workspace .admin-media-url,
.admin-workspace .admin-media-alt { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px; align-items: center; }
.admin-workspace .admin-media-url input,
.admin-workspace .admin-media-alt input { min-width: 0; width: 100%; height: 34px; min-height: 34px; margin: 0; font-size: 10px; }
.admin-workspace .admin-media-url .btn,
.admin-workspace .admin-media-alt .btn { min-height: 34px; padding-inline: 9px; font-size: 10px; }
.admin-workspace .admin-media-table .btn:disabled { border-color: #e6e9e7; background: #f4f5f4; color: #9aa29d; cursor: not-allowed; }
@media (max-width: 900px) {
  .admin-workspace .admin-media-upload { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 88px; }
  .admin-workspace .admin-media-upload strong,
  .admin-workspace .admin-media-upload small { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  .admin-workspace .admin-media-upload { grid-template-columns: minmax(0, 1fr); }
  .admin-workspace .admin-media-upload > * { grid-column: 1; width: 100%; }
  .admin-workspace .admin-media-summary { align-items: flex-start; flex-direction: column; gap: 5px; }
}
.admin-workspace .admin-topic-edit-form { padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
.admin-workspace .admin-topic-edit-form .admin-form-section { padding: 22px 24px; display: grid; align-content: start; gap: 15px; }
.admin-workspace .admin-topic-edit-form .admin-form-section + .admin-form-section { border-left: 1px solid var(--admin-line-soft); background: #fafbf9; }
.admin-workspace .admin-topic-edit-form .admin-form-section header { margin-bottom: 2px; }
.admin-workspace .admin-topic-edit-form .admin-form-section header small { color: var(--ui-accent-strong); font-size: 8px; font-weight: 800; letter-spacing: .14em; }
.admin-workspace .admin-topic-edit-form .admin-form-section header h3 { margin: 5px 0 0; font-size: 14px; }
.admin-workspace .admin-topic-edit-form .admin-switch-row { min-height: 62px; padding: 12px 14px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border: 1px solid var(--admin-line-soft); border-radius: 8px; background: #f6f9f2; }
.admin-workspace .admin-topic-edit-form .admin-switch-row > span b,
.admin-workspace .admin-topic-edit-form .admin-switch-row > span small { display: block; }
.admin-workspace .admin-topic-edit-form .admin-switch-row > span small { margin-top: 4px; color: var(--ui-muted); font-size: 8px; font-weight: 400; }
.admin-workspace .admin-topic-edit-form .admin-switch-row > input { width: 18px; height: 18px; min-height: 0; margin: 0; flex: 0 0 auto; }
.admin-workspace .admin-topic-edit-form > .admin-form-actions { grid-column: 1 / -1; padding: 14px 24px; border-top: 1px solid var(--admin-line-soft); background: #fff; }
@media (max-width: 760px) {
  .admin-workspace .admin-topic-edit-form { grid-template-columns: 1fr; }
  .admin-workspace .admin-topic-edit-form .admin-form-section + .admin-form-section { border-top: 1px solid var(--admin-line-soft); border-left: 0; }
}
.admin-workspace .admin-article-list .admin-article-actions{width:auto;min-width:max-content;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-end;gap:6px}.admin-workspace .admin-article-list .admin-article-actions form{width:auto;flex:0 0 auto}.admin-workspace .admin-article-list .admin-article-actions .btn{width:auto;white-space:nowrap}
@media(max-width:900px){.admin-workspace .admin-article-list .admin-article-actions{width:100%;min-width:0;justify-content:flex-start}.admin-workspace .admin-article-list .admin-article-actions>a{flex:1;text-align:center}.admin-workspace .admin-article-list .admin-article-actions form .btn{width:100%}}

/* Creator studio: deliberately separate from the site administration UI. */
.creator-center,.creator-profile-page{width:min(1180px,var(--ui-shell));margin:30px auto 84px}.creator-center{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start}.creator-sidebar{position:sticky;top:130px;display:grid;gap:12px}.creator-identity,.creator-menu,.creator-admin-entry,.creator-welcome,.creator-stats>a,.creator-content-list,.creator-profile-head,.creator-avatar-card,.creator-profile-summary,.creator-profile-form{border:1px solid var(--ui-line);background:#fff}.creator-identity{padding:24px 20px;border-radius:16px;text-align:center}.creator-avatar{width:76px;height:76px;margin:0 auto 12px;position:relative;display:block}.creator-avatar img,.creator-avatar i,.creator-avatar-large img,.creator-avatar-large i{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;object-fit:cover;background:#101a16;color:var(--ui-accent);font-style:normal;font-size:25px;font-weight:800}.creator-avatar span{position:absolute;right:-2px;bottom:0;padding:3px 6px;border:2px solid #fff;border-radius:999px;background:var(--ui-accent);color:#203009;font-size:7px;font-weight:800}.creator-identity h2{margin:0;font-size:18px}.creator-identity>p{min-height:38px;margin:7px 0 17px;color:var(--ui-muted);font-size:10px;line-height:1.7}.creator-identity>div{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--ui-line)}.creator-identity>div span{padding:11px 4px;color:var(--ui-muted);font-size:8px}.creator-identity>div span+span{border-left:1px solid var(--ui-line)}.creator-identity>div b{display:block;margin-bottom:2px;color:var(--ui-ink);font-size:16px}.creator-public-link{margin-top:14px;display:inline-block;color:var(--ui-accent-strong);font-size:9px;font-weight:750}.creator-menu{padding:7px;border-radius:14px}.creator-menu>a{padding:10px;display:grid;grid-template-columns:31px minmax(0,1fr);gap:10px;align-items:center;border-radius:9px;color:var(--ui-ink)}.creator-menu>a+a{margin-top:2px}.creator-menu>a:hover,.creator-menu>a.is-active{background:#f2f6e8}.creator-menu i{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#f1f3f0;color:var(--ui-muted);font-style:normal;font-size:13px}.creator-menu .is-active i{background:var(--ui-dark);color:var(--ui-accent)}.creator-menu span,.creator-menu b,.creator-menu small{min-width:0;display:block}.creator-menu b{font-size:10px}.creator-menu small{margin-top:2px;color:var(--ui-faint);font-size:8px}.creator-admin-entry{padding:14px 15px;display:flex;align-items:center;justify-content:space-between;border-radius:12px;color:var(--ui-ink);font-size:9px}.creator-admin-entry b{color:var(--ui-accent-strong)}.creator-main{min-width:0}.creator-welcome{padding:29px 31px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:16px;background:linear-gradient(120deg,#fff 0,#fff 63%,#f0f6e3 100%)}.creator-welcome h1{margin:7px 0 5px;font-size:30px;letter-spacing:-.04em}.creator-welcome p{margin:0;color:var(--ui-muted);font-size:11px}.creator-stats{margin:13px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.creator-stats>a{padding:17px;border-radius:11px;color:var(--ui-ink)}.creator-stats small,.creator-stats b,.creator-stats span{display:block}.creator-stats small{color:var(--ui-muted);font-size:8px}.creator-stats b{margin:8px 0 4px;font-size:24px;line-height:1}.creator-stats span{color:var(--ui-faint);font-size:8px}.creator-content-list{overflow:hidden;border-radius:15px}.creator-content-list>header{padding:20px 23px;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--ui-line)}.creator-content-list>header h2{margin:4px 0 2px;font-size:20px}.creator-content-list>header p{margin:0;color:var(--ui-muted);font-size:9px}.creator-content-list>header>a{color:var(--ui-accent-strong);font-size:9px;font-weight:750}.creator-content-list>article{padding:18px 22px;display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:16px;align-items:center;border-bottom:1px solid var(--ui-line)}.creator-content-list>article:last-child{border-bottom:0}.creator-article-status{display:grid;gap:6px;justify-items:start}.creator-article-status small{color:var(--ui-faint);font-size:8px}.creator-article-copy{min-width:0}.creator-article-copy h3{margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.creator-article-copy p{margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ui-muted);font-size:10px}.creator-article-copy small{color:var(--ui-faint);font-size:8px}.creator-content-list article nav{display:flex;gap:5px}.creator-content-list article nav a{padding:6px 8px;border:1px solid var(--ui-line);border-radius:6px;color:var(--ui-muted);font-size:8px;font-weight:700;white-space:nowrap}.creator-empty{padding:58px 20px;text-align:center}.creator-empty i{font-size:28px;font-style:normal}.creator-empty h2{margin:10px 0 4px}.creator-empty p{margin:0 0 16px;color:var(--ui-muted)}
.creator-profile-head{padding:28px 31px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-radius:16px}.creator-profile-head h1{margin:7px 0 5px;font-size:30px}.creator-profile-head p{margin:0;color:var(--ui-muted);font-size:11px}.creator-profile-head nav{display:flex;gap:7px}.creator-profile-head nav a{padding:8px 10px;border:1px solid var(--ui-line);border-radius:7px;color:var(--ui-muted);font-size:9px;font-weight:700}.creator-profile-grid{margin-top:16px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}.creator-profile-grid>aside{display:grid;gap:10px}.creator-avatar-card{padding:26px 22px;border-radius:15px;text-align:center}.creator-avatar-large{width:96px;height:96px;margin:0 auto 13px}.creator-avatar-card h2{margin:0;font-size:19px}.creator-avatar-card>p{margin:3px 0 17px;color:var(--ui-muted);font-size:9px}.creator-upload{padding:10px;display:grid;gap:7px;border:1px dashed var(--ui-line-strong);border-radius:9px;background:#fafbf9;text-align:left}.creator-upload span{font-size:9px;font-weight:750}.creator-upload input{width:100%;min-height:0;padding:0;border:0;background:transparent;font-size:8px}.creator-avatar-card>small{margin:9px 0 12px;display:block;color:var(--ui-faint);font-size:8px;line-height:1.6}.creator-avatar-card>.btn{width:100%}.creator-remove-avatar button{width:100%;padding:8px;border:0;background:transparent;color:#a34c3f;font-size:8px;cursor:pointer}.creator-profile-summary{padding:17px;display:grid;grid-template-columns:1fr 1fr;border-radius:12px;text-align:center}.creator-profile-summary span+span{border-left:1px solid var(--ui-line)}.creator-profile-summary b{display:block;font-size:18px}.creator-profile-summary span{color:var(--ui-muted);font-size:8px}.creator-profile-form{overflow:hidden;border-radius:15px}.creator-profile-form>header{padding:22px 24px;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--ui-line)}.creator-profile-form>header h2{margin:5px 0 0;font-size:20px}.creator-profile-form>header>small{color:var(--ui-faint);font-size:8px}.creator-form-fields{padding:23px 24px;display:grid;grid-template-columns:1fr 1fr;gap:19px 16px}.creator-form-fields label{display:grid;gap:7px}.creator-form-fields label>span{font-size:9px;font-weight:750}.creator-form-fields input,.creator-form-fields textarea{margin:0}.creator-form-fields small{color:var(--ui-faint);font-size:8px;line-height:1.5}.creator-field-wide{grid-column:1/-1}.creator-profile-form>footer{padding:14px 24px;display:flex;justify-content:flex-end;gap:7px;border-top:1px solid var(--ui-line);background:#fafbf9}
@media(max-width:900px){.creator-center{grid-template-columns:1fr}.creator-sidebar{position:static}.creator-identity{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 15px;align-items:center;text-align:left}.creator-avatar{grid-row:1/4;margin:0}.creator-identity h2,.creator-identity>p{margin:0}.creator-identity>p{min-height:0}.creator-identity>div{grid-column:3;grid-row:1/4}.creator-public-link{grid-column:2;margin-top:3px}.creator-menu{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.creator-menu>a{grid-template-columns:1fr;justify-items:center;text-align:center}.creator-menu small{display:none}.creator-admin-entry{display:none}.creator-profile-grid{grid-template-columns:230px minmax(0,1fr)}.creator-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.creator-center,.creator-profile-page{margin-top:14px}.creator-identity{display:block;text-align:center}.creator-avatar{margin:0 auto 10px}.creator-identity>div{margin-top:12px}.creator-menu{grid-template-columns:repeat(3,minmax(0,1fr))}.creator-welcome,.creator-profile-head{padding:24px 19px;display:block}.creator-welcome .btn,.creator-profile-head nav{margin-top:15px}.creator-profile-head nav{display:grid;grid-template-columns:1fr 1fr}.creator-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-content-list>article{grid-template-columns:1fr}.creator-article-status{display:flex;align-items:center}.creator-content-list article nav{flex-wrap:wrap}.creator-profile-grid{grid-template-columns:1fr}.creator-form-fields{padding:19px;grid-template-columns:1fr}.creator-field-wide{grid-column:auto}.creator-profile-form>footer{padding:13px 19px}.creator-avatar-card{padding:24px 19px}}

/* Article settings are shown together instead of behind tabs. */
.editor-settings-card .editor-settings-tabs{display:none}.editor-settings-card .editor-settings-panels>section{display:block;height:auto}.editor-settings-card .editor-settings-panels>section+section{border-top:1px solid var(--ui-line)}.editor-settings-card .editor-settings-panels>.cover-uploader{padding-top:16px}.editor-settings-card .cover-uploader>img{width:100%;height:auto;max-height:150px;margin:0 0 13px;display:block;border-radius:9px;object-fit:cover}.editor-settings-card .cover-uploader input[type=file]{min-height:0;padding:8px;font-size:8px}.editor-settings-card .editor-promotion-tab-head{margin-bottom:13px}

/* Editorial author card on article pages. */
.article-left .article-author-card{overflow:hidden;padding:0;border-radius:16px;background:#fff;box-shadow:0 14px 34px rgba(19,34,25,.055)}.article-author-card>header{padding:19px 19px 16px;background:linear-gradient(145deg,#111b17 0%,#1e3028 100%);color:#fff}.article-author-kicker{display:block;margin-bottom:14px;color:#b9d56e;font:800 7px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}.article-author-person{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center}.article-author-person>img,.article-author-person>i{width:58px;height:58px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.2);border-radius:50%;object-fit:cover;background:#d4eb8e;color:#17210c;font-size:19px;font-style:normal;font-weight:850}.article-author-person small{display:block;margin:0 0 3px;color:#a9b8b0;font-size:8px}.article-author-person h2{margin:0;color:#fff;font-size:18px;line-height:1.25}.article-author-bio{min-height:56px;margin:0!important;padding:17px 19px 14px;color:var(--ui-muted)!important;font-size:10px!important;line-height:1.75}.article-author-stats{margin:0 19px;display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--ui-line)}.article-author-stats span{padding:12px 5px;text-align:center}.article-author-stats span+span{border-left:1px solid var(--ui-line)}.article-author-stats b,.article-author-stats small{display:block}.article-author-stats b{color:var(--ui-ink);font-size:17px;line-height:1.1}.article-author-stats small{margin-top:3px;color:var(--ui-faint);font-size:8px}.article-author-actions{padding:14px 19px 17px;display:grid;gap:7px}.article-author-card .article-author-actions>a{margin:0;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--ui-line);border-radius:7px;color:var(--ui-muted);font-size:9px;font-weight:700}.article-author-card .article-author-actions>a.article-author-primary{border-color:#1a2822;background:#17241e;color:#fff}.article-author-primary b{color:var(--ui-accent);font-size:12px}.article-author-card .article-author-actions>a:hover{border-color:#aaba91}.article-author-card .article-author-actions>a.article-author-primary:hover{border-color:#17241e;background:#22342b}
@media(max-width:720px){.article-left .article-author-card{display:block}.article-author-card>header{padding:17px}.article-author-kicker{margin-bottom:10px}.article-author-bio{min-height:0}.article-author-actions{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}
.creator-content-list article nav form{margin:0}.creator-content-list article nav form button{height:100%;padding:6px 8px;border:1px solid #edcbc5;border-radius:6px;background:#fff8f6;color:#a14537;font-size:8px;font-weight:700;white-space:nowrap;cursor:pointer}.creator-content-list article nav form button:hover{border-color:#dca69d;background:#fff0ed}
.admin-workspace .admin-user-create-card{max-width:820px}.admin-workspace .admin-user-create-form{gap:18px}.admin-workspace .admin-user-create-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-workspace .admin-user-create-options label{display:grid;gap:7px}.admin-workspace .admin-user-create-note{padding:13px 14px;border:1px solid #dfe8cc;border-radius:8px;background:#f7faef}.admin-workspace .admin-user-create-note b{font-size:10px}.admin-workspace .admin-user-create-note p{margin:4px 0 0;color:var(--ui-muted);font-size:9px;line-height:1.6}.admin-workspace .admin-user-create-form .admin-form-actions{display:flex;justify-content:flex-end;gap:7px}.admin-workspace .admin-user-create-form .admin-form-actions .btn{width:auto}@media(max-width:620px){.admin-workspace .admin-user-create-options{grid-template-columns:1fr}.admin-workspace .admin-user-create-form .admin-form-actions{display:grid;grid-template-columns:1fr 1fr}.admin-workspace .admin-user-create-form .admin-form-actions .btn{width:100%}}
.admin-workspace .admin-user-account-form{padding:17px 20px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.65fr) minmax(210px,.85fr) auto;gap:12px;align-items:end;border-top:1px solid var(--admin-line-soft)}.admin-workspace .admin-user-account-form>div h3{margin:0 0 4px;font-size:12px}.admin-workspace .admin-user-account-form>div p{margin:0;color:var(--ui-muted);font-size:9px}.admin-workspace .admin-user-account-form label{display:grid;gap:5px}.admin-workspace .admin-user-account-form label span{font-size:9px;font-weight:700}.admin-workspace .admin-user-account-form input{height:34px;min-height:34px;margin:0}.admin-workspace .admin-user-account-form .btn{min-height:34px;white-space:nowrap}@media(max-width:950px){.admin-workspace .admin-user-account-form{grid-template-columns:1fr 1fr}.admin-workspace .admin-user-account-form>div{grid-column:1/-1}}@media(max-width:620px){.admin-workspace .admin-user-account-form{grid-template-columns:1fr}.admin-workspace .admin-user-account-form>div{grid-column:auto}.admin-workspace .admin-user-account-form .btn{width:100%}}
.admin-workspace .admin-user-controls{border-top:1px solid var(--admin-line-soft)}.admin-workspace .admin-user-controls>header{padding:17px 20px 12px}.admin-workspace .admin-user-controls>header h3{margin:0 0 4px;font-size:12px}.admin-workspace .admin-user-controls>header p{margin:0;color:var(--ui-muted);font-size:9px}.admin-workspace .admin-user-control-grid{padding:0 20px 17px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.admin-workspace .admin-user-control-grid>section{min-height:122px;padding:14px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--admin-line-soft);border-radius:9px;background:#fafbf9}.admin-workspace .admin-user-control-grid b{font-size:10px}.admin-workspace .admin-user-control-grid small{margin:4px 0 12px;display:block;color:var(--ui-muted);font-size:8px;line-height:1.5}.admin-workspace .admin-user-control-grid form{margin-top:auto}.admin-workspace .admin-user-control-grid>section>span{margin-top:auto;color:var(--ui-faint);font-size:8px}.admin-workspace .admin-user-control-grid .btn{min-height:30px;padding:5px 9px;font-size:9px}.admin-workspace .admin-user-role-row{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--admin-line-soft);background:#fafbf9}.admin-workspace .admin-user-role-row b,.admin-workspace .admin-user-role-row small{display:block}.admin-workspace .admin-user-role-row b{font-size:10px}.admin-workspace .admin-user-role-row small{margin-top:3px;color:var(--ui-muted);font-size:8px}.admin-workspace .admin-user-role-row .admin-role-form{margin:0}@media(max-width:760px){.admin-workspace .admin-user-control-grid{grid-template-columns:1fr}.admin-workspace .admin-user-control-grid>section{min-height:0}.admin-workspace .admin-user-role-row{align-items:stretch;flex-direction:column}.admin-workspace .admin-user-role-row .admin-role-form{display:grid;grid-template-columns:1fr auto}}
.admin-workspace .admin-protected-account{margin-top:9px;padding:6px 9px;display:inline-block;border-radius:6px;background:#fff5e8;color:#8b5a20;font-size:8px;font-weight:700}.admin-workspace .admin-user-control-grid .btn:disabled{border-color:#e3e6e3;background:#f0f2f0;color:#959c97;cursor:not-allowed}.admin-workspace .admin-role-locked{padding:7px 10px;border:1px solid var(--admin-line-soft);border-radius:7px;background:#fff;color:var(--ui-muted);font-size:9px;font-weight:700}
.admin-workspace .admin-user-settings-grid{display:grid;grid-template-columns:240px minmax(0,1fr);border-top:1px solid var(--admin-line-soft)}.admin-workspace .admin-user-avatar-panel{padding:22px;display:flex;flex-direction:column;border-right:1px solid var(--admin-line-soft);background:#fafbf9}.admin-workspace .admin-user-avatar-panel header small,.admin-workspace .admin-user-setting-forms header small{color:var(--ui-accent-strong);font-size:7px;font-weight:800;letter-spacing:.14em}.admin-workspace .admin-user-avatar-panel h3,.admin-workspace .admin-user-setting-forms h3{margin:4px 0 0;font-size:14px}.admin-workspace .admin-user-avatar-preview{width:104px;height:104px;margin:20px auto 14px}.admin-workspace .admin-user-avatar-preview img,.admin-workspace .admin-user-avatar-preview i{width:100%;height:100%;display:grid;place-items:center;border:5px solid #eaf0e5;border-radius:50%;object-fit:cover;background:var(--ui-dark);color:var(--ui-accent);font-size:28px;font-style:normal;font-weight:800}.admin-workspace .admin-user-avatar-panel>p{margin:0 0 14px;color:var(--ui-muted);font-size:8px;line-height:1.7;text-align:center}.admin-workspace .admin-user-avatar-panel form{display:grid;gap:7px}.admin-workspace .admin-user-avatar-panel form+form{margin-top:7px}.admin-workspace .admin-user-avatar-panel label{padding:9px;border:1px dashed var(--admin-line);border-radius:7px;background:#fff}.admin-workspace .admin-user-avatar-panel label span{display:block;margin-bottom:6px;font-size:8px;font-weight:700}.admin-workspace .admin-user-avatar-panel input[type=file]{width:100%;min-height:0;padding:0;border:0;background:transparent;font-size:7px}.admin-workspace .admin-user-avatar-panel .btn{width:100%;min-height:32px;font-size:9px}.admin-workspace .admin-user-setting-forms{min-width:0}.admin-workspace .admin-user-setting-forms .admin-user-account-form,.admin-workspace .admin-user-password-form{padding:21px 23px;display:block;border:0}.admin-workspace .admin-user-password-form{border-top:1px solid var(--admin-line-soft)}.admin-workspace .admin-user-setting-forms header p{margin:4px 0 0;color:var(--ui-muted);font-size:8px}.admin-workspace .admin-user-form-row{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.admin-workspace .admin-user-form-row label{display:grid;gap:6px}.admin-workspace .admin-user-form-row label>span{font-size:9px;font-weight:700}.admin-workspace .admin-user-form-row input{height:36px;min-height:36px;margin:0}.admin-workspace .admin-user-form-row small{color:var(--ui-faint);font-size:8px}.admin-workspace .admin-user-setting-forms footer{margin-top:14px;display:flex;justify-content:flex-end}.admin-workspace .admin-user-setting-forms footer .btn{min-height:33px}@media(max-width:850px){.admin-workspace .admin-user-settings-grid{grid-template-columns:1fr}.admin-workspace .admin-user-avatar-panel{border-right:0;border-bottom:1px solid var(--admin-line-soft)}.admin-workspace .admin-user-avatar-panel{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px 18px;align-items:center}.admin-workspace .admin-user-avatar-panel header,.admin-workspace .admin-user-avatar-panel>p,.admin-workspace .admin-user-avatar-panel form{grid-column:2}.admin-workspace .admin-user-avatar-preview{grid-column:1;grid-row:1/5;margin:0}.admin-workspace .admin-user-avatar-panel>p{text-align:left}}@media(max-width:620px){.admin-workspace .admin-user-avatar-panel{display:block}.admin-workspace .admin-user-avatar-preview{margin:18px auto 13px}.admin-workspace .admin-user-avatar-panel>p{text-align:center}.admin-workspace .admin-user-avatar-panel form{margin-top:8px}.admin-workspace .admin-user-form-row{grid-template-columns:1fr}.admin-workspace .admin-user-setting-forms .admin-user-account-form,.admin-workspace .admin-user-password-form{padding:19px}.admin-workspace .admin-user-setting-forms footer .btn{width:100%}}

/* Directory management */
.admin-directory-page{min-width:0}.admin-directory-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.admin-directory-overview article{padding:16px 18px;border:1px solid var(--admin-line-soft);border-radius:14px;background:#fff;display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px 14px}.admin-directory-overview small{color:var(--ui-muted);font-size:10px;font-weight:700;letter-spacing:.08em}.admin-directory-overview strong{grid-row:1/3;grid-column:2;font-size:28px;line-height:1;color:var(--ui-ink)}.admin-directory-overview span{color:var(--ui-muted);font-size:10px}.admin-directory-help{margin-bottom:14px}.admin-directory-groups{display:grid;gap:14px}.admin-directory-section{overflow:hidden}.admin-directory-category-head{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-directory-category-title{min-width:0;display:flex;align-items:flex-start;gap:13px}.admin-directory-index{width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:var(--ui-ink);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}.admin-directory-category-title h2{margin:0 0 4px;font-size:16px}.admin-directory-category-title p{margin:0;max-width:680px;color:var(--ui-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-directory-category-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.admin-directory-collapse{border-top:1px solid var(--admin-line-soft)}.admin-directory-collapse>summary{padding:11px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none;background:#fafbf9;color:var(--ui-ink);font-size:11px;font-weight:750}.admin-directory-collapse>summary::-webkit-details-marker{display:none}.admin-directory-collapse>summary span:before{content:'＋';display:inline-block;width:18px;color:var(--ui-accent-strong)}.admin-directory-collapse[open]>summary span:before{content:'−'}.admin-directory-collapse>summary small{color:var(--ui-muted);font-size:9px;font-weight:500}.admin-directory-table-wrap{padding:0 18px 10px}.admin-directory-table{display:grid;grid-template-columns:minmax(240px,1.6fr) minmax(150px,1fr) 74px 54px 210px;gap:14px;align-items:center}.admin-directory-table-head{padding:10px 8px;color:var(--ui-muted);font-size:9px;font-weight:750;letter-spacing:.06em;border-bottom:1px solid var(--admin-line-soft)}.admin-directory-row{padding:11px 8px;border-bottom:1px solid var(--admin-line-soft)}.admin-directory-row:last-child{border-bottom:0}.admin-directory-site{min-width:0;display:flex;align-items:center;gap:10px}.admin-directory-site>i{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#eff5df;color:var(--ui-accent-strong);display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:800}.admin-directory-site>span{min-width:0;display:grid;gap:2px}.admin-directory-site b,.admin-directory-site small,.admin-directory-site em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-directory-site b{font-size:11px}.admin-directory-site small{color:var(--ui-muted);font-size:9px}.admin-directory-site em{color:var(--ui-accent-strong);font-size:8px;font-style:normal}.admin-directory-site em.is-missing{color:#a66536}.admin-directory-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ui-muted);font-size:9px}.admin-directory-status{justify-self:start;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:750}.admin-directory-status.is-enabled{background:#eff5df;color:var(--ui-accent-strong)}.admin-directory-status.is-disabled{background:#f2f2f0;color:#777}.admin-directory-order{font-size:10px}.admin-directory-actions{display:flex;justify-content:flex-end;gap:5px;flex-wrap:nowrap}.admin-directory-actions .btn{min-height:28px;padding:5px 9px;font-size:9px;white-space:nowrap}
@media(max-width:1050px){.admin-directory-table{grid-template-columns:minmax(220px,1.5fr) minmax(120px,1fr) 65px 185px}.admin-directory-table>*:nth-child(4){display:none}.admin-directory-table-head span:nth-child(4){display:none}}
@media(max-width:760px){.admin-directory-overview{grid-template-columns:1fr}.admin-directory-category-head{align-items:flex-start;flex-direction:column}.admin-directory-category-actions{justify-content:flex-start}.admin-directory-category-title p{white-space:normal}.admin-directory-table-head{display:none}.admin-directory-table{grid-template-columns:1fr}.admin-directory-row{gap:8px;padding:14px 4px}.admin-directory-row>*:nth-child(4){display:block}.admin-directory-url{padding-left:44px}.admin-directory-status,.admin-directory-order{margin-left:44px}.admin-directory-actions{justify-content:flex-start;margin-left:44px}}

.admin-directory-page .admin-directory-overview{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-directory-overview article.has-warning{border-color:#dfb8a1;background:#fffaf7}.admin-directory-toolbar{display:flex;align-items:center;gap:10px}.admin-directory-filter{flex:1;display:grid;grid-template-columns:minmax(260px,1fr) minmax(140px,190px) minmax(120px,160px) auto auto;gap:8px}.admin-directory-filter input,.admin-directory-filter select{min-width:0}.admin-directory-flat-table{min-width:1050px}.admin-directory-flat-table th:nth-child(1){width:25%}.admin-directory-flat-table th:nth-child(2){width:12%}.admin-directory-flat-table th:nth-child(3){width:20%}.admin-directory-flat-table th:nth-child(4){width:8%}.admin-directory-flat-table th:nth-child(5){width:8%}.admin-directory-flat-table th:nth-child(6){width:6%}.admin-directory-flat-table th:nth-child(7){width:21%}.admin-directory-flat-table .admin-directory-site{color:inherit}.admin-directory-flat-table .admin-directory-site small{max-width:300px}.admin-directory-flat-table tr.is-duplicate{background:#fffaf7}.admin-duplicate-label{display:block;margin-top:4px;color:#a65332;font-size:8px;font-weight:750}.admin-seo-ready,.admin-seo-missing{padding:4px 7px;border-radius:999px;font-size:9px;font-weight:750}.admin-seo-ready{background:#eff5df;color:var(--ui-accent-strong)}.admin-seo-missing{background:#fff2e9;color:#a65332}
@media(max-width:1050px){.admin-directory-page .admin-directory-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-directory-toolbar{align-items:stretch;flex-direction:column}.admin-directory-filter{grid-template-columns:1fr 1fr}.admin-directory-filter input{grid-column:1/-1}}
@media(max-width:620px){.admin-directory-page .admin-directory-overview{grid-template-columns:1fr}.admin-directory-filter{grid-template-columns:1fr}.admin-directory-filter input{grid-column:auto}}

/* Compact homepage placement controls inside the article editor. */
.editor-settings>section.editor-promotion{padding:0;overflow:hidden}.editor-promotion-panel>summary{min-height:58px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none}.editor-promotion-panel>summary::-webkit-details-marker{display:none}.editor-promotion-panel>summary>span:first-child{display:grid;gap:2px}.editor-promotion-panel>summary b{font-size:13px}.editor-promotion-panel>summary small{color:var(--ui-faint);font-size:8px;font-weight:500}.editor-promotion-panel>summary:after{content:'＋';width:20px;height:20px;flex:0 0 20px;border-radius:6px;background:var(--ui-surface-soft);display:grid;place-items:center;color:var(--ui-muted);font-size:12px}.editor-promotion-panel[open]>summary:after{content:'−'}.editor-promotion-summary-status{margin-left:auto;display:flex;gap:3px}.editor-promotion-summary-status i{padding:3px 5px;border-radius:999px;background:#f0f2f0;color:#909791;font-size:7px;font-style:normal;white-space:nowrap}.editor-promotion-summary-status i.is-on{background:#edf6d7;color:var(--ui-accent-strong)}.editor-promotion-body{padding:0 12px 12px;border-top:1px solid var(--ui-line)}.editor-promotion-list{padding-top:10px;grid-template-columns:1fr;gap:5px}.editor-promotion-row{padding:8px;grid-template-columns:minmax(0,1fr) auto}.editor-promotion-row>div{display:grid;justify-content:start;gap:1px}.editor-promotion-row select{grid-column:1/-1}.editor-promotion-row .btn{min-width:50px;grid-row:1;grid-column:2}.editor-promotion-order{margin-top:8px;padding-top:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.editor-promotion-order .btn{min-height:30px}
@media(max-width:1180px) and (min-width:901px){.editor-promotion-list{grid-template-columns:1fr}.editor-promotion-summary-status{display:none}}
@media(max-width:620px){.editor-promotion-list{grid-template-columns:1fr}.editor-promotion-summary-status{display:none}}

/* Compact, task-oriented article settings sidebar. */
.editor-form{align-items:start}.editor-main{height:auto}.editor-settings{height:auto;min-height:0;gap:12px}.editor-settings-card{overflow:hidden;border:1px solid var(--ui-line);border-radius:15px;background:#fff;box-shadow:0 10px 28px rgba(20,34,26,.045)}.editor-settings-head{padding:17px 17px 13px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-bottom:1px solid var(--ui-line)}.editor-settings-head span{display:block;margin-bottom:4px;color:var(--ui-accent-strong);font-size:7px;font-weight:800;letter-spacing:.16em}.editor-settings-head h2{margin:0;font-size:16px;line-height:1.2}.editor-settings-head>small{max-width:110px;color:var(--ui-faint);font-size:8px;line-height:1.5;text-align:right}.editor-settings-tabs{margin:12px 12px 0;padding:4px;border:0;border-radius:10px;background:#f3f5f2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.editor-settings-tabs button{min-width:0;min-height:34px;padding:6px 4px;border:0;border-radius:7px;background:transparent;color:var(--ui-muted);font-size:9px;font-weight:750;cursor:pointer;transition:.16s ease}.editor-settings-tabs button:hover{color:var(--ui-ink)}.editor-settings-tabs button.is-active{background:#fff;color:var(--ui-ink);box-shadow:0 1px 5px rgba(16,30,22,.09)}.editor-settings-panels{display:block;min-height:0}.editor-settings-panels>section{width:100%;height:auto;padding:17px;border:0;border-radius:0;background:#fff}.editor-settings-panels>section[hidden]{display:none}.editor-settings-panels>section>h2{margin:0 0 14px;font-size:13px}.editor-settings-panels>section label+label{margin-top:13px}.editor-settings-panels .editor-promotion{overflow:visible}.editor-promotion-tab-head{margin-bottom:10px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.editor-promotion-tab-head h2{margin:0 0 2px}.editor-promotion-tab-head small{color:var(--ui-faint);font-size:8px}.editor-settings .editor-publish{margin-top:0;padding:15px;border-radius:14px;box-shadow:0 10px 28px rgba(20,34,26,.04)}.editor-settings .editor-publish .btn{min-height:36px}.editor-settings .editor-publish small{padding-top:3px;line-height:1.6}.editor-settings-panels .editor-promotion-body{padding:0;border:0}.editor-settings-panels .editor-promotion-list{padding-top:0}
@media(max-width:900px){.editor-main,.editor-settings{height:auto}.editor-settings{display:flex;min-height:0}.editor-settings-panels{min-height:0}.editor-settings-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.editor-settings-tabs{grid-template-columns:1fr}.editor-settings-head{align-items:flex-start}.editor-settings-head>small{display:none}}
.editor-keywords-field{display:grid;gap:7px}.editor-keywords{min-height:42px;padding:6px 8px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;border:1px solid var(--ui-line);border-radius:8px;background:#fff;cursor:text;transition:border-color .16s,box-shadow .16s}.editor-keywords:focus-within{border-color:#90ad55;box-shadow:0 0 0 3px rgba(151,190,72,.12)}.editor-keyword-chips{display:contents}.editor-keyword-chip{max-width:100%;padding:5px 5px 5px 9px;display:inline-flex;align-items:center;gap:5px;border:1px solid #dbe8be;border-radius:7px;background:#f1f7e3;color:#496d11;font-size:9px;font-weight:700;line-height:1.2}.editor-keyword-chip button{width:17px;height:17px;padding:0;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:#779343;font-size:13px;line-height:1;cursor:pointer}.editor-keyword-chip button:hover{background:#dfeabf;color:#315000}.editor-keywords>input[data-keyword-input]{min-width:100px;flex:1;width:auto;min-height:28px;height:28px;padding:2px;border:0!important;outline:0;box-shadow:none!important;background:transparent;font-size:10px}.editor-keywords-field>small{margin-top:0}
/* Content operations, analytics and role management */
.admin-workspace .admin-performance-stats{margin-top:12px;grid-template-columns:repeat(6,minmax(0,1fr))}.admin-workspace .admin-performance-stats .admin-metric{min-width:0}.admin-workspace .admin-analytics-grid{margin:14px 0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:14px}.admin-workspace .admin-ranking-list{margin:0;padding:0 18px 16px;list-style:none}.admin-workspace .admin-ranking-list li+li{border-top:1px solid var(--admin-line-soft)}.admin-workspace .admin-ranking-list a{padding:10px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--ui-ink)}.admin-workspace .admin-ranking-list span,.admin-workspace .admin-ranking-list b,.admin-workspace .admin-ranking-list small{min-width:0;display:block}.admin-workspace .admin-ranking-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.admin-workspace .admin-ranking-list small{margin-top:2px;color:var(--ui-muted);font-size:9px}.admin-workspace .admin-ranking-list strong{color:var(--ui-accent-strong);font-size:16px}.admin-workspace .admin-structure-columns{padding:0 18px 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.admin-workspace .admin-structure-columns h3{margin:0 0 6px;color:var(--ui-muted);font-size:10px;text-transform:uppercase}.admin-workspace .admin-structure-columns a{padding:7px 0;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--admin-line-soft);color:var(--ui-ink);font-size:11px}.admin-workspace .admin-structure-columns a b{color:var(--ui-accent-strong)}.admin-workspace .admin-inline-promotion-actions{align-items:flex-end}.admin-workspace .admin-inline-promotion-actions>form{display:flex;align-items:center;gap:6px}.admin-workspace .admin-inline-promotion-actions select{max-width:210px;height:30px}.admin-workspace .admin-promotion-order-form{width:100%;padding-top:9px;border-top:1px solid var(--admin-line-soft);display:grid!important;grid-template-columns:repeat(3,minmax(90px,130px)) auto;gap:7px!important}.admin-workspace .admin-promotion-order-form label{display:grid;gap:3px;color:var(--ui-muted);font-size:9px}.admin-workspace .admin-promotion-order-form input{height:30px;min-height:30px;margin:0}.admin-workspace .admin-content-ops{padding:10px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;border-top:1px solid var(--admin-line-soft)}.admin-workspace .admin-content-ops>form{display:flex;align-items:center;gap:6px}.admin-workspace .admin-content-ops p{margin:0;color:var(--ui-muted);font-size:10px}.admin-workspace .admin-content-ops input,.admin-workspace .admin-content-ops select{height:31px;min-height:31px;margin:0}.admin-workspace .admin-batch-properties{width:100%;margin-top:8px}.admin-workspace .admin-batch-properties summary{cursor:pointer;color:var(--ui-muted);font-size:10px}.admin-workspace .admin-batch-properties>div{margin-top:8px;display:grid;grid-template-columns:minmax(140px,1fr) auto minmax(140px,1fr) auto minmax(160px,1fr) auto;gap:7px}.admin-workspace .admin-batch-properties input,.admin-workspace .admin-batch-properties select{height:32px;min-height:32px;margin:0}.admin-workspace .admin-role-form{margin-top:10px;display:flex;gap:7px}.admin-workspace .admin-role-form select{min-width:150px}.admin-workspace .admin-security-verify{max-width:720px}.admin-workspace .admin-security-verify .admin-form{max-width:520px}.admin-workspace .admin-current-version{margin-bottom:14px}.admin-workspace .admin-revision-list .admin-data-row{align-items:center}
.status-offline,.admin-workspace .status-pill.status-offline{background:#eef0f4;color:#586172}
@media(max-width:1100px){.admin-workspace .admin-performance-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-workspace .admin-analytics-grid{grid-template-columns:minmax(0,1fr)}.admin-workspace .admin-batch-properties>div{grid-template-columns:minmax(0,1fr) auto}.admin-workspace .admin-promotion-order-form{grid-template-columns:repeat(3,minmax(0,1fr));}.admin-workspace .admin-promotion-order-form .btn{grid-column:1/-1}}
@media(max-width:620px){.admin-workspace .admin-performance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-workspace .admin-structure-columns{grid-template-columns:minmax(0,1fr)}.admin-workspace .admin-inline-promotion-actions>form,.admin-workspace .admin-content-ops>form{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto}.admin-workspace .admin-promotion-order-form{grid-template-columns:minmax(0,1fr)}.admin-workspace .admin-promotion-order-form .btn{grid-column:auto}.admin-workspace .admin-role-form{display:grid}}

/* Final usability alignment */
.placeholder-copy h2 { margin: 13px 0; color: #fff; font-size: clamp(30px, 3vw, 42px); line-height: 1.15; letter-spacing: -.045em; }
.feature-overlay h2 { max-width: 760px; margin: 8px 0 6px; color: #fff; font-size: clamp(23px, 2.3vw, 32px); line-height: 1.35; letter-spacing: -.025em; }
.editor-picks-empty { display: flex !important; flex-direction: column; align-items: flex-start; justify-content: center; gap: 9px; }
.editor-picks-empty strong,
.editor-picks-empty > span { display: block; }
.editor-picks-empty > span { color: var(--ui-muted); font-size: 10px; line-height: 1.7; }
.editor-picks-empty > a { width: auto; display: inline-flex; grid-template-columns: none; margin-top: 3px; padding: 7px 10px; border-radius: 6px; background: #fff; color: var(--ui-accent-strong); }
@media (min-width: 1061px) { .topic-section { height: auto; min-height: 0; } }

.admin-workspace .admin-toolbar .admin-filter[action="/admin/articles"] { max-width: 940px; flex-basis: 860px; grid-template-columns: minmax(220px, 1fr) 132px 142px 72px 40px; }
.admin-workspace .admin-toolbar.batch-toolbar { flex-wrap: wrap; }
.admin-workspace .admin-batch-properties { flex: 0 0 100%; }
.admin-workspace .admin-batch-select-all { display: inline-flex; align-items: center; gap: 6px; color: var(--ui-ink); font-size: 11px; font-weight: 700; white-space: nowrap; }
.admin-workspace .admin-batch-select-all input { width: 15px; height: 15px; min-height: 0; margin: 0; }
.admin-workspace .admin-promotion-order-form input:disabled { border-color: #e4e8e5; background: #f2f4f2; color: #9aa29d; cursor: not-allowed; }
.admin-workspace .admin-content-ops form > span,
.admin-workspace .admin-content-ops form > small { color: var(--ui-muted); font-size: 9px; white-space: nowrap; }
.admin-workspace .admin-revision-list .admin-data-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: center; }
.admin-workspace .admin-media-summary .admin-filter { max-width: 820px; flex-basis: 760px; grid-template-columns: minmax(220px, 1fr) 110px 110px 72px 40px; }
.admin-workspace .admin-media-safety { min-height: 0; margin-top: 8px; padding: 9px 12px; }
.admin-workspace .admin-overview-stats { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1px; background: var(--admin-line-soft); }
.admin-workspace .admin-overview-stats > a { border-left: 0; }
.admin-workspace .admin-performance-stats { gap: 1px; background: var(--admin-line-soft); }
.admin-workspace .admin-performance-stats > .admin-metric { border-left: 0; }
.admin-workspace .admin-analytics-grid { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
.admin-workspace .admin-dashboard-grid { grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); }
@media (max-width: 767px) {
  .placeholder-copy h2 { font-size: 29px; }
  .admin-workspace .admin-toolbar .admin-filter[action="/admin/articles"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-workspace .admin-toolbar .admin-filter[action="/admin/articles"] > input:first-child { grid-column: 1 / -1; }
  .admin-workspace .admin-toolbar .admin-filter[action="/admin/articles"] > button { width: 100%; }
  .admin-workspace .admin-revision-list .admin-data-row { grid-template-columns: minmax(0, 1fr); }
  .admin-workspace .admin-revision-list .admin-data-row > form .btn { width: 100%; }
  .admin-workspace .admin-media-summary { align-items: stretch; flex-direction: column; }
  .admin-workspace .admin-media-summary .admin-filter { width: 100%; max-width: none; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-workspace .admin-media-summary .admin-filter > input:first-child { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  .admin-workspace .admin-analytics-grid,
  .admin-workspace .admin-dashboard-grid { grid-template-columns: minmax(0, 1fr); }
}

/* User account settings: calm, task-oriented admin layout. */
.admin-workspace .user-settings-shell { min-width: 0; }
.admin-workspace .user-settings-heading {
  margin-bottom: 16px;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border: 1px solid var(--admin-line-soft);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(14, 28, 21, .035);
}
.admin-workspace .user-settings-heading small,
.admin-workspace .user-avatar-card header small {
  color: var(--ui-accent-strong);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .14em;
}
.admin-workspace .user-settings-heading h2 { margin: 5px 0 3px; font-size: 21px; line-height: 1.25; }
.admin-workspace .user-settings-heading p { margin: 0; color: var(--ui-muted); font-size: 11px; }
.admin-workspace .user-settings-heading p span { width: 3px; height: 3px; margin: 0 9px; display: inline-block; border-radius: 50%; background: #a8b0aa; vertical-align: middle; }
.admin-workspace .user-settings-badges { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 7px; }
.admin-workspace .user-settings-layout { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 16px; align-items: start; }
.admin-workspace .user-settings-main,
.admin-workspace .user-settings-side { display: grid; gap: 16px; min-width: 0; }
.admin-workspace .user-setting-card,
.admin-workspace .user-avatar-card,
.admin-workspace .user-account-glance {
  margin: 0;
  border: 1px solid var(--admin-line-soft);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(14, 28, 21, .035);
  overflow: hidden;
}
.admin-workspace .user-setting-card { padding: 22px 24px 18px; }
.admin-workspace .user-setting-card-head { display: flex; align-items: flex-start; gap: 13px; }
.admin-workspace .user-setting-card-head > i {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #eef6e4;
  color: var(--ui-accent-strong);
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
}
.admin-workspace .user-setting-card-head h3 { margin: 0; font-size: 14px; line-height: 1.3; }
.admin-workspace .user-setting-card-head p { margin: 4px 0 0; color: var(--ui-muted); font-size: 10px; line-height: 1.55; }
.admin-workspace .user-setting-fields { margin: 19px 0 0 43px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.admin-workspace .user-setting-fields label { display: grid; gap: 7px; }
.admin-workspace .user-setting-fields label > span { color: var(--ui-ink); font-size: 10px; font-weight: 750; }
.admin-workspace .user-setting-fields input { height: 38px; min-height: 38px; margin: 0; border-radius: 7px; background: #fbfcfb; }
.admin-workspace .user-setting-fields label > small { color: var(--ui-faint); font-size: 8px; }
.admin-workspace .user-setting-card > footer { margin: 17px 0 0 43px; padding-top: 15px; display: flex; justify-content: flex-end; border-top: 1px solid var(--admin-line-soft); }
.admin-workspace .user-setting-card > footer .btn { min-height: 32px; padding-inline: 15px; }
.admin-workspace .user-avatar-card { padding: 22px; text-align: center; }
.admin-workspace .user-avatar-card header { text-align: left; }
.admin-workspace .user-avatar-card header h3 { margin: 5px 0 0; font-size: 14px; }
.admin-workspace .user-avatar-preview { width: 92px; height: 92px; margin: 20px auto 12px; }
.admin-workspace .user-avatar-preview img,
.admin-workspace .user-avatar-preview i { width: 100%; height: 100%; display: grid; place-items: center; border: 4px solid #edf2e9; border-radius: 50%; object-fit: cover; background: var(--ui-dark); color: var(--ui-accent); font-size: 25px; font-style: normal; font-weight: 800; box-shadow: 0 0 0 1px var(--admin-line-soft); }
.admin-workspace .user-avatar-card > strong { display: block; font-size: 13px; }
.admin-workspace .user-avatar-card > span { margin-top: 3px; display: block; color: var(--ui-muted); font-size: 9px; }
.admin-workspace .user-avatar-card > p { margin: 16px 0 12px; padding-top: 14px; border-top: 1px solid var(--admin-line-soft); color: var(--ui-muted); font-size: 9px; line-height: 1.65; }
.admin-workspace .user-avatar-card form { display: grid; gap: 8px; }
.admin-workspace .user-avatar-card form + form { margin-top: 8px; }
.admin-workspace .user-avatar-card label { padding: 9px; display: block; border: 1px dashed var(--admin-line); border-radius: 7px; background: #fafbf9; }
.admin-workspace .user-avatar-card input[type=file] { width: 100%; min-height: 0; padding: 0; border: 0; background: transparent; font-size: 8px; }
.admin-workspace .user-avatar-card .btn { width: 100%; min-height: 32px; }
.admin-workspace .user-account-glance { padding: 19px 20px; }
.admin-workspace .user-account-glance h3 { margin: 0 0 13px; font-size: 12px; }
.admin-workspace .user-account-glance dl { margin: 0; display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--admin-line-soft); border-radius: 9px; overflow: hidden; }
.admin-workspace .user-account-glance dl > div { padding: 12px; background: #fafbf9; }
.admin-workspace .user-account-glance dl > div:nth-child(even) { border-left: 1px solid var(--admin-line-soft); }
.admin-workspace .user-account-glance dl > div:nth-child(n+3) { border-top: 1px solid var(--admin-line-soft); }
.admin-workspace .user-account-glance dt { color: var(--ui-muted); font-size: 8px; }
.admin-workspace .user-account-glance dd { margin: 4px 0 0; color: var(--ui-ink); font-size: 16px; font-weight: 800; }
.admin-workspace .user-permission-card { padding-bottom: 0; }
.admin-workspace .user-protected-note { margin: 16px 0 0 43px; padding: 9px 11px; border-radius: 7px; background: #fff7e8; color: #8a5c24; font-size: 9px; font-weight: 700; }
.admin-workspace .user-permission-list { margin: 17px -24px 0; border-top: 1px solid var(--admin-line-soft); }
.admin-workspace .user-permission-row { min-height: 58px; padding: 12px 24px 12px 67px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--admin-line-soft); }
.admin-workspace .user-permission-row:last-child { border-bottom: 0; }
.admin-workspace .user-permission-row b,
.admin-workspace .user-permission-row small { display: block; }
.admin-workspace .user-permission-row b { font-size: 10px; }
.admin-workspace .user-permission-row small { margin-top: 3px; color: var(--ui-muted); font-size: 8px; }
.admin-workspace .user-permission-row form { margin: 0; }
.admin-workspace .user-permission-row .btn { min-width: 78px; min-height: 30px; padding: 5px 10px; font-size: 9px; }
.admin-workspace .user-permission-row .btn:disabled { border-color: #e3e6e3; background: #f3f4f3; color: #969c98; cursor: not-allowed; }
.admin-workspace .user-permission-empty,
.admin-workspace .user-role-locked { color: var(--ui-faint); font-size: 9px; font-weight: 700; }
.admin-workspace .user-permission-row .admin-role-form { display: flex; align-items: center; gap: 7px; }
.admin-workspace .user-permission-row select { min-width: 112px; height: 30px; min-height: 30px; margin: 0; font-size: 9px; }
.admin-workspace .user-role-card { padding-bottom: 20px; }
.admin-workspace .user-role-setting { margin: 18px 0 0 43px; padding-top: 16px; border-top: 1px solid var(--admin-line-soft); }
.admin-workspace .user-role-setting > div,
.admin-workspace .user-role-setting .admin-role-form { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.admin-workspace .user-role-setting label { min-width: 210px; display: grid; gap: 7px; }
.admin-workspace .user-role-setting label > span,
.admin-workspace .user-role-setting > div > b { font-size: 10px; }
.admin-workspace .user-role-setting select { height: 38px; min-height: 38px; margin: 0; border-radius: 7px; background: #fbfcfb; }
.admin-workspace .user-role-setting .btn { min-height: 32px; }
@media (max-width: 900px) {
  .admin-workspace .user-settings-layout { grid-template-columns: minmax(0, 1fr); }
  .admin-workspace .user-settings-side { grid-template-columns: minmax(240px, .7fr) minmax(0, 1fr); grid-row: 1; }
}
@media (max-width: 640px) {
  .admin-workspace .user-settings-heading { padding: 18px; align-items: flex-start; flex-direction: column; }
  .admin-workspace .user-settings-badges { justify-content: flex-start; }
  .admin-workspace .user-settings-side { grid-template-columns: 1fr; }
  .admin-workspace .user-setting-card { padding: 19px 17px 14px; }
  .admin-workspace .user-setting-fields { margin-left: 0; grid-template-columns: 1fr; }
  .admin-workspace .user-setting-card > footer { margin-left: 0; }
  .admin-workspace .user-setting-card > footer .btn { width: 100%; }
  .admin-workspace .user-protected-note { margin-left: 0; }
  .admin-workspace .user-role-setting { margin-left: 0; }
  .admin-workspace .user-role-setting .admin-role-form { align-items: stretch; flex-direction: column; }
  .admin-workspace .user-role-setting label { min-width: 0; }
  .admin-workspace .user-role-setting .btn { width: 100%; }
  .admin-workspace .user-permission-list { margin-inline: -17px; }
  .admin-workspace .user-permission-row { padding: 13px 17px; align-items: stretch; flex-direction: column; gap: 9px; }
  .admin-workspace .user-permission-row .btn { width: 100%; }
  .admin-workspace .user-permission-row .admin-role-form { align-items: stretch; flex-direction: column; }
}

/* Developer network directory. */
.network-page { width: var(--ui-shell); margin: 28px auto 80px; }
.network-hero { min-height: 290px; padding: 42px 48px; display: flex; align-items: center; justify-content: space-between; gap: 48px; border-radius: 18px; background: linear-gradient(135deg,#101b16 0%,#182921 70%,#20372b 100%); color: #fff; overflow: hidden; }
.network-hero > div { max-width: 650px; }
.network-hero .eyebrow { color: var(--ui-accent); }
.network-hero h1 { margin: 10px 0 12px; font-size: clamp(34px,5vw,58px); line-height: .98; letter-spacing: -.055em; }
.network-hero p { max-width: 590px; margin: 0; color: #b7c4bd; font-size: 12px; line-height: 1.8; }
.network-hero-actions { margin-top: 25px; display: flex; align-items: center; gap: 18px; }
.network-hero-actions .btn { background: var(--ui-accent); color: #17210f; }
.network-hero-actions > a:not(.btn) { color: #dbe4df; font-size: 10px; font-weight: 700; }
.network-hero > aside { width: 190px; flex: 0 0 190px; padding: 26px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: rgba(255,255,255,.045); }
.network-hero > aside b,.network-hero > aside span,.network-hero > aside small { display: block; }
.network-hero > aside b { color: var(--ui-accent); font-size: 44px; line-height: 1; }
.network-hero > aside span { margin-top: 7px; font-size: 13px; font-weight: 750; }
.network-hero > aside small { margin-top: 13px; color: #94a69d; font-size: 8px; line-height: 1.6; }
.network-toolbar { margin: 18px 0; padding: 16px 18px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border: 1px solid var(--ui-line); border-radius: 12px; background: #fff; }
.network-toolbar form { min-width: 0; flex: 1; display: grid; grid-template-columns: minmax(220px,470px) auto; gap: 8px; }
.network-toolbar input { min-height: 36px; margin: 0; }
.network-toolbar .btn { min-height: 36px; }
.network-toolbar > div { display: flex; align-items: center; gap: 14px; color: var(--ui-muted); font-size: 9px; }
.network-toolbar > div a { color: var(--ui-accent-strong); font-weight: 750; white-space: nowrap; }
.network-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.network-card { min-width: 0; padding: 22px; border: 1px solid var(--ui-line); border-radius: 14px; background: #fff; transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.network-card:hover { transform: translateY(-2px); border-color: #b6c89a; box-shadow: 0 16px 36px rgba(18,34,24,.07); }
.network-card > header { display: grid; grid-template-columns: 24px 58px minmax(0,1fr); gap: 11px; align-items: center; }
.network-rank { color: #a1aca5; font: 700 8px ui-monospace,SFMono-Regular,Menlo,monospace; }
.network-card > header > img,.network-card > header > i { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 50%; object-fit: cover; background: #13231c; color: var(--ui-accent); font-size: 18px; font-style: normal; font-weight: 800; }
.network-card > header small { color: var(--ui-accent-strong); font-size: 8px; letter-spacing: .06em; }
.network-card h2 { margin: 3px 0 0; font-size: 17px; }
.network-card h2 a { color: var(--ui-ink); }
.network-card > p { min-height: 48px; margin: 16px 0; display: -webkit-box; overflow: hidden; color: var(--ui-muted); font-size: 10px; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.network-card dl { margin: 0; display: grid; grid-template-columns: 1fr 1fr; border-block: 1px solid var(--ui-line); }
.network-card dl > div { padding: 11px 8px; }
.network-card dl > div + div { border-left: 1px solid var(--ui-line); }
.network-card dt { color: var(--ui-faint); font-size: 8px; }
.network-card dd { margin: 3px 0 0; font-size: 15px; font-weight: 800; }
.network-card > footer { padding-top: 14px; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.network-card > footer a { color: var(--ui-muted); font-size: 9px; font-weight: 700; }
.network-card > footer .network-contact { color: var(--ui-accent-strong); }
.network-empty { grid-column: 1/-1; padding: 60px 24px; border: 1px solid var(--ui-line); border-radius: 14px; background: #fff; text-align: center; }
.network-empty h2 { margin: 0; font-size: 20px; }.network-empty p { color: var(--ui-muted); font-size: 10px; }
.network-principles { margin-top: 28px; display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--ui-line); border-radius: 14px; background: #fff; overflow: hidden; }
.network-principles > div { padding: 25px; }.network-principles > div + div { border-left: 1px solid var(--ui-line); }
.network-principles span { color: var(--ui-accent-strong); font: 800 9px ui-monospace,SFMono-Regular,Menlo,monospace; }
.network-principles h3 { margin: 10px 0 6px; font-size: 13px; }.network-principles p { margin: 0; color: var(--ui-muted); font-size: 9px; line-height: 1.7; }
@media(max-width:760px){.network-page{width:var(--ui-shell);margin-top:14px}.network-hero{padding:30px 24px;align-items:flex-start;flex-direction:column}.network-hero>aside{width:100%;flex-basis:auto}.network-toolbar{align-items:stretch;flex-direction:column}.network-toolbar form{grid-template-columns:1fr}.network-grid{grid-template-columns:1fr}.network-principles{grid-template-columns:1fr}.network-principles>div+div{border-top:1px solid var(--ui-line);border-left:0}}
.network-card dl dd { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.network-submit-layout { display: grid; grid-template-columns: minmax(0,1fr) 290px; gap: 18px; align-items: start; }
.network-submit-form { margin: 0; }
.network-my-submissions { padding: 20px; border: 1px solid var(--ui-line); border-radius: 14px; background: #fff; }
.network-my-submissions h2 { margin: 0 0 14px; font-size: 15px; }
.network-my-submissions article { padding: 12px 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid var(--ui-line); }
.network-my-submissions article b,.network-my-submissions article small { display: block; }.network-my-submissions article small { margin-top: 3px; color: var(--ui-muted); font-size: 8px; }
.network-my-submissions > p { color: var(--ui-muted); font-size: 9px; }
.network-detail { width: min(920px,var(--ui-shell)); margin: 32px auto 80px; }
.network-detail > header { padding: 34px; display: grid; grid-template-columns: 70px minmax(0,1fr); gap: 18px; align-items: center; border-radius: 16px 16px 0 0; background: #111d17; color: #fff; }
.network-detail > header > .eyebrow { grid-column: 1/-1; color: var(--ui-accent); }.network-detail > header > i { width: 70px; height: 70px; display: grid; place-items: center; border-radius: 50%; background: var(--ui-accent); color: #18220e; font-size: 23px; font-style: normal; font-weight: 850; }
.network-detail > header small { color: #aab9b1; font-size: 9px; }.network-detail > header h1 { margin: 4px 0; color: #fff; font-size: 28px; }.network-detail > header p { margin: 0; color: #c5d0ca; font-size: 11px; }
.network-detail > main { display: grid; grid-template-columns: minmax(0,1fr) 280px; border: 1px solid var(--ui-line); border-top: 0; background: #fff; }
.network-detail > main > section,.network-detail > main > aside { padding: 30px; }.network-detail > main > aside { border-left: 1px solid var(--ui-line); background: #fafbf9; }
.network-detail > main h2 { margin: 0 0 13px; font-size: 15px; }.network-detail > main p { color: var(--ui-muted); font-size: 11px; line-height: 1.85; white-space: pre-wrap; }.network-detail > main a:not(.btn) { color: var(--ui-accent-strong); font-size: 10px; font-weight: 700; }
.admin-network-list .admin-data-row { grid-template-columns: minmax(0,1fr) auto auto; }.admin-network-list .admin-copy h3 { margin: 4px 0; }.admin-network-list .admin-copy p { max-width: 760px; }
@media(max-width:760px){.network-submit-layout{grid-template-columns:1fr}.network-detail>main{grid-template-columns:1fr}.network-detail>main>aside{border-top:1px solid var(--ui-line);border-left:0}.admin-network-list .admin-data-row{grid-template-columns:1fr}}
.network-detail > header > img { width: 70px; height: 70px; border: 3px solid rgba(255,255,255,.18); border-radius: 50%; object-fit: cover; }
.admin-network-list .admin-data-row { grid-template-columns: 46px minmax(0,1fr) auto auto; }
.admin-network-avatar { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; object-fit: cover; background: #15241d; color: var(--ui-accent); font-style: normal; font-weight: 800; }
.network-my-submissions article > img,.network-my-submissions article > i { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border-radius: 50%; object-fit: cover; background: #15241d; color: var(--ui-accent); font-size: 10px; font-style: normal; font-weight: 800; }
.network-my-submissions article > div { min-width: 0; flex: 1; }
.network-avatar-upload { padding: 13px; border: 1px dashed var(--ui-line); border-radius: 9px; background: #fafbf9; }
@media(max-width:760px){.admin-network-list .admin-data-row{grid-template-columns:42px minmax(0,1fr)}.admin-network-list .admin-data-row>.status-pill,.admin-network-list .admin-data-row>.admin-row-actions{grid-column:1/-1}}