/* Community — ana sayfa (hesap) tasarım sistemi ile uyumlu */
.cm-shell {
    --cm-bg: var(--h-bg-page);
    --cm-card: var(--h-bg-card);
    --cm-raised: var(--h-bg-raised);
    --cm-text: var(--h-text);
    --cm-muted: var(--h-text-muted);
    --cm-border: var(--h-border);
    --cm-green: var(--h-green);
    --cm-green-2: var(--h-green-dark);
    --cm-purple: var(--h-blue);
    --cm-purple-2: var(--h-blue-dark);
    --primary: var(--h-green);
    --primary-hover: var(--h-green-dark);
    --background: var(--h-bg-page);
    --card: var(--h-bg-card);
    --border: var(--h-border);
    --foreground: var(--h-text);
    --muted: var(--h-bg-raised);
    --muted-foreground: var(--h-text-muted);
    --shell-purple: var(--h-blue);
    padding: 0 0 56px;
    min-height: 60vh;
    font-family: "Segoe UI", ui-sans-serif, system-ui, -apple-system, sans-serif;
}

.cm-shell.yon-home--hesap {
    background: var(--cm-bg);
    color: var(--cm-text);
}

.cm-shell .yon-home__wrap,
.cm-wrap {
    max-width: var(--h-container, 1680px);
    margin: 0 auto;
    padding: 0 var(--h-container-px, 16px);
}

.cm-hero-bleed {
    position: relative;
    overflow: hidden;
    padding: 28px 0 20px;
    margin-bottom: 4px;
    border-bottom: 1px solid var(--cm-border);
}

.cm-hero {
    padding: 4px 0;
}

.cm-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 12px;
    color: var(--h-blue-text);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.cm-eyebrow i {
    color: var(--cm-green);
}

.cm-hero__title,
.cm-hero h1 {
    margin: 0;
    font-size: clamp(30px, 4.2vw, 44px);
    font-weight: 900;
    letter-spacing: -0.035em;
    line-height: 1.1;
    max-width: 20ch;
    color: var(--h-text-bright);
}

.cm-brand {
    display: block;
    background: linear-gradient(135deg, var(--h-blue), var(--h-green));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 0.55em;
    font-weight: 800;
    margin-bottom: 4px;
}

.cm-hero__sub {
    margin: 14px 0 0;
    max-width: 42ch;
    color: var(--cm-muted);
    font-size: 15.5px;
    line-height: 1.55;
}

.cm-hero__cta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

/* Legacy cm-btn aliases (fallback) */
.cm-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: var(--yh-btn-h, 42px);
    padding: 0 16px;
    border-radius: var(--yh-btn-radius, 12px);
    font-size: 13.5px;
    font-weight: 750;
    text-decoration: none;
    border: 1px solid transparent;
    cursor: pointer;
    transition: transform 0.15s, filter 0.15s;
}

.cm-btn:hover {
    transform: translateY(-1px);
}

.cm-btn--green {
    background: var(--h-gradient-green);
    color: var(--h-green-text-on);
}

.cm-btn--purple {
    background: linear-gradient(135deg, var(--cm-purple), var(--cm-purple-2));
    color: #fff;
}

.cm-btn--ghost {
    background: transparent;
    border-color: var(--cm-border);
    color: var(--cm-text);
}

.cm-btn--sm {
    min-height: var(--yh-btn-h-sm, 36px);
    padding: 0 12px;
    font-size: 12.5px;
}

.cm-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 26px;
    animation: cmFadeUp 0.55s ease both;
}

.cm-stat {
    min-width: 110px;
    padding: 12px 14px;
    border-radius: var(--yh-shell-radius, 16px);
    background: linear-gradient(180deg, var(--h-bg-raised) 0%, var(--h-bg-card) 100%);
    border: 1px solid var(--cm-border);
    box-shadow: var(--h-shadow-card);
}

.cm-stat strong {
    display: block;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: -0.02em;
    color: var(--h-green);
}

.cm-stat span {
    font-size: 11px;
    color: var(--cm-muted);
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cm-section {
    margin: 0;
}

.cm-section__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.cm-section__head h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 850;
    letter-spacing: -0.02em;
    color: var(--h-text-bright);
}

.cm-section__head a {
    color: var(--h-blue-text);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.cm-section__head a:hover {
    color: var(--h-green);
}

.cm-grid-2{display:grid;gap:14px}
@media(min-width:900px){.cm-grid-2{grid-template-columns:1.2fr .8fr}}

.cm-card {
    background: linear-gradient(180deg, var(--h-bg-raised) 0%, var(--h-bg-card) 100%);
    border: 1px solid var(--cm-border);
    border-radius: var(--yh-shell-radius, 16px);
    padding: 14px 16px;
    box-shadow: var(--h-shadow-card);
}
.cm-topic{
  display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--cm-border);
  text-decoration:none;color:inherit;transition:background .15s;
}
.cm-topic:last-child{border-bottom:0}
.cm-topic:hover{background:rgba(61,90,254,.04)}
.cm-topic__icon{
  width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;
  background:rgba(61,90,254,.12);border:1px solid rgba(61,90,254,.22);color:#d8b4fe;font-size:18px;
}
.cm-topic__body{min-width:0;flex:1}
.cm-topic__body strong{display:block;font-size:14px;font-weight:800;line-height:1.3}
.cm-topic__meta{margin-top:4px;font-size:12px;color:var(--cm-muted);display:flex;flex-wrap:wrap;gap:8px}

