.mooyan-topic { margin-top:64px; }
.mooyan-topic__header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; }
.mooyan-topic__header h2 { margin:0; font-size:25px; font-weight:650; }
.mooyan-topic__header > a { color:var(--mooyan-color-muted); font-size:12px; white-space:nowrap; }
.mooyan-topic__track { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 48px)/3); gap:24px; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x mandatory; scrollbar-width:none; }
.mooyan-topic__track::-webkit-scrollbar { display:none; }
.mooyan-tile { min-width:0; display:block; scroll-snap-align:start; color:var(--mooyan-color-text); text-decoration:none !important; }
.mooyan-tile__photo { position:relative; aspect-ratio:16/10; overflow:hidden; border-radius:20px; background:#e6ebee; }
.mooyan-tile__photo img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.mooyan-tile__meta { margin:16px 0 9px; font-size:11px; color:var(--mooyan-color-muted); line-height:1.8; }
.mooyan-tile h3 { margin:0; font-size:18px; font-weight:600; line-height:1.6; color:var(--mooyan-color-text); overflow-wrap:anywhere; }
.mooyan-tile__badge { position:absolute; left:12px; bottom:12px; padding:4px 9px; border-radius:20px; background:#ffffffd9; color:#53606d; font-size:10px; }
.mooyan-topic__controls { display:flex; justify-content:flex-end; gap:10px; margin-top:20px; }
.mooyan-topic__controls button { display:grid; place-items:center; min-height:36px; width:36px; padding:0; background:var(--mooyan-color-surface); border:1px solid var(--mooyan-color-border); border-radius:50%; color:var(--mooyan-color-muted); font-size:17px; cursor:pointer; }
.mooyan-topic__controls button:disabled { opacity:.35; cursor:default; }
.mooyan-topic__controls button:hover:not(:disabled) { color:var(--mooyan-color-text); border-color:var(--mooyan-color-accent); }
body.mooyan-posts #main article > .entry-content { max-width:var(--mooyan-content-max-width); }
body.mooyan-posts #main article > .hero-section { max-width:var(--mooyan-content-max-width); padding-bottom:0; border:0; margin-bottom:12px; }
body.mooyan-posts #main .page-title { font-size:48px; }
.mooyan-posts-intro p { color:var(--mooyan-color-muted); font-size:14px; }
.mooyan-category-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; padding-block:28px; border-bottom:1px solid var(--mooyan-color-border); margin:24px 0 32px; }
.mooyan-category-nav a { display:flex; align-items:center; gap:10px; font-size:24px; color:var(--mooyan-color-muted); text-decoration:none !important; }
.mooyan-category-nav a.is-current,.mooyan-category-nav a:hover { color:var(--mooyan-color-accent); }
.mooyan-category-nav small { align-self:flex-start; margin-top:6px; font-size:10px; }
.mooyan-category-nav__icon { font-size:23px; font-weight:400; }
.mooyan-posts-toolbar { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:24px; }
body.mooyan-posts #main .mooyan-posts-toolbar h2 { margin:0; font-size:25px; }
.mooyan-posts-toolbar > a { font-size:12px; color:var(--mooyan-color-muted); text-decoration:none !important; }
.mooyan-posts-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px 24px; }
body.mooyan-posts #main .mooyan-tile h3 { margin:0; font-size:19px; }
.mooyan-posts-empty { font-size:14px; color:var(--mooyan-color-muted); }
.mooyan-posts-pagination { display:flex; justify-content:center; gap:24px; margin-top:36px; font-size:14px; }
.mooyan-category-shell { padding-top:40px; }
.mooyan-category-shell h1 { font-size:48px; margin:0 0 16px; font-weight:700; }
.mooyan-category-shell > p { font-size:14px; color:var(--mooyan-color-muted); }
body.mooyan-topic-archive #main > .ct-container { padding-top:0; }
body.mooyan-topic-archive #main .hero-section { margin-top:0; }
body.mooyan-topic-archive #main .ct-title-label { display:none; }
body.mooyan-empty-topic #main > .ct-container { display:none; }
body.mooyan-empty-topic .mooyan-category-shell { padding-bottom:60px; }
@media(hover:hover) and (pointer:fine) { .mooyan-tile:hover .mooyan-tile__photo img { transform:scale(1.04); } .mooyan-tile:hover h3 { color:var(--mooyan-color-accent-hover); } }
@media(max-width:999px) { .mooyan-topic__track { grid-auto-columns:calc((100% - 24px)/2); } .mooyan-posts-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:639px) {
 .mooyan-topic { margin-top:44px; }
 .mooyan-topic__header h2 { font-size:22px; }
 .mooyan-topic__header { margin-bottom:20px; }
 .mooyan-topic__track { grid-auto-columns:86%; gap:18px; }
 .mooyan-tile__photo { border-radius:16px; }
 .mooyan-tile h3 { font-size:17px; }
 .mooyan-category-nav { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; padding-block:22px; }
 .mooyan-category-nav a { font-size:22px; }
 .mooyan-posts-grid { grid-template-columns:minmax(0,1fr); gap:28px; }
 body.mooyan-posts #main .page-title,.mooyan-category-shell h1 { font-size:36px; }
}
@media(prefers-reduced-motion:reduce) { .mooyan-tile__photo img { transition:none; } }
.mooyan-posts-toolbar h2 { margin:0; font-size:25px; }
body.mooyan-topic-archive #main .entries { grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px 24px; }
body.mooyan-topic-archive #main .entry-card { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
body.mooyan-topic-archive #main .entry-card .entry-title { font-size:19px; line-height:1.6; }
body.mooyan-topic-archive #main .mooyan-post-cover { border-radius:20px; }
@media(max-width:999px) { body.mooyan-topic-archive #main .entries { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:639px) { body.mooyan-topic-archive #main .entries { grid-template-columns:minmax(0,1fr); } .mooyan-posts-toolbar h2 { font-size:22px; } }
body.mooyan-posts #main .mooyan-tile__photo img { width:100%; height:100%; object-fit:cover; border-radius:0; }

/* Blog category tabs retain their position while the content changes. */
.mooyan-posts-panel[hidden] { display:none !important; }
body.mooyan-posts #main .mooyan-posts-panel { margin:0; }
.mooyan-posts-browser .mooyan-category-nav a { position:relative; padding:10px 12px; border-radius:12px; transition:color .2s ease,background .2s ease; }
.mooyan-posts-browser .mooyan-category-nav a.is-current { background:transparent; color:var(--mooyan-color-accent); font-weight:600; }
.mooyan-posts-panels { min-height:280px; }
/* Homepage editorial cards: writing on the left, illustration on the right. */
body.home.blog .mooyan-topic__track { grid-auto-columns:calc((100% - 24px)/2); }
body.home.blog .mooyan-topic .mooyan-tile { display:grid; grid-template-columns:minmax(0,1fr) 42%; grid-template-rows:auto auto; grid-template-areas:'meta photo' 'title photo'; align-content:center; column-gap:20px; padding:24px; min-height:210px; border:1px solid var(--mooyan-color-border); border-radius:24px; background:var(--mooyan-color-surface); }
body.home.blog .mooyan-topic .mooyan-tile__photo { grid-area:photo; aspect-ratio:4/3; align-self:center; border-radius:16px; }
body.home.blog .mooyan-topic .mooyan-tile__meta { grid-area:meta; margin:0 0 12px; }
body.home.blog .mooyan-topic .mooyan-tile h3 { grid-area:title; font-size:19px; margin:0; }
@media(max-width:767px) {
 body.home.blog .mooyan-topic__track { grid-auto-columns:92%; gap:18px; }
 body.home.blog .mooyan-topic .mooyan-tile { padding:20px; min-height:190px; column-gap:16px; grid-template-columns:minmax(0,1fr) 38%; }
 body.home.blog .mooyan-topic .mooyan-tile h3 { font-size:17px; }
 .mooyan-posts-browser .mooyan-category-nav a { padding:8px; font-size:20px; gap:8px; }
}
@media(prefers-reduced-motion:reduce) { .mooyan-posts-browser .mooyan-category-nav a,.mooyan-posts-browser .mooyan-category-nav a::after { transition:none; } }

body.home.blog .mooyan-topic .mooyan-tile__meta { align-self:end; }
body.home.blog .mooyan-topic .mooyan-tile h3 { align-self:start; }
.mooyan-category-nav a { text-decoration:none !important; }
.mooyan-category-icon { display:block; width:20px; height:20px; flex-shrink:0; opacity:.75; }
.mooyan-category-nav a.is-current .mooyan-category-icon { opacity:1; }
.mooyan-category-nav__icon { display:flex; align-items:center; }
.mooyan-posts-browser .mooyan-category-nav a { padding:10px 0; }
@media(max-width:639px) {
 .mooyan-posts-browser .mooyan-category-nav { grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
 .mooyan-posts-browser .mooyan-category-nav a { font-size:17px; padding:8px 0; gap:6px; }
 .mooyan-posts-browser .mooyan-category-icon { width:16px; height:16px; }
 .mooyan-posts-browser .mooyan-category-nav small { font-size:9px; }
}
@media(max-width:360px) {
 .mooyan-posts-browser .mooyan-category-nav a { font-size:16px; gap:4px; }
 .mooyan-posts-browser .mooyan-category-icon { width:14px; height:14px; }
}
/* Inner-page article collections share the approved homepage's fine borders. */
body.mooyan-posts #main .page-title,.mooyan-category-shell h1{font-size:40px;font-family:'Songti SC',SimSun,serif}
.mooyan-posts-grid{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
.mooyan-posts-grid .mooyan-tile{padding:16px;border:1px solid var(--mooyan-color-border);border-radius:12px;background:var(--mooyan-color-surface);box-shadow:var(--mooyan-shadow-soft)}
.mooyan-posts-grid .mooyan-tile__photo{aspect-ratio:4/3;border-radius:8px}
.mooyan-posts-grid .mooyan-tile__meta{margin-top:16px}
body.mooyan-posts #main .mooyan-tile h3{font-size:18px;line-height:1.65}
body.mooyan-topic-archive #main .entry-card{padding:20px;border:1px solid var(--mooyan-color-border);border-radius:12px;background:var(--mooyan-color-surface);box-shadow:var(--mooyan-shadow-soft)}
body.mooyan-topic-archive #main .mooyan-post-cover{aspect-ratio:4/3;border-radius:8px}
.mooyan-category-nav a.is-current{color:var(--mooyan-color-text)}
@media(max-width:999px){.mooyan-posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.mooyan-posts-grid{grid-template-columns:minmax(0,1fr);gap:18px}body.mooyan-posts #main .page-title,.mooyan-category-shell h1{font-size:30px}.mooyan-category-shell .mooyan-category-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.mooyan-category-shell .mooyan-category-nav a{font-size:16px;gap:4px}.mooyan-category-shell .mooyan-category-icon{width:15px;height:15px}}
/* Compact editorial cards repeat the homepage's writing-first composition. */
body.mooyan-posts #main .mooyan-posts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
body.mooyan-posts #main .mooyan-tile{display:grid;grid-template-columns:minmax(0,1fr) 36%;grid-template-areas:'meta image' 'title image';align-content:center;gap:10px 18px;min-height:176px;padding:22px;border-radius:12px;box-shadow:0 4px 20px rgba(15,45,91,.04)}
body.mooyan-posts #main .mooyan-tile__photo{grid-area:image;aspect-ratio:4/3;align-self:center}
body.mooyan-posts #main .mooyan-tile__meta{grid-area:meta;margin:0;font-size:11px;align-self:end}
body.mooyan-posts #main .mooyan-tile h3{grid-area:title;align-self:start;font-size:18px;line-height:1.65}
body.mooyan-posts #main .mooyan-posts-toolbar h2{padding:0;font-size:24px}
body.mooyan-posts #main .mooyan-posts-toolbar h2::before{display:none}
body.mooyan-posts #main .mooyan-category-nav{border-bottom-color:var(--mooyan-paper-line)}
body.mooyan-posts #main .mooyan-category-nav a.is-current{color:var(--mooyan-color-text)}
body.mooyan-topic-archive #main .entries{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
body:is(.archive,.search) #main .entries>.entry-card{display:grid;grid-template-columns:minmax(0,1fr) 36%;gap:8px 18px;align-content:center;padding:22px;border-radius:12px;box-shadow:0 4px 20px rgba(15,45,91,.04)}
body:is(.archive,.search) #main .entries>.entry-card>.mooyan-post-cover{grid-column:2;grid-row:1/5;aspect-ratio:4/3;align-self:center;border-radius:8px}
body:is(.archive,.search) #main .entries>.entry-card>:is(.entry-title,.entry-meta,.entry-excerpt){grid-column:1;min-width:0;margin-block:0}
body:is(.archive,.search) #main .entries>.entry-card .entry-title{font-size:18px;line-height:1.65}
body:is(.archive,.search) #main .entries>.entry-card .entry-excerpt{font-size:12px}
body:is(.archive,.search) #main .entries>.entry-card .entry-excerpt p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}
body:is(.archive,.search) #main .entry-card .meta-categories a{color:#6f624e;background:var(--mooyan-paper-tint);padding:2px 9px;border-radius:14px}
html[data-mooyan-theme="dark"] body:is(.archive,.search) #main .entry-card .meta-categories a{color:#dfcfb7}
@media(max-width:767px){body.mooyan-posts #main .mooyan-posts-grid,body.mooyan-topic-archive #main .entries{grid-template-columns:minmax(0,1fr);gap:16px}body.mooyan-posts #main .mooyan-tile{padding:18px;min-height:155px;gap:8px 14px}body.mooyan-posts #main .mooyan-tile h3{font-size:16px}body:is(.archive,.search) #main .entries>.entry-card{padding:18px;gap:8px 14px}}