/* Single layout + tokens */
main.single{padding-block:var(--section-y,48px)}
.single .container{max-width:var(--container,1100px);margin-inline:auto;padding-inline:16px}
.single-card-comments{margin-top:18px}
.single{
  --card-radius:16px;
  --card-bg:rgba(255,255,255,.6);
  --card-stroke:rgba(0,0,0,.06);
  --border:rgba(0,0,0,.08);
  --accent:var(--emerald-500,#10b981);
  --text:#0f172a;
  --text-dim:color-mix(in oklab,var(--text),#0f172a 55%);
  --glass-bg:var(--card-bg);
  --glass-border:var(--border);
}
html.dark .single,[data-theme="dark"] .single{
  --card-bg:rgba(0,0,0,.28);
  --card-stroke:rgba(255,255,255,.08);
  --card-shadow:0 10px 30px rgba(0,0,0,.35);
  --border:rgba(255,255,255,.12);
  --text:#e5e7eb;
  --text-dim:color-mix(in oklab,var(--text),#9ca3af 55%);
  color-scheme:dark;
  --glass-bg:var(--card-bg);
  --glass-border:var(--border);
}
@media (prefers-color-scheme:dark){
  :root:not(.dark):not([data-theme="light"]) .single{
    --card-bg:rgba(0,0,0,.28);
    --card-stroke:rgba(255,255,255,.08);
    --card-shadow:0 10px 30px rgba(0,0,0,.35);
    --border:rgba(255,255,255,.12);
    --text:#e5e7eb;
    --text-dim:color-mix(in oklab,var(--text),#9ca3af 55%);
    color-scheme:dark;
    --glass-bg:var(--card-bg);
    --glass-border:var(--border);
  }
}

/* Breadcrumb spacing */
.single-breadcrumb{margin-bottom:16px}
@media (min-width:992px){.single-breadcrumb{margin-bottom:20px}}

/* Two-column grid with sidebar */
.single-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:8px;align-items:start}
.single-layout>article.single-content{grid-column:1}
.single-layout>aside.sidebar-single{grid-column:2}
@media (max-width:991px){
  .single-layout{grid-template-columns:1fr;gap:36px}
  .single-layout>article.single-content,
  .single-layout>aside.sidebar-single{grid-column:auto}
}

/* Cards */
.single-content{min-width:0}
.single-card{
  background:var(--card-bg);border:1px solid var(--border);border-radius:var(--card-radius);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:var(--card-shadow);overflow:clip;padding:18px;
}
.single-head-card{padding:16px}
.single-entry-card{padding:18px}
.single-tags-card,.single-adjacent-card,.single-related-card,.single-comments-card{padding:16px}
.single-content .single-card+.single-card{margin-top:18px}

/* Entry typography */
.single-content .entry-content{line-height:1.95;color:var(--text);overflow-wrap:anywhere}
.single-content .entry-content p{margin:0 0 1.1em;color:var(--text-dim);text-align:justify}
.single-content .entry-content h2,
.single-content .entry-content h3,
.single-content .entry-content h4{margin:1.6em 0 .7em;line-height:1.5;letter-spacing:-.01em;color:var(--text)}
.single-content .entry-content img,
.single-content .entry-content figure{max-width:100%;height:auto;border-radius:12px;margin:22px auto;display:block}
.single-content .entry-content figure figcaption{font-size:12px;color:var(--text-dim);text-align:center;margin-top:8px}

/* Multipage pagination */
.page-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.page-links .page-link{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:34px;height:34px;padding:0 10px;border:1px solid var(--border);border-radius:999px;
  text-decoration:none;color:var(--text);background:rgba(255,255,255,.35);
}
html.dark .single .page-links .page-link,
[data-theme="dark"] .single .page-links .page-link{background:rgba(255,255,255,.08)}

/* Misc */
aside.sidebar-single{min-width:0}
.single,.single *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.single .container,.single-layout,.single-content{overflow-x:clip}

/* Links inside entry */
.single .entry-content a{color:var(--accent);text-decoration:none}
.single .entry-content a:hover{text-decoration:underline}

/* Card head (600 → 700; unified family) */
.card-head,
:where(h1,h2,h3,h4,h5,h6,div,span,a,button).card-head{
  display:inline-flex;align-items:center;gap:var(--card-head-gap,10px);
  margin:0;padding:0;padding-bottom:16px;
  color:var(--card-head-color,var(--text,#0f172a));
  font:700 16px/1.45 var(--font-ui);
  letter-spacing:.2px;text-decoration:none;vertical-align:middle;white-space:nowrap;
}
.card-head--sm{font-size:14px;font-weight:400}
.card-head--lg{font-size:18px}
.card-head--light{font-weight:300}
.card-head--regular{font-weight:400}
.card-head--bold{font-weight:700}

/* Leading icon via CSS mask */
.card-head::before{
  content:"";display:inline-block;width:var(--icon-size,18px);height:var(--icon-size,18px);
  flex:0 0 var(--icon-size,18px);background-color:var(--icon-color,currentColor);
  -webkit-mask-image:var(--icon-url);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;
  mask-image:var(--icon-url);mask-repeat:no-repeat;mask-position:center;mask-size:contain;
  margin-inline-end:4px;
}
html[dir="rtl"] .card-head::before{margin-inline-start:4px;margin-inline-end:0}

/* Glass modifier */
.card-head--glass{
  padding:8px 12px;border-radius:12px;border:1px solid var(--glass-border,rgba(0,0,0,.08));
  background:var(--glass-bg,rgba(255,255,255,.72));
  -webkit-backdrop-filter:saturate(140%) blur(6px);
  backdrop-filter:saturate(140%) blur(6px);
}

/* Wrapping + color tweaks */
.card-head--wrap{white-space:normal;line-height:1.6}
.single .card-head{--icon-color:var(--accent)}
html.dark .single .card-head,[data-theme="dark"] .single .card-head{--icon-color:var(--text)}