.cm-post{padding:14px 0;border-bottom:1px solid var(--cm-border)}
.cm-post:last-child{border-bottom:0}
.cm-post__head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.cm-av{
  width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;
  background:linear-gradient(145deg,rgba(17,211,119,.25),var(--h-bg-raised));
  display:grid;place-items:center;font-size:12px;font-weight:800;color:#86efac;
}
.cm-av img{width:100%;height:100%;object-fit:cover;display:block}
.cm-post__user{font-size:13px;font-weight:800}
.cm-post__time{font-size:11px;color:var(--cm-muted)}
.cm-post__body{font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.cm-post__listing{
  display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:7px 10px;border-radius:999px;
  border:1px solid rgba(17,211,119,.28);background:rgba(17,211,119,.08);color:#86efac;
  font-size:12px;font-weight:700;text-decoration:none;
}
.cm-post__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.cm-chip-btn{
  display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:999px;
  border:1px solid var(--cm-border);background:transparent;color:var(--cm-muted);
  font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;
}
.cm-chip-btn.is-on,.cm-chip-btn:hover{border-color:rgba(17,211,119,.35);color:#86efac}
.cm-chip-btn--danger:hover{border-color:rgba(244,63,94,.4);color:#fb7185}

.cm-members{display:flex;flex-wrap:wrap;gap:10px}
.cm-member{
  display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;
  background:var(--cm-raised);border:1px solid var(--cm-border);text-decoration:none;color:inherit;
  transition:border-color .15s,transform .15s;
}
.cm-member:hover{border-color:rgba(61,90,254,.35);transform:translateY(-1px)}
.cm-member strong{font-size:12.5px;font-weight:750}
.cm-member span{font-size:11px;color:var(--cm-muted)}

.cm-leaders{display:grid;gap:8px}
.cm-leader{
  display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;
  background:var(--cm-raised);border:1px solid var(--cm-border);
}
.cm-leader__rank{width:24px;font-size:12px;font-weight:900;color:var(--cm-purple)}
.cm-leader__meta{flex:1;min-width:0}
.cm-leader__meta strong{display:block;font-size:13px}
.cm-leader__meta span{font-size:11px;color:var(--cm-muted)}
.cm-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.cm-badge{
  display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;
  font-size:10.5px;font-weight:750;background:rgba(61,90,254,.12);color:#e9d5ff;
  border:1px solid rgba(61,90,254,.22);
}

.cm-howto{display:grid;gap:10px}
@media(min-width:800px){.cm-howto{grid-template-columns:repeat(4,1fr)}}
.cm-howto__item{
  padding:16px;border-radius:14px;background:var(--cm-card);border:1px solid var(--cm-border);
  animation:cmFadeUp .5s ease both;
}
.cm-howto__item:nth-child(2){animation-delay:.06s}
.cm-howto__item:nth-child(3){animation-delay:.12s}
.cm-howto__item:nth-child(4){animation-delay:.18s}
.cm-howto__item i{font-size:22px;color:var(--cm-green)}
.cm-howto__item strong{display:block;margin:8px 0 4px;font-size:14px}
.cm-howto__item p{margin:0;font-size:12.5px;color:var(--cm-muted);line-height:1.45}

.cm-faq details{
  border:1px solid var(--cm-border);background:var(--cm-card);border-radius:12px;padding:12px 14px;margin-bottom:8px;
}
.cm-faq summary{cursor:pointer;font-weight:750;font-size:14px}
.cm-faq p{margin:8px 0 0;font-size:13px;color:var(--cm-muted);line-height:1.5}

.cm-composer{
  background:var(--cm-card);border:1px solid var(--cm-border);border-radius:16px;padding:14px;margin-bottom:16px;
}
.cm-composer textarea,
.cm-shell .cm-composer textarea,
.cm-shell .cm-form textarea{
  width:100%;min-height:96px;resize:vertical;border:1px solid var(--cm-border);border-radius:12px;
  background:#0f141f !important;color:#f1f5f9 !important;-webkit-text-fill-color:#f1f5f9 !important;
  caret-color:var(--h-green);padding:12px;font:inherit;box-sizing:border-box;line-height:1.55;
  opacity:1 !important;
}
.cm-composer textarea::placeholder,
.cm-shell .cm-form textarea::placeholder{
  color:#94a3b8 !important;-webkit-text-fill-color:#94a3b8 !important;opacity:.9;
}
.cm-composer textarea:focus{outline:none;border-color:rgba(17,211,119,.4);box-shadow:0 0 0 3px rgba(17,211,119,.12)}
.cm-composer__row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:10px}
.cm-composer select{
  height:36px;border-radius:9px;border:1px solid var(--cm-border);background:var(--cm-raised);color:var(--cm-text);
  padding:0 10px;font:inherit;
}

.cm-flash{
  margin:14px 0;padding:12px 14px;border-radius:12px;font-size:13px;font-weight:650;
}
.cm-flash--ok{background:rgba(17,211,119,.12);border:1px solid rgba(17,211,119,.28);color:#bbf7d0}
.cm-flash--err{background:rgba(244,63,94,.12);border:1px solid rgba(244,63,94,.28);color:#fecdd3}

.cm-empty{
  text-align:center;padding:48px 20px;border:1px dashed var(--cm-border);border-radius:16px;background:var(--cm-card);
}
.cm-empty i{font-size:36px;color:var(--cm-muted);opacity:.7}
.cm-empty strong{display:block;margin:10px 0 4px;font-size:15px}
.cm-empty p{margin:0;color:var(--cm-muted);font-size:13px}

.cm-page-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 16px}
.cm-page-head h1{margin:0;font-size:24px;font-weight:900;letter-spacing:-.02em}
.cm-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.cm-cat {
    /* yh-btn yh-btn--pill yh-btn--ghost */
}

.cm-cat.is-active {
    /* yh-btn is-active */
}

.cm-topic-show{background:var(--cm-card);border:1px solid var(--cm-border);border-radius:16px;padding:18px}
.cm-topic-show h1{margin:0 0 8px;font-size:22px;font-weight:900}
.cm-topic-show__meta{font-size:12px;color:var(--cm-muted);margin-bottom:14px}
.cm-topic-show__body{font-size:14.5px;line-height:1.65;white-space:pre-wrap}
.cm-reply{padding:14px 0;border-top:1px solid var(--cm-border)}
.cm-reply__body{margin-top:6px;font-size:14px;line-height:1.55;white-space:pre-wrap}

.cm-form label{display:block;font-size:12px;font-weight:750;color:var(--cm-muted);margin-bottom:6px}
.cm-form input,.cm-form select,.cm-form textarea{
  width:100%;box-sizing:border-box;border:1px solid var(--cm-border);border-radius:11px;
  background:var(--cm-raised);color:var(--cm-text);padding:11px 12px;font:inherit;margin-bottom:12px;
}
.cm-form input:focus,.cm-form select:focus,.cm-form textarea:focus{
  outline:none;border-color:rgba(61,90,254,.45);box-shadow:0 0 0 3px rgba(61,90,254,.12);
}

.cm-pager{display:flex;gap:8px;justify-content:center;margin-top:20px}
.cm-pager a,.cm-pager span{
  min-width:36px;height:36px;display:grid;place-items:center;border-radius:10px;
  border:1px solid var(--cm-border);background:var(--cm-card);color:var(--cm-text);
  text-decoration:none;font-size:13px;font-weight:700;
}
.cm-pager .is-active,
.cm-pager [aria-current="page"] span {
    background: rgba(17, 211, 119, 0.16);
    border-color: rgba(17, 211, 119, 0.4);
    color: var(--h-green);
}

@keyframes cmFadeUp{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:none}
}

@media(max-width:640px){
  .cm-hero h1{max-width:none}
  .cm-stat{min-width:96px}
}

/* ===== V2: WhatsApp-like thread + emoji reactions ===== */
.cm-shell--v2 {
    /* ambient from yon-home--hesap */
}

.cm-wrap--thread {
    max-width: 780px;
}
.cm-back{
  display:inline-flex;align-items:center;gap:4px;color:var(--cm-muted);font-size:13px;font-weight:650;
  text-decoration:none;margin-bottom:6px;
}
.cm-back:hover{color:var(--cm-text)}
.cm-thread-cat{
  margin:0;font-size:12px;font-weight:750;color:var(--cm-purple);display:flex;align-items:center;gap:6px;
}

.cm-bubble{
  display:flex;gap:10px;align-items:flex-end;margin:0 0 14px;
  animation:cmFadeUp .35s ease both;
}
.cm-bubble--mine{flex-direction:row;justify-content:flex-end}
.cm-bubble--op{align-items:flex-start;margin-bottom:22px}
.cm-bubble__side{flex-shrink:0}
.cm-av--lg{width:44px;height:44px;font-size:14px}
.cm-av--xl{
  width:64px;height:64px;font-size:20px;border-radius:18px;
  box-shadow:0 0 0 1px rgba(148,163,184,.16), 0 8px 20px -10px rgba(0,0,0,.55);
}
.cm-bubble__main{
  max-width:min(520px,82%);
  padding:12px 14px 10px;
  border-radius:18px 18px 18px 6px;
  background:var(--cm-card);
  border:1px solid var(--cm-border);
  position:relative;
  box-shadow:0 8px 24px -18px rgba(0,0,0,.7);
}
.cm-bubble--mine .cm-bubble__main{
  border-radius:18px 18px 6px 18px;
  background:linear-gradient(160deg, rgba(17,211,119,.16), rgba(18,24,38,.95));
  border-color:rgba(17,211,119,.22);
}
.cm-bubble--op .cm-bubble__main{
  max-width:100%;
  border-radius:16px;
  background:
    linear-gradient(145deg, rgba(61,90,254,.1), transparent 40%),
    var(--cm-card);
  border-color:rgba(61,90,254,.2);
  padding:16px 18px 12px;
}
.cm-bubble__meta{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:6px;
  font-size:11px;color:var(--cm-muted);
}
.cm-bubble__meta strong{font-size:12.5px;font-weight:800;color:var(--cm-text)}
.cm-bubble__title{
  margin:0 0 10px;font-size:clamp(18px,2.5vw,24px);font-weight:900;letter-spacing:-.02em;line-height:1.25;
}
.cm-bubble__text{font-size:14.5px;line-height:1.6;white-space:pre-wrap;word-break:break-word}
.cm-bubble__foot{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;
}
.cm-meta-chip{
  display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--cm-muted);font-weight:650;
}
.cm-lock{
  display:inline-flex;padding:2px 8px;border-radius:999px;background:rgba(244,63,94,.15);color:#fb7185;
  font-size:10px;font-weight:800;text-transform:uppercase;
}

.cm-thread__head{
  display:flex;align-items:baseline;justify-content:space-between;margin:8px 0 14px;
}
.cm-thread__head h2{margin:0;font-size:16px;font-weight:850}
.cm-thread__head span{font-size:12px;color:var(--cm-muted);font-weight:650}
.cm-thread__list{padding:4px 0 8px}
.cm-empty--soft{border-style:solid;background:rgba(18,24,38,.5);padding:36px 16px}

/* WhatsApp-style reaction pills */
.cm-react{position:relative}
.cm-react__pills{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.cm-react__form{display:inline}
.cm-react__pill{
  display:inline-flex;align-items:center;gap:3px;height:28px;padding:0 8px;border-radius:999px;
  border:1px solid var(--cm-border);background:rgba(23,29,40,.92);color:var(--cm-text);
  font-size:13px;cursor:pointer;font-family:inherit;
  transition:transform .12s,border-color .12s,background .12s;
}
.cm-react__pill:hover{transform:scale(1.06);border-color:rgba(61,90,254,.35)}
.cm-react__pill.is-mine{
  background:rgba(17,211,119,.18);border-color:rgba(17,211,119,.4);
  box-shadow:0 0 0 2px rgba(17,211,119,.12);
}
.cm-react__emoji{font-size:15px;line-height:1}
.cm-react__count{font-size:11px;font-weight:800;color:var(--cm-muted)}
.cm-react__pill.is-mine .cm-react__count{color:#86efac}
.cm-react__picker-wrap{position:relative}
.cm-react__add{
  width:28px;height:28px;border-radius:50%;border:1px dashed var(--cm-border);
  background:rgba(23,29,40,.8);color:var(--cm-muted);font-size:16px;line-height:1;
  cursor:pointer;display:grid;place-items:center;font-family:inherit;
  transition:border-color .15s,color .15s,background .15s;
}
.cm-react__add:hover{border-color:rgba(61,90,254,.45);color:#e9d5ff;background:rgba(61,90,254,.12)}
.cm-react__picker{
  position:absolute;bottom:calc(100% + 8px);left:0;z-index:40;
  display:flex;flex-wrap:wrap;gap:4px;width:220px;padding:8px;
  border-radius:16px;border:1px solid var(--cm-border);
  background:rgba(12,16,24,.96);backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 16px 40px -16px rgba(0,0,0,.8);
  animation:cmPop .18s ease both;
}
.cm-bubble--mine .cm-react__picker{left:auto;right:0}
.cm-react__opt{
  width:36px;height:36px;border:0;border-radius:10px;background:transparent;
  font-size:20px;cursor:pointer;display:grid;place-items:center;
  transition:transform .12s,background .12s;
}
.cm-react__opt:hover{transform:scale(1.2);background:rgba(255,255,255,.06)}

.cm-emo-bar{
  display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px;padding:6px;border-radius:12px;
  background:rgba(23,29,40,.65);border:1px solid var(--cm-border);
}
.cm-emo-bar__btn{
  width:32px;height:32px;border:0;border-radius:8px;background:transparent;
  font-size:18px;cursor:pointer;display:grid;place-items:center;
  transition:transform .12s,background .12s;
}
.cm-emo-bar__btn:hover{transform:scale(1.18);background:rgba(61,90,254,.12)}

.cm-composer--dock{
  position:relative;z-index:5;margin-top:18px;
  box-shadow:0 12px 40px -16px rgba(0,0,0,.55);
  border:1px solid rgba(17,211,119,.28);
  background:var(--cm-card);
}
.cm-composer--thread{
  margin-top:18px;padding:16px;border-radius:16px;
  background:linear-gradient(180deg, rgba(23,29,40,.95), rgba(18,24,38,1));
  border:1px solid rgba(17,211,119,.25);
  box-shadow:0 10px 36px -18px rgba(17,211,119,.35);
}
.cm-composer--thread textarea{
  min-height:140px;font-size:14.5px;
}
.cm-composer--glow{
  border-color:rgba(61,90,254,.22);
  box-shadow:0 0 0 1px rgba(61,90,254,.06), 0 16px 40px -24px rgba(61,90,254,.4);
}
.cm-composer__label{font-size:12px;font-weight:800;color:var(--cm-muted);margin-bottom:8px;letter-spacing:.04em;text-transform:uppercase}
.cm-composer__hint{font-size:11.5px;color:var(--cm-muted)}
.cm-card--feed{padding:6px 14px}
.cm-post--v2{padding:16px 2px}

@keyframes cmPop{
  from{opacity:0;transform:translateY(6px) scale(.96)}
  to{opacity:1;transform:none}
}

@media(max-width:640px){
  .cm-bubble__main{max-width:88%}
  .cm-react__picker{width:200px}
}

/* ===== Forum (r10-inspired) ===== */
.cm-shell--forum{padding-bottom:80px}
.cm-hero-bleed--forum{padding-bottom:28px}
.cm-bc{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:16px 0 14px;
  font-size:12.5px;color:var(--cm-muted);font-weight:650;
}
.cm-bc a{color:var(--cm-purple);text-decoration:none}
.cm-bc a:hover{color:#c084fc}
.cm-bc strong{color:var(--cm-text);font-weight:750}
.cm-muted{color:var(--cm-muted)}

.cm-forum-stats{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-bottom:18px;
}
.cm-forum-stats > div{
  padding:12px 14px;border-radius:12px;background:var(--cm-card);border:1px solid var(--cm-border);
}
.cm-forum-stats strong{display:block;font-size:20px;font-weight:900}
.cm-forum-stats span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--cm-muted);font-weight:700}

.cm-forum-board{
  border:1px solid var(--cm-border);border-radius:16px;overflow:hidden;background:var(--cm-card);
  margin-bottom:20px;
}
.cm-forum-board__head{
  display:flex;justify-content:space-between;align-items:center;padding:12px 16px;
  background:linear-gradient(90deg, rgba(61,90,254,.12), rgba(17,211,119,.06));
  border-bottom:1px solid var(--cm-border);
}
.cm-forum-board__head h2{margin:0;font-size:15px;font-weight:850;display:flex;align-items:center;gap:8px}
.cm-forum-board__head a{font-size:12.5px;font-weight:700;color:var(--cm-purple);text-decoration:none}

.cm-forum-table__head,.cm-forum-row{
  display:grid;grid-template-columns:minmax(0,1.6fr) 70px 70px minmax(140px,.9fr);
  gap:10px;align-items:center;padding:12px 16px;
}
.cm-forum-table__head{
  font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--cm-muted);
  background:rgba(23,29,40,.65);border-bottom:1px solid var(--cm-border);
}
.cm-forum-row{
  text-decoration:none;color:inherit;border-bottom:1px solid var(--cm-border);
  transition:background .15s;
}
.cm-forum-row:last-child{border-bottom:0}
.cm-forum-row:hover{background:rgba(61,90,254,.05)}
.cm-forum-row__main{display:flex;gap:12px;align-items:flex-start;min-width:0}
.cm-forum-row__icon{
  width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;
  background:linear-gradient(145deg, rgba(61,90,254,.16), rgba(17,211,119,.1));
  color:#c4b5fd;font-size:20px;border:1px solid rgba(61,90,254,.18);
}
.cm-forum-row__main strong{display:block;font-size:14.5px;font-weight:850}
.cm-forum-row__main em{display:block;font-style:normal;font-size:12px;color:var(--cm-muted);margin-top:2px}
.cm-forum-row__num{font-size:14px;font-weight:850;text-align:center;font-variant-numeric:tabular-nums}
.cm-forum-row__last strong{display:block;font-size:12.5px;font-weight:750;line-height:1.3}
.cm-forum-row__last span{font-size:11.5px;color:var(--cm-muted)}

.cm-forum-sidegrid{display:grid;gap:14px;margin-bottom:10px}
@media(min-width:900px){.cm-forum-sidegrid{grid-template-columns:1fr 1fr}}
.cm-forum-panel{
  border:1px solid var(--cm-border);border-radius:14px;background:var(--cm-card);overflow:hidden;
}
.cm-forum-panel__head{
  padding:10px 14px;border-bottom:1px solid var(--cm-border);
  background:rgba(23,29,40,.55);
}
.cm-forum-panel__head h3{margin:0;font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.cm-ft-mini{
  display:block;padding:10px 14px;border-bottom:1px solid var(--cm-border);
  text-decoration:none;color:inherit;transition:background .15s;
}
.cm-ft-mini:last-child{border-bottom:0}
.cm-ft-mini:hover{background:rgba(17,211,119,.05)}
.cm-ft-mini__title{display:block;font-size:13px;font-weight:800;line-height:1.35;margin-bottom:3px}
.cm-ft-mini__title i{color:var(--cm-purple);margin-right:4px;font-size:12px}
.cm-ft-mini__meta{display:block;margin-top:0;font-size:11.5px;color:var(--cm-muted)}
.cm-ft-mini:hover{background:rgba(61,90,254,.06)}

.cm-forum-toolbar{
  display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;
}
.cm-forum-toolbar input[type="search"],
.cm-forum-toolbar select{
  height:38px;border-radius:10px;border:1px solid var(--cm-border);
  background:var(--cm-raised);color:var(--cm-text);padding:0 12px;font:inherit;
}
.cm-forum-toolbar input[type="search"]{flex:1;min-width:180px}

.cm-forum-cat-hero{
  display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;
  padding:16px;border-radius:16px;border:1px solid rgba(61,90,254,.22);
  background:linear-gradient(135deg, rgba(61,90,254,.1), rgba(17,211,119,.05));
}
.cm-forum-cat-hero__icon{
  width:52px;height:52px;border-radius:14px;display:grid;place-items:center;
  background:rgba(61,90,254,.16);color:#e9d5ff;font-size:24px;
}
.cm-forum-cat-hero h1{margin:0;font-size:22px;font-weight:900}
.cm-forum-cat-hero p{margin:4px 0 0;font-size:13px;color:var(--cm-muted)}
.cm-forum-cat-hero .cm-btn{margin-left:auto}

.cm-ft-table{
  border:1px solid var(--cm-border);border-radius:14px;overflow:hidden;background:var(--cm-card);
}
.cm-ft-table__head,.cm-ft-row{
  display:grid;grid-template-columns:36px minmax(0,1.5fr) 70px 90px minmax(120px,.7fr);
  gap:8px;align-items:center;padding:11px 14px;
}
.cm-ft-table__head{
  font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--cm-muted);
  background:rgba(23,29,40,.6);border-bottom:1px solid var(--cm-border);
}
.cm-ft-row{
  text-decoration:none;color:inherit;border-bottom:1px solid var(--cm-border);transition:background .15s;
}
.cm-ft-row:last-child{border-bottom:0}
.cm-ft-row:hover{background:rgba(61,90,254,.04)}
.cm-ft-row__status{text-align:center;color:var(--cm-muted);font-size:16px}
.cm-ft-ico--pin{color:#c084fc}
.cm-ft-ico--lock{color:#fb7185}
.cm-ft-row__main{min-width:0}
.cm-ft-row__main strong{display:block;font-size:13.5px;font-weight:800;line-height:1.3}
.cm-ft-row__main span{font-size:11.5px;color:var(--cm-muted)}
.cm-ft-row__stat{text-align:center}
.cm-ft-row__stat em{display:block;font-style:normal;font-weight:850;font-size:14px}
.cm-ft-row__stat small{font-size:10px;color:var(--cm-muted);text-transform:uppercase}
.cm-ft-row__last strong{display:block;font-size:12px;font-weight:750}
.cm-ft-row__last span{font-size:11px;color:var(--cm-muted)}

.cm-wrap--forum-thread{max-width:980px}
.cm-thread-top{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px;
}
.cm-thread-title{margin:0;font-size:clamp(18px,2.4vw,26px);font-weight:900;letter-spacing:-.02em;line-height:1.25}
.cm-thread-title i{color:var(--cm-purple);margin-right:4px}
.cm-thread-sub{margin:6px 0 0;font-size:12.5px;color:var(--cm-muted)}
.cm-thread-actions{display:flex;flex-wrap:wrap;gap:8px}

.cm-fpost{
  display:grid;grid-template-columns:188px minmax(0,1fr);gap:0;
  border:1px solid var(--cm-border);border-radius:16px;overflow:hidden;
  background:var(--cm-card);margin-bottom:14px;
  animation:cmFadeUp .3s ease both;
}
.cm-fpost--op{border-color:rgba(61,90,254,.32)}
.cm-fpost__user{
  position:relative;isolation:isolate;
  padding:18px 12px 14px;border-right:1px solid var(--cm-border);
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;
  background:
    radial-gradient(ellipse 90% 55% at 50% -10%, rgba(61,90,254,.14), transparent 60%),
    linear-gradient(180deg, rgba(23,29,40,.95) 0%, rgba(14,18,28,.98) 100%);
}
.cm-fpost__user.is-op{
  background:
    radial-gradient(ellipse 90% 55% at 50% -10%, rgba(61,90,254,.22), transparent 60%),
    linear-gradient(180deg, rgba(30,22,48,.95) 0%, rgba(14,18,28,.98) 100%);
}
.cm-fpost__user.is-staff{
  background:
    radial-gradient(ellipse 90% 55% at 50% -10%, rgba(59,130,246,.2), transparent 60%),
    linear-gradient(180deg, rgba(18,28,48,.95) 0%, rgba(14,18,28,.98) 100%);
}
.cm-fpost__user-glow{
  position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.55;
  background:radial-gradient(circle at 50% 18%, rgba(17,211,119,.08), transparent 45%);
}
.cm-fpost__user > *:not(.cm-fpost__user-glow){position:relative;z-index:1}
.cm-fpost__id{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}
.cm-fpost__badges{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;max-width:100%}
.cm-fpost__name{font-size:13.5px;font-weight:850;word-break:break-word;line-height:1.25}
.cm-fpost__role{
  font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;
  color:#86efac;background:rgba(17,211,119,.12);padding:3px 9px;border-radius:999px;
  border:1px solid rgba(17,211,119,.18);
}
.cm-fpost__role--op{color:#e9d5ff;background:rgba(61,90,254,.16);border-color:rgba(61,90,254,.28)}
.cm-fpost__rep{width:100%;padding:0 2px}
.cm-fpost__rep-top{
  display:flex;justify-content:space-between;align-items:center;
  font-size:10px;font-weight:750;color:var(--cm-muted);margin-bottom:4px;
}
.cm-fpost__rep-top strong{color:#c4b5fd;font-size:11px}
.cm-fpost__rep-bar{
  height:5px;border-radius:999px;background:rgba(148,163,184,.12);overflow:hidden;
}
.cm-fpost__rep-bar i{
  display:block;height:100%;border-radius:inherit;
  background:linear-gradient(90deg,var(--h-blue),var(--h-green));
}
.cm-fpost__stats{list-style:none;margin:0;padding:0;width:100%;font-size:11px;color:var(--cm-muted)}
.cm-fpost__stats li{display:flex;justify-content:space-between;gap:6px;padding:2px 0}
.cm-fpost__stats em{font-style:normal;font-weight:800;color:var(--cm-text)}
.cm-fpost__stats--tiles{
  display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:2px;
}
.cm-fpost__stats--tiles li{
  flex-direction:column;align-items:center;justify-content:center;gap:1px;
  padding:7px 4px;border-radius:10px;
  background:rgba(10,14,22,.45);border:1px solid var(--cm-border);
}
.cm-fpost__stats--tiles em{font-size:12.5px;letter-spacing:-.02em}
.cm-fpost__stats--tiles span{font-size:9.5px;text-transform:uppercase;letter-spacing:.03em;font-weight:700}
.cm-fpost__meta-line{
  display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px;
  font-size:10.5px;color:var(--cm-muted);font-weight:650;
}
.cm-fpost__meta-line i{margin-right:3px}
.cm-fpost__meta-line .is-live{color:#86efac}
.cm-fpost__meta-line .is-live i{font-size:7px;vertical-align:middle}
.cm-fpost__joined{font-size:10.5px;color:var(--cm-muted);margin-top:4px}
.cm-fpost__user-actions{display:flex;gap:6px;margin-top:2px}
.cm-fpost__action{
  width:30px;height:30px;border-radius:9px;display:grid;place-items:center;
  border:1px solid var(--cm-border);background:rgba(10,14,22,.4);
  color:var(--cm-muted);text-decoration:none;font-size:14px;
  transition:border-color .15s,color .15s,background .15s;
}
.cm-fpost__action:hover{border-color:rgba(61,90,254,.4);color:#e9d5ff;background:rgba(61,90,254,.1)}
.cm-fpost__body{padding:0;min-width:0;display:flex;flex-direction:column}
.cm-fpost__bar{
  display:flex;justify-content:space-between;align-items:center;gap:8px;
  padding:8px 14px;font-size:11.5px;color:var(--cm-muted);font-weight:650;
  background:rgba(10,14,22,.35);border-bottom:1px solid var(--cm-border);
}
.cm-fpost__tools{display:flex;gap:8px}
.cm-tool{
  display:inline-flex;align-items:center;gap:4px;color:var(--cm-purple);text-decoration:none;font-weight:750;
}
.cm-tool:hover{color:#c084fc}
.cm-fpost__content{
  padding:14px 16px;font-size:14.5px;line-height:1.7;flex:1;
  color:#f1f5f9;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;
}
.cm-fpost__content a{color:#c4b5fd;text-decoration:underline}
.cm-fpost__foot{padding:8px 14px 12px;border-top:1px solid rgba(148,163,184,.08)}
.cm-fpost{scroll-margin-top:88px;scroll-margin-bottom:24px}
.cm-fpost:target,
.cm-fpost.is-flash{
  animation:cmReplyFlash 1.6s ease;
  border-color:rgba(17,211,119,.55);
}
@keyframes cmReplyFlash{
  0%{box-shadow:0 0 0 0 rgba(17,211,119,.45)}
  40%{box-shadow:0 0 0 6px rgba(17,211,119,.18)}
  100%{box-shadow:none}
}
.cm-quote{
  margin:0 0 12px;padding:10px 12px;border-radius:10px;
  border-left:3px solid var(--cm-purple);
  background:rgba(61,90,254,.08);
}
.cm-quote header{font-size:11.5px;font-weight:800;color:#c084fc;margin-bottom:6px}
.cm-quote div{font-size:13px;color:var(--cm-muted);line-height:1.5}

@media(max-width:800px){
  .cm-forum-table__head{display:none}
  .cm-forum-row{
    grid-template-columns:1fr 1fr;gap:8px;
  }
  .cm-forum-row__main{grid-column:1 / -1}
  .cm-forum-row__last{grid-column:1 / -1}
  .cm-ft-table__head{display:none}
  .cm-ft-row{grid-template-columns:28px 1fr;gap:8px}
  .cm-ft-row__stat,.cm-ft-row__last{display:none}
  .cm-fpost{grid-template-columns:1fr}
  .cm-fpost__user{
    flex-direction:row;flex-wrap:wrap;justify-content:flex-start;text-align:left;
    border-right:0;border-bottom:1px solid var(--cm-border);gap:10px 12px;padding:14px;
  }
  .cm-fpost__user-glow{display:none}
  .cm-fpost__id{width:auto;flex:1;align-items:flex-start;min-width:0}
  .cm-fpost__badges,.cm-fpost__name-row{justify-content:flex-start}
  .cm-fpost__rep,.cm-fpost__stats--tiles{width:100%}
  .cm-fpost__meta-line{justify-content:flex-start;width:100%}
  .cm-fpost__stats{display:flex;flex-wrap:wrap;gap:10px;width:auto}
  .cm-fpost__stats li{gap:4px}
  .cm-fpost__joined{width:100%}
  .cm-fpost__user-actions{margin-left:auto}
}

/* Hub extras: rules / howto / faq / cta */
.cm-rules__list{
  margin:0;padding:16px 18px 16px 36px;border-radius:14px;
  background:var(--cm-card);border:1px solid var(--cm-border);
  list-style:decimal;
}
.cm-rules__list li{
  margin:0 0 10px;color:var(--cm-muted);font-size:13.5px;line-height:1.5;
}
.cm-rules__list li:last-child{margin-bottom:0}
.cm-rules__list li::marker{color:var(--cm-green);font-weight:800}

.cm-howto{
  display:grid;gap:12px;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
}
.cm-howto__card{
  padding:16px;border-radius:14px;background:var(--cm-card);border:1px solid var(--cm-border);
  transition:border-color .15s,transform .15s;
}
.cm-howto__card:hover{border-color:rgba(61,90,254,.35);transform:translateY(-2px)}
.cm-howto__card i{
  display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;
  border-radius:10px;background:rgba(17,211,119,.12);color:var(--cm-green);font-size:18px;margin-bottom:10px;
}
.cm-howto__card strong{display:block;font-size:14px;font-weight:800;margin-bottom:6px}
.cm-howto__card p{margin:0;font-size:13px;color:var(--cm-muted);line-height:1.45}

.cm-faq{display:grid;gap:8px}
.cm-faq__item{
  border-radius:12px;background:var(--cm-card);border:1px solid var(--cm-border);padding:0;
}
.cm-faq__item summary{
  cursor:pointer;list-style:none;padding:14px 16px;font-weight:750;font-size:14px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.cm-faq__item summary::-webkit-details-marker{display:none}
.cm-faq__item summary::after{
  content:"+";color:var(--cm-purple);font-weight:900;font-size:18px;line-height:1;
}
.cm-faq__item[open] summary::after{content:"–"}
.cm-faq__item p{
  margin:0;padding:0 16px 14px;color:var(--cm-muted);font-size:13.5px;line-height:1.55;
}

.cm-cta-band{
  margin-top:40px;padding:22px 20px;border-radius:16px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;
  background:
    radial-gradient(ellipse 60% 80% at 0% 50%, rgba(61,90,254,.18), transparent 55%),
    radial-gradient(ellipse 50% 80% at 100% 50%, rgba(17,211,119,.12), transparent 50%),
    var(--cm-card);
  border:1px solid var(--cm-border);
}
.cm-cta-band strong{display:block;font-size:18px;font-weight:900;letter-spacing:-.02em}
.cm-cta-band p{margin:6px 0 0;max-width:42ch;color:var(--cm-muted);font-size:13.5px;line-height:1.45}

/* Forum author / profile addons */
.cm-av-wrap{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  margin-bottom:2px;
}
.cm-av-wrap .cm-av{position:relative;z-index:1;overflow:hidden}
.cm-av-wrap.has-frame-img .cm-av{overflow:visible}
.cm-av-wrap .yon-avatar-frame-img{z-index:2}
.cm-online{
  position:absolute;right:2px;bottom:2px;z-index:4;
  width:12px;height:12px;border-radius:50%;
  background:#64748b;border:2px solid var(--cm-card);
}
.cm-online.is-on{background:var(--h-green);box-shadow:0 0 0 3px rgba(17,211,119,.25)}
.cm-fpost__name-row{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;max-width:100%;
}
.cm-fpost__name{
  font-size:13px;font-weight:850;word-break:break-word;text-decoration:none;color:inherit;
}
a.cm-fpost__name:hover{color:#c4b5fd}
.cm-fpost__sig{
  margin:8px 0 0;padding:6px 8px;width:100%;box-sizing:border-box;
  font-size:10.5px;line-height:1.4;color:var(--cm-muted);
  border-top:1px dashed var(--cm-border);font-style:italic;
}
.cm-fpost__shop{
  margin-top:8px;color:var(--cm-purple);font-size:14px;opacity:.7;text-decoration:none;
}
.cm-fpost__shop:hover{opacity:1}
.cm-fpost .yon-seller-badge--addon{font-size:10px;padding:2px 6px}
.cm-fpost .yon-seller-badge--addon-media img{height:22px;max-width:40px}
.cm-fpost .yon-staff-badge{font-size:10px;padding:2px 7px}
.cm-chip--staff{color:#93c5fd;border-color:rgba(59,130,246,.35);background:rgba(59,130,246,.12)}
.cm-inline-form{display:inline}
.cm-tool.is-on{color:#86efac}
.cm-tool em{font-style:normal;font-weight:800;margin-left:2px;color:var(--cm-muted)}
.cm-tool.is-on em{color:#86efac}
.cm-link{color:#c4b5fd;word-break:break-all}
.cm-fpost__user .yon-seller-badge{max-width:100%}

/* Frame presets for forum avatars */
.cm-av-wrap.has-addon-frame{border-radius:20px;padding:2px}
.cm-av-wrap.pa-frame--gold{box-shadow:0 0 0 3px #fbbf24,0 0 0 6px rgba(251,191,36,.28),0 0 22px rgba(251,191,36,.55)}
.cm-av-wrap.pa-frame--neon-pink{box-shadow:0 0 0 3px #ec4899,0 0 0 6px rgba(236,72,153,.25),0 0 22px rgba(236,72,153,.6)}
.cm-av-wrap.pa-frame--fire{box-shadow:0 0 0 3px #ef4444,0 0 0 6px rgba(239,68,68,.22),0 0 22px rgba(239,68,68,.55)}
.cm-av-wrap.pa-frame--galaxy{box-shadow:0 0 0 3px var(--h-blue),0 0 0 6px rgba(59,130,246,.3),0 0 22px rgba(139,92,246,.55)}
.cm-av-wrap.pa-frame--ice{box-shadow:0 0 0 3px #38bdf8,0 0 0 6px rgba(56,189,248,.22),0 0 22px rgba(56,189,248,.5)}
.cm-av-wrap.pa-frame--emerald{box-shadow:0 0 0 3px #34d399,0 0 0 6px rgba(52,211,153,.22),0 0 22px rgba(52,211,153,.5)}

@media(max-width:800px){
  .cm-fpost__name-row{justify-content:flex-start}
}

.cm-hero-bleed--forum {
    /* ambient from yon-home--hesap::before */
}

.cm-shell--forum .cm-hero__title,
.cm-shell--forum .cm-hero h1 {
    max-width: 20ch;
}

/* Hub navigation & stats */
.cm-hub-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 16px;
}

.cm-hub-nav a {
    /* yh-btn yh-btn--pill yh-btn--ghost */
}

.cm-forum-stats--rich {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
    margin-bottom: 8px;
}

.cm-stat-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: var(--h-radius, 12px);
    background: var(--h-bg-page);
    border: 1px solid var(--cm-border);
    transition: border-color 0.2s, transform 0.2s;
}

.cm-forum-stats--rich.yh-section-shell .cm-stat-card {
    background: transparent;
    border: 1px solid rgba(45, 48, 58, 0.6);
}

.cm-stat-card:hover {
    border-color: rgba(61, 90, 254, 0.35);
    transform: translateY(-2px);
}

.cm-stat-card > i {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    font-size: 18px;
    background: rgba(61, 90, 254, 0.12);
    color: var(--h-blue-text);
    border: 1px solid rgba(61, 90, 254, 0.2);
}

.cm-stat-card--live > i {
    background: rgba(17, 211, 119, 0.12);
    color: var(--h-green);
    border-color: rgba(17, 211, 119, 0.25);
}

.cm-stat-card strong {
    display: block;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: -0.02em;
    line-height: 1.1;
    color: var(--h-text-bright);
}

.cm-stat-card span {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--cm-muted);
    font-weight: 700;
}

.cm-forum-board-wrap {
    /* yh-section */
}

.cm-forum-board {
    border: 0;
    border-radius: 0;
    overflow: hidden;
    background: transparent;
    margin-bottom: 0;
}

.cm-forum-board__head {
    display: none;
}

.cm-forum-panel {
    border: 0;
    border-radius: 0;
    background: transparent;
    overflow: hidden;
}

.cm-forum-panel__head {
    display: none;
}

.cm-hub-feed {
    margin: 0;
}

.cm-hub-feed__grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.cm-hub-feed__card {
    padding: 14px 16px;
    border-radius: var(--h-radius, 12px);
    background: var(--h-bg-page);
    border: 1px solid var(--cm-border);
    transition: border-color 0.2s, transform 0.2s;
}

.cm-hub-feed__card:hover {
    border-color: rgba(17, 211, 119, 0.35);
    transform: translateY(-2px);
}

.cm-hub-feed__who {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 12px;
}

.cm-hub-feed__who strong {
    font-weight: 800;
    color: var(--h-text-bright);
}

.cm-hub-feed__who span:last-child {
    margin-left: auto;
    color: var(--cm-muted);
    font-size: 11px;
}

.cm-hub-feed__card p {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: var(--cm-muted);
}

.cm-hero--hub .cm-hero__title {
    max-width: 20ch;
}

.cm-rules__list {
    margin: 0;
    padding: 16px 18px 16px 36px;
    border-radius: var(--h-radius, 12px);
    background: var(--h-bg-page);
    border: 1px solid var(--cm-border);
    list-style: decimal;
}

.cm-howto__card {
    padding: 16px;
    border-radius: var(--h-radius, 12px);
    background: var(--h-bg-page);
    border: 1px solid var(--cm-border);
    transition: border-color 0.2s, transform 0.2s;
}

.cm-howto__card:hover {
    border-color: rgba(61, 90, 254, 0.35);
    transform: translateY(-2px);
}

.cm-howto__card i {
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(17, 211, 119, 0.12);
    color: var(--h-green);
    font-size: 18px;
    margin-bottom: 10px;
    border: 1px solid rgba(17, 211, 119, 0.2);
}

.cm-cta-band {
    margin: 0;
    padding: 22px 20px;
    border-radius: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: transparent;
    border: 0;
}

.cm-cta-band strong {
    display: block;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: -0.02em;
    color: var(--h-text-bright);
}

.cm-cta-band p {
    margin: 6px 0 0;
    max-width: 42ch;
    color: var(--cm-muted);
    font-size: 13.5px;
    line-height: 1.45;
}

.cm-bc a {
    color: var(--h-blue-text);
}

.cm-bc a:hover {
    color: var(--h-green);
}

.cm-forum-row:hover {
    background: rgba(61, 90, 254, 0.06);
}

.cm-forum-row__icon {
    color: var(--h-blue-text);
}

.cm-member:hover {
    border-color: rgba(61, 90, 254, 0.35);
}

.cm-member {
    background: var(--h-bg-page);
    border: 1px solid var(--cm-border);
    border-radius: 999px;
    transition: border-color 0.2s, transform 0.2s;
}

@media (max-width: 800px) {
    .cm-hub-nav {
        gap: 6px;
    }
}

/* Topic thread page */
.cm-shell--thread{padding-top:8px}
.cm-thread-hero{
  margin:0 0 16px;padding:18px 18px 16px;border-radius:16px;
  background:
    radial-gradient(ellipse 70% 80% at 0% 0%, rgba(61,90,254,.14), transparent 55%),
    var(--cm-card);
  border:1px solid var(--cm-border);
}
.cm-thread-hero__badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.cm-chip{
  display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;
  font-size:11px;font-weight:800;text-decoration:none;border:1px solid var(--cm-border);
  color:var(--cm-muted);background:rgba(10,14,22,.4);
}
.cm-chip--cat{color:#e9d5ff;border-color:rgba(61,90,254,.35);background:rgba(61,90,254,.12)}
.cm-chip--pin{color:#86efac;border-color:rgba(17,211,119,.3);background:rgba(17,211,119,.1)}
.cm-chip--lock{color:#fda4af;border-color:rgba(244,63,94,.3);background:rgba(244,63,94,.1)}
.cm-thread-hero .cm-thread-title{margin:0 0 10px}
.cm-thread-meta{
  display:flex;flex-wrap:wrap;gap:10px 14px;margin-bottom:14px;
  font-size:12.5px;color:var(--cm-muted);font-weight:650;
}
.cm-thread-meta i{margin-right:4px;color:var(--cm-purple)}
.cm-thread-toolbar{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;
  margin-bottom:12px;padding:8px 12px;border-radius:10px;
  background:rgba(18,24,38,.6);border:1px solid var(--cm-border);
  font-size:12px;color:var(--cm-muted);font-weight:700;
}
.cm-pager--inline{margin:0}
.cm-pager--inline nav,.cm-pager--inline .pagination{margin:0}

.cm-fpost--op{border-color:rgba(61,90,254,.28);box-shadow:0 0 0 1px rgba(61,90,254,.08)}
.cm-fpost--author{border-color:rgba(17,211,119,.22)}
.cm-fpost__role--op{color:#c4b5fd;background:rgba(61,90,254,.14)}
.cm-tool--muted{color:var(--cm-muted);font-weight:650}
.cm-tool--muted:hover{color:var(--cm-text)}
.cm-tool{background:none;border:0;cursor:pointer;padding:0;font:inherit}

.cm-report-box{
  display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 12px;
}
.cm-report-box input{
  flex:1;min-width:180px;height:36px;padding:0 12px;border-radius:9px;
  border:1px solid var(--cm-border);background:var(--cm-raised);color:var(--cm-text);font-size:13px;
}

.cm-composer__head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;
}
.cm-composer__label{display:inline-flex;align-items:center;gap:6px;font-weight:850;font-size:14px;text-transform:none;letter-spacing:0;color:var(--cm-text);margin-bottom:0}
.cm-composer__as{font-size:12px;color:var(--cm-muted);font-weight:650}

.cm-replies-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin:18px 0 10px;padding:0 2px;
}
.cm-replies-head h2{margin:0;font-size:15px;font-weight:850;display:inline-flex;align-items:center;gap:6px}
.cm-replies-head span{font-size:12px;color:var(--cm-muted);font-weight:700}
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

.cm-lock-banner{
  margin-top:16px;padding:14px 16px;border-radius:12px;font-weight:750;font-size:13.5px;
  background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.25);color:#fda4af;
  display:flex;align-items:center;gap:8px;
}
.cm-lock-banner--soft{
  background:rgba(148,163,184,.08);border-color:var(--cm-border);color:var(--cm-muted);font-weight:650;
}
.cm-lock-banner a{color:var(--cm-green);font-weight:800}

.cm-topic-nav{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;
}
.cm-topic-nav__item{
  display:block;padding:12px 14px;border-radius:12px;text-decoration:none;color:inherit;
  background:var(--cm-card);border:1px solid var(--cm-border);transition:border-color .15s;
}
.cm-topic-nav__item:hover{border-color:rgba(61,90,254,.4)}
.cm-topic-nav__item--next{text-align:right}
.cm-topic-nav__item span{display:block;font-size:11px;color:var(--cm-muted);font-weight:750;margin-bottom:4px}
.cm-topic-nav__item strong{font-size:13px;font-weight:800;line-height:1.35}

.cm-related{margin-top:28px}
.cm-related__head h2{margin:0 0 12px;font-size:16px;font-weight:850}
.cm-related__list{list-style:none;margin:0;padding:0;border-radius:14px;overflow:hidden;border:1px solid var(--cm-border);background:var(--cm-card)}
.cm-related__list li{border-bottom:1px solid var(--cm-border)}
.cm-related__list li:last-child{border-bottom:0}
.cm-related__list a{
  display:block;padding:12px 14px;text-decoration:none;color:inherit;transition:background .15s;
}
.cm-related__list a:hover{background:rgba(61,90,254,.06)}
.cm-related__list strong{display:block;font-size:13.5px;font-weight:800;margin-bottom:3px}
.cm-related__list span{font-size:11.5px;color:var(--cm-muted)}

@media(max-width:800px){
  .cm-topic-nav{grid-template-columns:1fr}
  .cm-topic-nav__item--next{text-align:left}
}



html[data-theme="light"] .cm-shell.yon-home--hesap {
  --cm-bg:#eef1f6;--cm-card:#fff;--cm-raised:#f8fafc;
  --cm-text:#0f172a;--cm-muted:#64748b;--cm-border:rgba(15,23,42,.1);
  --background:#eef1f6;--card:#fff;--foreground:#0f172a;--muted:#f1f5f9;--muted-foreground:#64748b;
  background:#eef1f6;color:#0f172a;
}
html[data-theme="light"] .cm-hero-bleed{
  background:
    radial-gradient(ellipse 65% 50% at 8% -10%, rgba(61,90,254,.1), transparent 55%),
    linear-gradient(180deg,#f8fafc,#eef1f6);
  border-bottom-color:rgba(15,23,42,.08);
}