/* cb.css — the blog (/blog.html) and contact (/contact.html) pages (contact-blog release cb-20261030-1, 30 Oct 2026).
   Siblings of the account page (/profile.html, profile.css): the same deep teal→blue hero band with the «signal density»
   drawing, the same cards, the same --g-* palette (copytrade.css 9–31) under site.css's --site-* chrome. Logical
   properties throughout, so English (LTR) mirrors without overrides. Dark follows site.js's data-theme only. */

@font-face { font-family:'IRANSans'; src:url('/assets/assets/fonts/IRANSansMobile.ttf') format('truetype'); font-weight:400; font-display:swap; }
@font-face { font-family:'IRANSans'; src:url('/assets/assets/fonts/IRANSansMobile_Bold.ttf') format('truetype'); font-weight:700; font-display:swap; }

:root, :root[data-theme="light"] {
  --g-bg:#F3F6F9; --g-card:#FFFFFF; --g-line:#E4EAF0; --g-line-soft:#EEF2F6;
  --g-ink:#0F1B2D; --g-ink-2:#4B5B70; --g-ink-3:#5E6E82;
  --g-teal:#0B9DB0; --g-teal-ink:#087F8E; --g-teal-soft:#E8F7FA; --g-teal-line:#BDE6EE;
  --g-up:#16A34A; --g-up-ink:#11743A; --g-up-soft:#EBF8F0; --g-up-line:#BFE6CC;
  --g-flat-soft:#F2F5F8;
  --g-shadow:0 1px 2px rgba(15,27,45,.04), 0 8px 24px rgba(15,27,45,.04);
  --g-lift:0 2px 4px rgba(15,27,45,.05), 0 14px 32px rgba(15,27,45,.08);

  /* the hero band = profile.css --pf-hero (the home's #1769FF → #22C7C7 family, darkened for white text) */
  --cb-hero:linear-gradient(128deg, #05313B 0%, #0A5664 46%, #0E4C86 100%);
  --cb-hero-line:rgba(255,255,255,.10);
  --cb-glow:rgba(41,227,227,.26);
  --cb-glow-b:rgba(23,105,255,.50);
  --cb-hero-shadow:0 1px 2px rgba(5,49,59,.10), 0 22px 40px -30px rgba(10,86,100,.70);
  --cb-cta-bg:#FFFFFF; --cb-cta-ink:#075A66; --cb-cta-hover:#E8F7FA;
  --cb-head:65px;          /* site.css's sticky header (64 px row + its line); 57 px on phones */

  /* accents (profile's tiles): teal, the site's blue, violet, amber, + green and slate */
  --a-teal:#0B9DB0; --a-teal-ink:#087F8E; --a-teal-soft:#E8F7FA; --a-teal-line:#BDE6EE;
  --a-blue:#2563EB; --a-blue-ink:#1D4ED8; --a-blue-soft:#EAF1FE; --a-blue-line:#C7D8FB;
  --a-violet:#6D55E8; --a-violet-ink:#5B43D6; --a-violet-soft:#F1EEFE; --a-violet-line:#D6CEFA;
  --a-amber:#D97706; --a-amber-ink:#B45309; --a-amber-soft:#FEF5E3; --a-amber-line:#F4C470;
  --a-green:#0F9F6E; --a-green-ink:#0B7A55; --a-green-soft:#E9F8F1; --a-green-line:#BCE8D5;
  --a-slate:#475569; --a-slate-ink:#334155; --a-slate-soft:#F1F4F8; --a-slate-line:#D5DDE7;
}
:root[data-theme="dark"] {
  --g-bg:#0B1314; --g-card:#111C1D; --g-line:#22302F; --g-line-soft:#1A2627;
  --g-ink:#E6F1F2; --g-ink-2:#A3B5B7; --g-ink-3:#8A9C9E;
  --g-teal:#29E3E3; --g-teal-ink:#29E3E3; --g-teal-soft:rgba(41,227,227,.10); --g-teal-line:rgba(41,227,227,.35);
  --g-up:#34D399; --g-up-ink:#5EE0AE; --g-up-soft:rgba(52,211,153,.10); --g-up-line:rgba(52,211,153,.35);
  --g-flat-soft:#162122;
  --g-shadow:none; --g-lift:0 0 0 1px var(--g-teal-line);

  --cb-hero:linear-gradient(128deg, #072126 0%, #0A3439 48%, #0D2850 100%);
  --cb-hero-line:rgba(41,227,227,.22);
  --cb-glow:rgba(41,227,227,.30);
  --cb-glow-b:rgba(23,105,255,.32);
  --cb-hero-shadow:none;
  --cb-cta-bg:#29E3E3; --cb-cta-ink:#04201F; --cb-cta-hover:#5BEAEA;

  --a-teal:#29E3E3; --a-teal-ink:#29E3E3; --a-teal-soft:rgba(41,227,227,.10); --a-teal-line:rgba(41,227,227,.30);
  --a-blue:#7FB2FF; --a-blue-ink:#9CC3FF; --a-blue-soft:rgba(127,178,255,.10); --a-blue-line:rgba(127,178,255,.30);
  --a-violet:#A99BFF; --a-violet-ink:#BDB2FF; --a-violet-soft:rgba(169,155,255,.10); --a-violet-line:rgba(169,155,255,.30);
  --a-amber:#FBBF24; --a-amber-ink:#FBBF24; --a-amber-soft:rgba(251,191,36,.10); --a-amber-line:rgba(251,191,36,.35);
  --a-green:#34D399; --a-green-ink:#5EE0AE; --a-green-soft:rgba(52,211,153,.10); --a-green-line:rgba(52,211,153,.32);
  --a-slate:#A9B8C9; --a-slate-ink:#C5D1DE; --a-slate-soft:rgba(169,184,201,.10); --a-slate-line:rgba(169,184,201,.30);
}

* { box-sizing:border-box; }
html { background:var(--g-bg); }
body {
  margin:0; background:var(--g-bg); color:var(--g-ink);
  font-family:'Vazirmatn','IRANSans',Tahoma,sans-serif; -webkit-font-smoothing:antialiased;
}
button, input { font-family:inherit; color:inherit; }
bdi { unicode-bidi:isolate; }
.ico { display:block; flex:none; }
.sr-only {
  position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
  clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0;
}
.cb :where(a, button, [tabindex]):focus-visible { outline:2px solid var(--g-teal); outline-offset:2px; }
:root[dir="ltr"] .is-chev, :root[dir="ltr"] .is-back { transform:scaleX(-1); }

/* accent hooks: one class sets the four --t tokens */
.is-teal   { --t:var(--a-teal);   --t-ink:var(--a-teal-ink);   --t-soft:var(--a-teal-soft);   --t-line:var(--a-teal-line); }
.is-blue   { --t:var(--a-blue);   --t-ink:var(--a-blue-ink);   --t-soft:var(--a-blue-soft);   --t-line:var(--a-blue-line); }
.is-violet { --t:var(--a-violet); --t-ink:var(--a-violet-ink); --t-soft:var(--a-violet-soft); --t-line:var(--a-violet-line); }
.is-amber  { --t:var(--a-amber);  --t-ink:var(--a-amber-ink);  --t-soft:var(--a-amber-soft);  --t-line:var(--a-amber-line); }
.is-green  { --t:var(--a-green);  --t-ink:var(--a-green-ink);  --t-soft:var(--a-green-soft);  --t-line:var(--a-green-line); }
.is-slate  { --t:var(--a-slate);  --t-ink:var(--a-slate-ink);  --t-soft:var(--a-slate-soft);  --t-line:var(--a-slate-line); }

/* without cb.js (or before it starts) the controls that need it stay out of the way */
html:not(.cb-js) .cb-nojs-hide { display:none !important; }

/* ---------------------------------------------------------------- frame: the header's own 1200 px row */
.cb { max-width:1200px; margin:0 auto; padding:24px 24px 64px; display:flex; flex-direction:column; gap:30px; min-height:calc(100vh - var(--cb-head)); }
.cb > *, .cb-index > * { min-width:0; }
.cb-index { display:flex; flex-direction:column; gap:30px; min-width:0; }
.cb-sec-head { display:flex; align-items:flex-end; justify-content:space-between; gap:6px 16px; flex-wrap:wrap; margin:0 2px 14px; }
.cb-sec-head h2 { margin:0; display:flex; align-items:center; gap:8px; font-size:18px; font-weight:800; line-height:1.6; }
.cb-sec-head h2 .ico { color:var(--g-teal); }
.cb-sec-head p { margin:0; font-size:13.5px; line-height:1.9; color:var(--g-ink-3); }

/* ---------------------------------------------------------------- the hero band (= profile.css .pf-hero) */
.cb-hero {
  position:relative; isolation:isolate; overflow:hidden; color:#FFFFFF;
  border-radius:24px; border:1px solid var(--cb-hero-line); box-shadow:var(--cb-hero-shadow);
  background:#05313B; background:var(--cb-hero);
  display:grid; grid-template-columns:minmax(0, 1fr) minmax(300px, 404px); align-items:center; gap:24px 32px;
  padding:32px 34px; min-height:252px;
}
.cb-hero::before, .cb-hero::after { content:''; position:absolute; z-index:-1; pointer-events:none; border-radius:50%; filter:blur(8px); }
.cb-hero::before { inset-block-start:-140px; inset-inline-start:-90px; width:420px; height:420px; background:radial-gradient(closest-side, var(--cb-glow), transparent); }
.cb-hero::after { inset-block-end:-190px; inset-inline-end:-60px; width:520px; height:520px; background:radial-gradient(closest-side, var(--cb-glow-b), transparent); }
.cb-hero-art {
  position:absolute; z-index:-1; inset-block:0; inset-inline-end:0; width:64%; pointer-events:none; opacity:.9;
  -webkit-mask-image:linear-gradient(to right, #000 25%, transparent 96%); mask-image:linear-gradient(to right, #000 25%, transparent 96%);
}
:root[dir="ltr"] .cb-hero-art { -webkit-mask-image:linear-gradient(to left, #000 25%, transparent 96%); mask-image:linear-gradient(to left, #000 25%, transparent 96%); }
.cb-hero-art svg { position:absolute; inset:0; width:100%; height:100%; display:block; }
:root[dir="ltr"] .cb-hero-art svg { transform:scaleX(-1); }

.cb-hero-text { min-width:0; display:flex; flex-direction:column; gap:8px; }
.cb-eyebrow { margin:0; display:inline-flex; align-items:center; gap:7px; font-size:12.5px; font-weight:700; color:rgba(255,255,255,.9); }
.cb-eyebrow .ico { color:#A5F3FF; }
.cb-hero h1 { margin:0; font-size:28px; font-weight:800; line-height:1.5; color:#FFFFFF; overflow-wrap:anywhere; }
.cb-hero-sub { margin:0; max-width:580px; font-size:14.5px; line-height:2; color:rgba(255,255,255,.86); }
.cb-badges { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:4px; }
.cb-meta {
  display:inline-flex; align-items:center; gap:6px; height:30px; padding:0 12px; border-radius:99px;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); color:rgba(255,255,255,.92);
  font-size:12.5px; font-weight:700; white-space:nowrap;
}
.cb-meta .ico { color:#A5F3FF; }
.cb-hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:10px; }

/* the glass panel (= profile's .pf-stat): the blog's topics, the contact page's call */
.cb-glass {
  position:relative; display:flex; flex-direction:column; gap:12px; min-width:0;
  padding:18px 20px; border-radius:20px; background:rgba(255,255,255,.08); background:rgba(2,24,32,.24);
  border:1px solid rgba(255,255,255,.16); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
}
.cb-glass-head { display:flex; align-items:center; gap:12px; min-width:0; }
.cb-glass-ico {
  flex:none; width:48px; height:48px; border-radius:15px; display:grid; place-items:center;
  background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.18); color:#A5F3FF;
}
.cb-glass-k { margin:0; font-size:12.5px; font-weight:700; color:rgba(255,255,255,.9); }
.cb-glass-v { margin:0; font-size:24px; font-weight:800; line-height:1.5; letter-spacing:.02em; overflow-wrap:anywhere; }
.cb-glass-s { margin:0; font-size:12.5px; line-height:1.85; color:rgba(255,255,255,.88); }
.cb-glass-row { display:flex; gap:8px; flex-wrap:wrap; }
.cb-glass-row > .cb-cta { flex:1 1 140px; }

.cb-cta {
  display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:46px; padding:0 20px;
  border-radius:13px; background:var(--cb-cta-bg); color:var(--cb-cta-ink); border:0; cursor:pointer;
  font-size:14.5px; font-weight:800; text-decoration:none; white-space:nowrap;
  box-shadow:0 10px 24px -14px rgba(0,0,0,.6); transition:background .15s, transform .15s;
}
.cb-cta:hover { background:var(--cb-cta-hover); }
.cb-cta:active { transform:translateY(1px); }
.cb-cta.is-ghost { background:transparent; color:#FFFFFF; border:1px solid rgba(255,255,255,.34); box-shadow:none; }
.cb-cta.is-ghost:hover { background:rgba(255,255,255,.08); }
.cb-cta.is-done { box-shadow:0 0 0 2px rgba(165,243,255,.6); }
.cb-hero :focus-visible, .cb-band :focus-visible, .cb-rail-follow :focus-visible { outline-color:#FFFFFF; }

/* topic chips on the glass (the blog's filter) */
.cb-topics { display:flex; flex-wrap:wrap; gap:8px; }
.cb-topic {
  display:inline-flex; align-items:center; gap:7px; min-height:38px; padding:0 12px 0 8px; border-radius:99px; cursor:pointer;
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.20); color:#FFFFFF;
  font-size:12.5px; font-weight:800; white-space:nowrap; transition:background .15s, border-color .15s;
}
@media (hover:hover) and (pointer:fine) {   /* never over the chosen chip, never a phone's sticky hover after a tap */
  .cb-topic:hover:not(:disabled):not([aria-pressed="true"]) { background:rgba(255,255,255,.14); }
}
.cb-topic:disabled { cursor:default; opacity:.92; }
.cb-topic b {
  display:inline-grid; place-items:center; min-width:24px; height:24px; padding:0 6px; border-radius:99px;
  background:rgba(255,255,255,.14); font-size:11.5px; font-weight:800;
}
.cb-topic i { width:8px; height:8px; border-radius:50%; background:var(--t, #A5F3FF); box-shadow:0 0 0 3px rgba(255,255,255,.08); }
.cb-topic[aria-pressed="true"] { background:#FFFFFF; border-color:#FFFFFF; color:#075A66; }
.cb-topic[aria-pressed="true"] b { background:#E8F7FA; color:#075A66; }
:root[data-theme="dark"] .cb-topic[aria-pressed="true"] { background:#29E3E3; border-color:#29E3E3; color:#04201F; }
:root[data-theme="dark"] .cb-topic[aria-pressed="true"] b { background:rgba(4,32,31,.14); color:#04201F; }
/* topic dots on the dark glass: the dark-theme accents read better there in both themes */
.cb-topic.is-teal { --t:#29E3E3; } .cb-topic.is-blue { --t:#7FB2FF; } .cb-topic.is-violet { --t:#A99BFF; }
.cb-topic.is-amber { --t:#FBBF24; } .cb-topic.is-green { --t:#34D399; } .cb-topic.is-slate { --t:#C5D1DE; }

/* ---------------------------------------------------------------- blog: the cards */
.cb-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; align-items:stretch; }
.cb-post {
  position:relative; isolation:isolate; min-width:0; display:flex; flex-direction:column; overflow:hidden;
  background:var(--g-card); border:1px solid var(--g-line); border-radius:20px; box-shadow:var(--g-shadow);
  scroll-margin-top:calc(var(--cb-head) + 16px); transition:box-shadow .18s ease, border-color .18s ease, transform .18s ease;
}
@media (hover:hover) and (pointer:fine) {
  .cb-post:hover { transform:translateY(-2px); box-shadow:var(--g-lift); border-color:var(--t-line); }
}
@media (prefers-reduced-motion:reduce) { .cb-post, .cb-post:hover, .cb-ch, .cb-ch:hover { transition:none; transform:none; } }
.cb-cover {
  position:relative; isolation:isolate; overflow:hidden; height:142px; flex:none; color:#FFFFFF;
  background:#05313B; background:linear-gradient(128deg, var(--c1), var(--c2) 55%, var(--c3));
}
.cb-cover > svg, .cb-art-cover > svg, .cb-rail-cv > svg { position:absolute; inset:0; width:100%; height:100%; display:block; }   /* never mirrored */
.cb-cover::after, .cb-art-cover::after {   /* the hero's glow, small */
  content:''; position:absolute; z-index:-1; inset-block-start:-60px; inset-inline-start:-40px; width:200px; height:200px;
  border-radius:50%; background:radial-gradient(closest-side, rgba(255,255,255,.16), transparent);
}
/* cover gradients per accent (dark surfaces with white strokes, the hero band's family; violet, amber and green muted
   so the grid stays as calm as the other static pages: the topic's own colour is the tag dot and «ادامهٔ مطلب») */
.is-teal   { --c1:#05313B; --c2:#0A5664; --c3:#0E4C86; }
.is-blue   { --c1:#0A1F4A; --c2:#153A80; --c3:#2A5AAE; }
.is-violet { --c1:#1F1B46; --c2:#3B346F; --c3:#554A96; }
.is-amber  { --c1:#372210; --c2:#5D3E22; --c3:#7F5934; }
.is-green  { --c1:#0B2D28; --c2:#1B5046; --c3:#2C7262; }
.is-slate  { --c1:#121A26; --c2:#26344A; --c3:#3F5170; }
.cb-cover-tag {
  position:absolute; inset-block-end:12px; inset-inline-start:14px; display:inline-flex; align-items:center; gap:6px;
  height:28px; padding:0 11px; border-radius:99px; font-size:12px; font-weight:800; color:#FFFFFF;
  background:rgba(2,24,32,.34); border:1px solid rgba(255,255,255,.22); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.cb-cover-tag i { width:7px; height:7px; border-radius:50%; background:var(--tag, #A5F3FF); }
.cb-cover-tag { --tag:#A5F3FF; }
.is-blue .cb-cover-tag { --tag:#9CC3FF; } .is-violet .cb-cover-tag { --tag:#C4B5FD; } .is-amber .cb-cover-tag { --tag:#FCD34D; }
.is-green .cb-cover-tag { --tag:#6EE7B7; } .is-slate .cb-cover-tag { --tag:#CBD5E1; }
.cb-cover-star {
  position:absolute; inset-block-start:12px; inset-inline-end:14px; display:inline-flex; align-items:center; gap:5px;
  height:28px; padding:0 11px; border-radius:99px; font-size:12px; font-weight:800;
  background:rgba(2,24,32,.42); border:1px solid rgba(253,230,138,.55); color:#FDE68A;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}

.cb-post-body { display:flex; flex-direction:column; gap:8px; padding:16px 18px 12px; min-width:0; flex:1 1 auto; }
.cb-post h3 { margin:0; font-size:16px; font-weight:800; line-height:1.75; overflow-wrap:anywhere; }
.cb-post h3 a { color:inherit; text-decoration:none; }
.cb-post-link::after { content:''; position:absolute; inset:0; z-index:1; border-radius:inherit; }   /* the whole card */
.cb-post-link:focus-visible { outline:none; }
.cb-post:focus-within { outline:2px solid var(--g-teal); outline-offset:2px; }              /* fallback for :has() */
.cb-post:has(.cb-post-link:focus):not(:has(.cb-post-link:focus-visible)) { outline:none; }
.cb-post:hover .cb-post-link { color:var(--t-ink); }
.cb-excerpt { margin:0; font-size:13.5px; line-height:1.95; color:var(--g-ink-2); overflow-wrap:anywhere; }
.cb-js .cb-post:not(.is-featured) .cb-excerpt { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.cb-post-foot {
  display:flex; align-items:center; justify-content:space-between; gap:8px 12px; flex-wrap:wrap; margin-top:auto;
  padding-top:12px; border-top:1px solid var(--g-line-soft);
}
.cb-facts { display:flex; align-items:center; gap:6px 12px; flex-wrap:wrap; font-size:12.5px; font-weight:700; color:var(--g-ink-3); }
.cb-facts span { display:inline-flex; align-items:center; gap:5px; }
.cb-fact-lang { padding:0 8px; height:22px; border-radius:99px; background:var(--g-flat-soft); }
.cb-more { display:inline-flex; align-items:center; gap:6px; min-height:32px; color:var(--t-ink); font-size:13.5px; font-weight:800; white-space:nowrap; }
:root[dir="ltr"] .cb-more .ico { transform:scaleX(-1); }

/* the featured post (only under «همه»): across the grid, the cover beside the text */
.cb-post.is-featured { grid-column:1 / -1; display:grid; grid-template-columns:minmax(0, 1fr) minmax(260px, 40%); }
.cb-post.is-featured .cb-cover { order:2; height:auto; min-height:236px; }
.cb-post.is-featured .cb-post-body { padding:22px 26px 14px; gap:10px; }
.cb-post.is-featured h3 { font-size:21px; line-height:1.65; }
.cb-post.is-featured .cb-excerpt { font-size:14.5px; }

.cb-empty { grid-column:1 / -1; margin:0; padding:28px; text-align:center; color:var(--g-ink-3); font-size:14px;
  background:var(--g-card); border:1px dashed var(--g-line); border-radius:18px; }

/* the follow / write-to-us pair under the list */
.cb-pair { display:grid; grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr); gap:16px; }
.cb-band {   /* a small hero band */
  position:relative; isolation:isolate; overflow:hidden; color:#FFFFFF; border-radius:20px; border:1px solid var(--cb-hero-line);
  background:#05313B; background:var(--cb-hero); padding:22px 24px; display:flex; align-items:center; gap:16px 20px; flex-wrap:wrap;
}
.cb-band::after { content:''; position:absolute; z-index:-1; inset-block-end:-120px; inset-inline-end:-40px; width:320px; height:320px; border-radius:50%;
  background:radial-gradient(closest-side, var(--cb-glow-b), transparent); }
.cb-band-text { flex:1 1 260px; min-width:0; display:flex; flex-direction:column; gap:4px; }
.cb-band h2 { margin:0; font-size:17px; font-weight:800; line-height:1.7; }
.cb-band p { margin:0; font-size:13.5px; line-height:1.9; color:rgba(255,255,255,.86); }
.cb-card {
  background:var(--g-card); border:1px solid var(--g-line); border-radius:20px; box-shadow:var(--g-shadow);
  padding:20px 22px; min-width:0;
}
.cb-card-head { display:flex; align-items:center; gap:12px; margin-bottom:6px; }
.cb-card-head h2, .cb-card-head h3 { margin:0; font-size:16px; font-weight:800; line-height:1.6; }
.cb-card-ico {
  flex:none; width:40px; height:40px; border-radius:12px; display:grid; place-items:center;
  background:var(--t-soft, var(--g-teal-soft)); color:var(--t-ink, var(--g-teal-ink)); border:1px solid var(--t-line, var(--g-teal-line));
}
.cb-card p { margin:0 0 12px; font-size:13.5px; line-height:1.95; color:var(--g-ink-2); }
.cb-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:42px; padding:0 16px;
  border-radius:12px; cursor:pointer; font-size:13.5px; font-weight:800; white-space:nowrap; text-decoration:none;
  border:1px solid var(--g-teal-line); background:var(--g-card); color:var(--g-teal-ink); transition:background .15s, border-color .15s;
}
.cb-btn:hover { background:var(--g-teal-soft); }
.cb-btn.is-primary { background:var(--g-teal-ink); border-color:var(--g-teal-ink); color:#FFFFFF; }
.cb-btn.is-primary:hover { background:#066B78; }
:root[data-theme="dark"] .cb-btn.is-primary { background:#29E3E3; border-color:#29E3E3; color:#0B1314; }
:root[data-theme="dark"] .cb-btn.is-primary:hover { background:#5BEAEA; }
.cb-btn.is-done { color:var(--g-up-ink); border-color:var(--g-up-line); }

/* ---------------------------------------------------------------- blog: the reader (/blog.html#<slug>) */
/* With JavaScript the page is two views of one file: the list, or one article. Without it every article stays under
   the list («متن کامل نوشته‌ها»), readable and linkable by its #<slug>. */
html.cb-js .cb-blog:not([data-view="read"]) .cb-reader-wrap { display:none; }
html.cb-js .cb-blog[data-view="read"] .cb-index { display:none; }
html.cb-js .cb-reader-head { display:none; }
.cb-reader-wrap { display:flex; flex-direction:column; gap:16px; min-width:0; }
.cb-reader-head { margin:12px 2px 0; padding-top:24px; border-top:1px solid var(--g-line); font-size:19px; font-weight:800; line-height:1.6; }
.cb-crumbs { display:flex; flex-wrap:wrap; align-items:center; gap:2px 0; margin:0 2px; font-size:13px; font-weight:700; color:var(--g-ink-3); min-width:0; }
.cb-crumbs:empty { display:none; }
.cb-crumbs a { color:var(--g-ink-3); text-decoration:none; display:inline-flex; align-items:center; min-height:32px; }
.cb-crumbs a:hover { color:var(--g-teal-ink); text-decoration:underline; text-underline-offset:3px; }
.cb-crumbs .sep { margin:0 8px; opacity:.6; }
.cb-crumbs .cb-cur { color:var(--g-ink-2); overflow-wrap:anywhere; }
.cb-reader { display:grid; grid-template-columns:minmax(0, 1fr); gap:40px; align-items:start; }
.cb-articles { display:flex; flex-direction:column; gap:40px; min-width:0; }
.cb-article { min-width:0; max-width:780px; scroll-margin-top:calc(var(--cb-head) + 16px); }
.cb-article[hidden] { display:none; }
html:not(.cb-js) .cb-article + .cb-article { padding-top:32px; border-top:1px solid var(--g-line); }
.cb-art-cover {
  position:relative; isolation:isolate; overflow:hidden; width:100%; aspect-ratio:21 / 6; max-height:200px; border-radius:22px; margin-bottom:20px; color:#FFFFFF;
  background:#05313B; background:linear-gradient(128deg, var(--c1), var(--c2) 55%, var(--c3)); border:1px solid var(--cb-hero-line);
}
.cb-art-cover .cb-cover-tag { inset-block-end:14px; inset-inline-start:16px; }
.cb-art-facts { display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; margin:0 0 6px; font-size:13px; font-weight:700; color:var(--g-ink-3); }
.cb-art-facts .dot { width:4px; height:4px; border-radius:50%; background:currentColor; opacity:.55; }
.cb-art-cat { color:var(--t-ink); }
.cb-article-title { margin:0 0 14px; font-size:30px; font-weight:800; line-height:1.6; color:var(--g-ink); overflow-wrap:anywhere; }
.cb-article-title:focus { outline:none; }
.cb-article-title:focus-visible { outline:2px solid var(--g-teal); outline-offset:4px; border-radius:6px; }
.cb-lede {
  margin:0 0 22px; padding-inline-start:16px; border-inline-start:3px solid var(--t, var(--g-teal));
  font-size:16.5px; line-height:2.05; font-weight:600; color:var(--g-ink);
}
.cb-langnote {
  display:flex; align-items:center; gap:8px; margin:0 0 18px; padding:10px 14px; border-radius:12px;
  background:var(--g-flat-soft); color:var(--g-ink-2); font-size:13.5px; font-weight:700;
}
.cb-article-body p { margin:0 0 18px; font-size:16px; line-height:2.15; color:var(--g-ink-2); overflow-wrap:anywhere; }
.cb-article-body p:first-child { color:var(--g-ink); }
.cb-article-foot { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin-top:24px; padding-top:18px; border-top:1px solid var(--g-line); }
.cb-article-foot .cb-btn { min-height:44px; }
html:not(.cb-js) .cb-article-foot, html:not(.cb-js) .cb-pn, html:not(.cb-js) .cb-rail { display:none; }
.cb-pn { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; margin-top:22px; }
.cb-pn:empty { display:none; }
.cb-pn a {
  display:flex; flex-direction:column; gap:2px; min-height:72px; padding:12px 16px; border-radius:16px; text-decoration:none;
  background:var(--g-card); border:1px solid var(--g-line); color:var(--g-ink); box-shadow:var(--g-shadow);
}
.cb-pn a:hover { border-color:var(--g-teal-line); }
.cb-pn a small { font-size:12px; font-weight:800; color:var(--g-ink-3); }
.cb-pn a b { font-size:14.5px; font-weight:800; line-height:1.8; overflow-wrap:anywhere; }
.cb-pn .is-next { text-align:end; }
.cb-pn .is-empty { visibility:hidden; }

.cb-rail { display:flex; flex-direction:column; gap:16px; min-width:0; }
.cb-rail:empty { display:none; }
.cb-rail-card { background:var(--g-card); border:1px solid var(--g-line); border-radius:20px; padding:16px 16px 8px; box-shadow:var(--g-shadow); min-width:0; }
.cb-rail-card h3 { margin:0 0 6px; font-size:15px; font-weight:800; line-height:1.7; }
.cb-rail-list { list-style:none; margin:0 -8px; padding:0; }
.cb-rail-list a { display:grid; grid-template-columns:54px minmax(0, 1fr); gap:12px; align-items:center; min-height:44px; padding:10px 8px; border-radius:12px; color:var(--g-ink); text-decoration:none; }
.cb-rail-list li + li a { border-top:1px solid var(--g-line-soft); }
.cb-rail-list a:hover { background:var(--g-flat-soft); }
.cb-rail-cv {
  position:relative; overflow:hidden; display:block; width:54px; height:54px; border-radius:13px;
  background:#05313B; background:linear-gradient(128deg, var(--c1), var(--c2) 55%, var(--c3));
}
.cb-rail-t { min-width:0; }
.cb-rail-list small { display:block; font-size:11.5px; font-weight:800; color:var(--t-ink); }
.cb-rail-list b { display:block; font-size:13.5px; font-weight:800; line-height:1.75; overflow-wrap:anywhere; }
.cb-rail-follow {
  position:relative; isolation:isolate; overflow:hidden; color:#FFFFFF; border-color:var(--cb-hero-line);
  background:#05313B; background:var(--cb-hero); padding:18px; display:flex; flex-direction:column; gap:8px;
}
.cb-rail-follow::after { content:''; position:absolute; z-index:-1; inset-block-end:-110px; inset-inline-end:-50px; width:260px; height:260px; border-radius:50%;
  background:radial-gradient(closest-side, var(--cb-glow-b), transparent); }
.cb-rail-follow h3 { margin:4px 0 0; }
.cb-rail-follow p { margin:0 0 6px; font-size:13px; line-height:1.95; color:rgba(255,255,255,.88); }
.cb-rail-follow .cb-cta { width:100%; }

/* ---------------------------------------------------------------- contact: channel cards */
.cb-chs { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; }
.cb-chs[data-n="3"] { grid-template-columns:repeat(3, minmax(0, 1fr)); }
.cb-chs[data-n="4"] { grid-template-columns:repeat(4, minmax(0, 1fr)); }
.cb-ch {
  position:relative; isolation:isolate; overflow:hidden; min-width:0; display:flex; flex-direction:column; gap:10px;
  padding:18px 18px 14px; background:var(--g-card); border:1px solid var(--g-line); border-radius:20px; box-shadow:var(--g-shadow);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.cb-ch::before { content:''; position:absolute; inset:0 0 auto; height:104px; z-index:-1; pointer-events:none;
  background:linear-gradient(180deg, var(--t-soft), transparent); }
.cb-ch::after { content:''; position:absolute; inset:0 18px auto; height:3px; border-radius:0 0 3px 3px; z-index:-1;
  background:linear-gradient(90deg, transparent, var(--t), transparent); opacity:.55; }
@media (hover:hover) and (pointer:fine) {
  .cb-ch:hover { transform:translateY(-2px); box-shadow:var(--g-lift); border-color:var(--t-line); }
}
.cb-ch:focus-within { outline:2px solid var(--g-teal); outline-offset:2px; }             /* fallback for :has() */
.cb-ch:has(.cb-ch-link:focus):not(:has(.cb-ch-link:focus-visible)):not(:has(button:focus-visible)) { outline:none; }
.cb-ch-top { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.cb-ch-ico {
  flex:none; width:48px; height:48px; border-radius:15px; display:grid; place-items:center; color:var(--t-ink);
  background:var(--t-soft); background:linear-gradient(140deg, var(--g-card), var(--t-soft)); border:1px solid var(--t-line);
  box-shadow:0 6px 16px -10px var(--t);
}
.cb-chip {
  flex:none; display:inline-flex; align-items:center; gap:5px; height:26px; padding:0 10px; border-radius:99px;
  font-size:11.5px; font-weight:800; white-space:nowrap; background:var(--g-flat-soft); color:var(--g-ink-2);
}
.cb-ch h3 { margin:2px 0 0; font-size:16px; font-weight:800; line-height:1.6; }
.cb-ch-v { margin:0; font-size:18px; font-weight:800; line-height:1.6; color:var(--t-ink); overflow-wrap:anywhere; }
.cb-ch-s { margin:0; font-size:13px; line-height:1.9; color:var(--g-ink-2); }
.cb-ch-foot { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; padding-top:12px; border-top:1px solid var(--g-line-soft); }
.cb-ch-link { display:inline-flex; align-items:center; gap:6px; min-height:38px; color:var(--t-ink); text-decoration:none; font-size:13.5px; font-weight:800; }
.cb-ch-link::after { content:''; position:absolute; inset:0; border-radius:inherit; z-index:1; }   /* the whole card is the link */
.cb-ch-link:focus-visible { outline:none; }
:root[dir="ltr"] .cb-ch-link .ico { transform:scaleX(-1); }
.cb-link-btn {
  position:relative; z-index:2; display:inline-flex; align-items:center; gap:6px; min-height:36px; padding:0 12px; border-radius:10px; cursor:pointer;
  border:1px solid var(--g-line); background:var(--g-card); color:var(--g-ink-2); font-size:12.5px; font-weight:800;
}
.cb-link-btn:hover { border-color:var(--g-teal-line); color:var(--g-teal-ink); }
.cb-link-btn.is-done { color:var(--g-up-ink); border-color:var(--g-up-line); }

/* contact: B2B card */
.cb-b2b {
  position:relative; isolation:isolate; overflow:hidden; display:grid; grid-template-columns:minmax(0, 1.2fr) minmax(0, 1fr); gap:20px 32px;
  padding:26px 28px; border-radius:22px; background:var(--g-card); border:1px solid var(--g-line); box-shadow:var(--g-shadow);
  scroll-margin-top:calc(var(--cb-head) + 16px);
}
.cb-b2b::before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:radial-gradient(600px 220px at 85% 0%, var(--g-teal-soft), transparent 70%), radial-gradient(500px 240px at 0% 100%, var(--a-blue-soft), transparent 70%); }
:root[dir="ltr"] .cb-b2b::before { background:radial-gradient(600px 220px at 15% 0%, var(--g-teal-soft), transparent 70%), radial-gradient(500px 240px at 100% 100%, var(--a-blue-soft), transparent 70%); }
.cb-b2b-eyebrow { margin:0 0 4px; display:inline-flex; align-items:center; gap:7px; font-size:12.5px; font-weight:800; color:var(--g-teal-ink); }
.cb-b2b h2 { margin:0 0 8px; font-size:22px; font-weight:800; line-height:1.6; }
.cb-b2b p { margin:0 0 12px; font-size:14px; line-height:2; color:var(--g-ink-2); }
.cb-aud { display:flex; flex-wrap:wrap; gap:6px; margin:4px 0 14px; }
.cb-aud span { display:inline-flex; align-items:center; height:28px; padding:0 11px; border-radius:99px; font-size:12.5px; font-weight:700;
  background:var(--g-flat-soft); border:1px solid var(--g-line-soft); color:var(--g-ink-2); }
.cb-b2b .cb-price { display:flex; align-items:center; gap:8px; margin:0; padding:10px 12px; border-radius:12px; font-size:13px; line-height:1.85; font-weight:700;
  background:var(--a-amber-soft); border:1px solid var(--a-amber-line); color:var(--g-ink); }
.cb-price .ico { color:var(--a-amber-ink); }
.cb-b2b-side { display:flex; flex-direction:column; gap:12px; min-width:0; }
.cb-b2b-side h3 { margin:0; font-size:14.5px; font-weight:800; }
.cb-checks { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.cb-checks li { display:flex; align-items:flex-start; gap:8px; font-size:13.5px; line-height:1.9; color:var(--g-ink-2); }
.cb-checks .ico { margin-top:4px; color:var(--g-up); }
.cb-b2b-btns { display:flex; flex-wrap:wrap; gap:8px; margin-top:4px; }

/* contact: «کدام راه برای چه کاری» rows */
.cb-routes { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
.cb-route {
  display:flex; align-items:flex-start; gap:12px; padding:14px 16px; min-width:0;
  background:var(--g-card); border:1px solid var(--g-line); border-radius:16px;
}
.cb-routes > .cb-route:last-child:nth-child(odd) { grid-column:1 / -1; }   /* an odd row out spans the grid (no hole) */
.cb-route-ico { flex:none; width:38px; height:38px; border-radius:11px; display:grid; place-items:center; background:var(--g-flat-soft); color:var(--g-teal-ink); }
.cb-route h3 { margin:0; font-size:14.5px; font-weight:800; line-height:1.7; }
.cb-route p { margin:2px 0 6px; font-size:13px; line-height:1.85; color:var(--g-ink-3); }
.cb-route-links { display:flex; flex-wrap:wrap; gap:4px 14px; }
.cb-route-links a { display:inline-flex; align-items:center; gap:4px; min-height:32px; font-size:13px; font-weight:800; color:var(--g-teal-ink); text-decoration:none; }
.cb-route-links a:hover { text-decoration:underline; text-underline-offset:3px; }

/* contact: the account-safety note */
.cb-note {
  margin:0; padding:14px 16px; border-radius:14px; font-size:13.5px; line-height:2; color:var(--g-ink-2);
  background:var(--a-amber-soft); border:1px solid var(--a-amber-line); border-inline-start:4px solid var(--a-amber);
}
.cb-note b { color:var(--a-amber-ink); font-weight:800; }

/* ---------------------------------------------------------------- widths */
@media (min-width:1101px) {
  html.cb-js .cb-blog[data-view="read"] .cb-reader { grid-template-columns:minmax(0, 780px) 320px; justify-content:space-between; gap:44px; }
  html.cb-js .cb-blog[data-view="read"] .cb-rail { position:sticky; top:calc(var(--cb-head) + 16px); }
}
@media (max-width:1100px) {
  .cb-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .cb-chs[data-n="4"] { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .cb-rail { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); align-items:start; }
  .cb-article { max-width:none; }
}
@media (max-width:900px) {
  .cb-hero { grid-template-columns:minmax(0, 1fr); }
  .cb-hero-art {
    inset-block:0 auto; width:62%; height:190px; opacity:.6;
    -webkit-mask-image:linear-gradient(to right, #000 20%, transparent 92%), linear-gradient(to bottom, #000 35%, transparent 100%);
    mask-image:linear-gradient(to right, #000 20%, transparent 92%), linear-gradient(to bottom, #000 35%, transparent 100%);
    -webkit-mask-composite:source-in; mask-composite:intersect;
  }
  :root[dir="ltr"] .cb-hero-art {
    -webkit-mask-image:linear-gradient(to left, #000 20%, transparent 92%), linear-gradient(to bottom, #000 35%, transparent 100%);
    mask-image:linear-gradient(to left, #000 20%, transparent 92%), linear-gradient(to bottom, #000 35%, transparent 100%);
  }
  .cb-pair, .cb-b2b, .cb-routes { grid-template-columns:minmax(0, 1fr); }
  .cb-chs[data-n="3"] { grid-template-columns:minmax(0, 1fr); }
}
@media (max-width:760px) {
  .cb-post.is-featured { display:flex; }
  .cb-post.is-featured .cb-cover { order:0; height:160px; min-height:0; }
}
@media (max-width:640px) {
  :root { --cb-head:57px; }
  .cb { padding:14px 16px 44px; gap:24px; }
  .cb-index { gap:24px; }
  .cb-hero { padding:22px 18px 18px; border-radius:20px; gap:18px; min-height:0; }
  .cb-hero-art { display:none; }
  .cb-hero h1 { font-size:22px; line-height:1.6; }
  .cb-hero-sub { font-size:14px; }
  .cb-glass { padding:14px; border-radius:18px; }
  .cb-glass-v { font-size:22px; }
  .cb-cta { min-height:48px; width:100%; }
  /* phones: the hero's two jump links side by side and lighter, so the call panel comes sooner */
  .cb-hero-actions { gap:8px; margin-top:6px; }
  .cb-hero-actions .cb-cta { flex:1 1 130px; width:auto; min-height:44px; padding:0 12px; font-size:13.5px; }
  .cb-hero-actions .cb-cta .ico { display:none; }
  .cb-topic { min-height:44px; flex:none; }
  /* phones: every topic in view; the chips wrap inside the panel (no hidden sideways row) */
  .cb-topics { gap:8px 6px; }
  .cb-glass-ico { width:40px; height:40px; border-radius:13px; }
  .cb-grid { grid-template-columns:minmax(0, 1fr); gap:14px; }
  .cb-cover { height:128px; }
  .cb-post-body, .cb-post.is-featured .cb-post-body { padding:14px 16px 10px; }
  .cb-post.is-featured h3 { font-size:18px; }
  .cb-post, .cb-ch { border-radius:18px; }
  .cb-btn { min-height:46px; }
  .cb-band { padding:18px; }
  .cb-band .cb-cta { width:100%; }
  .cb-card { padding:16px; border-radius:18px; }
  .cb-card .cb-btn { width:100%; }
  .cb-chs, .cb-chs[data-n="3"], .cb-chs[data-n="4"] { grid-template-columns:minmax(0, 1fr); gap:12px; }
  .cb-ch { padding:16px 16px 12px; }
  .cb-ch-link, .cb-link-btn, .cb-route-links a, .cb-crumbs a { min-height:44px; min-width:44px; }
  .cb-crumbs a { justify-content:center; }
  .cb-b2b { padding:20px 16px; border-radius:20px; }
  .cb-b2b h2 { font-size:19px; }
  .cb-b2b-btns .cb-btn { flex:1 1 100%; min-height:48px; }
  .cb-sec-head h2 { font-size:17px; }
  /* the reader */
  .cb-art-cover { aspect-ratio:16 / 8; border-radius:18px; margin-bottom:16px; }
  .cb-article-title { font-size:24px; }
  .cb-lede { font-size:16px; }
  .cb-article-body p { font-size:16px; line-height:2.15; }
  .cb-article-foot .cb-btn { flex:1 1 100%; }
  .cb-pn { grid-template-columns:minmax(0, 1fr); }
  .cb-pn .is-next { text-align:start; }
  .cb-pn .is-empty { display:none; }
  .cb-rail { grid-template-columns:minmax(0, 1fr); }
  .cb-crumbs .cb-cur, .cb-crumbs .cb-cur-sep { display:none; }
  .cb-note { font-size:13px; }
}
@media (max-width:360px) {
  .cb-hero h1 { font-size:19px; }
  .cb-glass-v { font-size:20px; }
  .cb-topic { padding:0 10px 0 6px; font-size:12px; }
  .cb-badges { gap:6px; }
  .cb-meta { padding:0 10px; }
}

/* ---------------------------------------------------------------- posters and formatted articles (blogadm-20261102-1)
   A post saved in the admin page's «وبلاگ» may carry a poster (a 1200×630 JPEG at /media/edu/<key>.jpg): it fills the
   card's cover, the reader's band and the rail's thumbnail instead of the drawing; a dark scrim at the bottom keeps the
   topic tag readable on any photo. Its body may have headings, lists, bold and links, and a FAQ, related links and
   sources under it. New selectors only: a post without these draws exactly as before. */
.cb-cover > img, .cb-art-cover > img, .cb-rail-cv > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
.cb-cover.has-poster, .cb-art-cover.has-poster, .cb-rail-cv.has-poster { background:#0E1A22; }
.cb-cover.has-poster::after, .cb-art-cover.has-poster::after {
  z-index:0; inset:0; width:auto; height:auto; border-radius:0;
  background:linear-gradient(to top, rgba(2,16,24,.62) 0%, rgba(2,16,24,.14) 46%, rgba(2,16,24,0) 70%);
}
.has-poster > .cb-cover-tag, .has-poster > .cb-cover-star { z-index:1; }
.cb-art-cover.has-poster { aspect-ratio:1200 / 630; max-height:none; }
.cb-article-body h3, .cb-article-body h4 { margin:30px 0 12px; color:var(--g-ink); font-weight:800; line-height:1.75; overflow-wrap:anywhere;
  scroll-margin-top:calc(var(--cb-head) + 16px); }
.cb-article-body h3 { font-size:21px; }
.cb-article-body h4 { margin-top:24px; font-size:18px; }
.cb-article-body ul, .cb-article-body ol { margin:0 0 18px; padding-inline-start:26px; font-size:16px; line-height:2.1; color:var(--g-ink-2); }
.cb-article-body ol { list-style-type:persian; }
.cb-article-body li { margin-bottom:6px; overflow-wrap:anywhere; }
.cb-article-body li::marker { color:var(--t-ink, var(--g-teal-ink)); font-weight:800; }
.cb-article-body strong { color:var(--g-ink); font-weight:800; }
.cb-article-body a, .cb-art-extra a { color:var(--g-teal-ink); text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.cb-article-body a:hover, .cb-art-extra a:hover { text-decoration-thickness:2px; }
.cb-article-body .site-latin, .cb-art-extra .site-latin { direction:ltr; unicode-bidi:isolate; }
.cb-art-extra { display:flex; flex-direction:column; gap:22px; margin-top:26px; }
.cb-art-extra section { padding:18px 20px; border:1px solid var(--g-line); border-radius:18px; background:var(--g-card); }
.cb-art-extra h3 { margin:0 0 10px; font-size:18px; font-weight:800; line-height:1.7; color:var(--g-ink); }
.cb-art-extra h4 { margin:14px 0 6px; font-size:16px; font-weight:800; line-height:1.8; color:var(--g-ink); overflow-wrap:anywhere; }
.cb-art-extra h3 + div > h4 { margin-top:0; }
.cb-art-extra p { margin:0 0 8px; font-size:15px; line-height:2.05; color:var(--g-ink-2); overflow-wrap:anywhere; }
.cb-art-extra ul, .cb-art-extra ol { margin:0; padding-inline-start:22px; font-size:15px; line-height:2.05; color:var(--g-ink-2); }
.cb-art-extra li { margin-bottom:4px; overflow-wrap:anywhere; }
.cb-sources li { font-size:14px; }
.cb-sources ol { list-style-type:persian; }
@media (max-width:640px) {
  .cb-article-body h3 { font-size:19px; }
  .cb-article-body h4 { font-size:17px; }
  .cb-art-extra section { padding:14px 14px; border-radius:16px; }
}

/* The hero, the Telegram band, the rail's channel card and the B2B card have glows that reach past their bottom /
   inline end: with overflow:hidden alone each is a scroll box, so a scrollIntoView or find-in-page could shift its
   content (the H1 out of view). clip never scrolls; hidden (above) stays the fallback. Last, so it wins. */
@supports (overflow:clip) { .cb-hero, .cb-band, .cb-rail-follow, .cb-b2b { overflow:clip; } }