.ht-latest,.ht-updated,.ht-discussed,.ht-most{--gap:12px;--radius:16px;--count:1;--peek:40px;--pad:12px;--chip-h:26px;--title-h:24px;--meta-h:14px;--thumb-ratio:16/9;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);overflow-anchor:none}
.ht-latest-inner{display:flex;flex-direction:column;gap:12px}
.ht-latest-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}
.ht-sec-title{margin:0;display:inline-flex;align-items:center;gap:10px;font-size:var(--h4);font-weight:600;color:var(--fg)}
.ht-sec-accent{inline-size:22px;block-size:8px;border-radius:9999px;background:var(--brand-500);box-shadow:0 0 0 3px color-mix(in oklab,var(--brand-500),transparent 80%)}
.ht-view-all{display:inline-flex;align-items:center;gap:8px;color:#065f46;text-decoration:none;font-weight:700;font-size:14px;min-height:44px;padding:10px 12px;border-radius:8px}
:root[data-theme="dark"] .ht-view-all{color:#34d399}
.ht-view-all::after{content:"";inline-size:16px;block-size:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\" fill=\"black\"/></svg>") no-repeat center/contain;mask:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\" fill=\"black\"/></svg>") no-repeat center/contain}
.ht-latest-track{direction:rtl;display:flex;gap:var(--gap);align-items:stretch;overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-inline-start:1px;padding-inline-end:var(--peek)}
.ht-latest-track::-webkit-scrollbar{display:none}
.ht-lp-card{position:relative;flex:0 0 calc((100% - (var(--count) - 1)*var(--gap) - var(--peek))/var(--count));display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff;color:var(--fg);padding:var(--pad)}
:root[data-theme="dark"] .ht-lp-card{background:var(--surface)}
.ht-lp-card>:last-child{margin-bottom:0}
.ht-lp-thumb{display:block;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-2);aspect-ratio:var(--thumb-ratio)}
.ht-lp-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ht-lp-cat, .ht-lp-cat:visited, .ht-lp-cat:hover, .ht-lp-cat:active{justify-self:start;display:inline-flex;align-items:center;gap:6px;height:var(--chip-h);padding-inline:12px;border-radius:9999px;font-size:12px;font-weight:400;text-decoration:none;background:#047857;border:1px solid #065f46;color:#ffffff}
:root[data-theme="dark"] .ht-lp-cat, :root[data-theme="dark"] .ht-lp-cat:visited, :root[data-theme="dark"] .ht-lp-cat:hover, :root[data-theme="dark"] .ht-lp-cat:active{background:#059669;border-color:#34d399;color:#ffffff}
.ht-lp-cat:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.ht-lp-title{margin:0;font-size:15px;font-weight:500;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ht-lp-title-link{color:var(--fg);text-decoration:none}
.ht-lp-title-link:hover{text-decoration:underline;text-underline-offset:2px}
.ht-lp-title-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:6px}
.ht-lp-meta{margin:0;display:inline-flex;align-items:center;gap:14px;color:var(--muted);font-size:12px}
.ht-meta-item{display:inline-flex;align-items:center;gap:6px}
.ht-ic{inline-size:16px;block-size:16px;display:inline-flex}
.ht-ic svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.5;fill:none;display:block}
@media (min-width:640px){.ht-latest,.ht-updated,.ht-discussed,.ht-most{--count:3;--peek:60px}}
@media (min-width:1024px){.ht-latest,.ht-updated,.ht-discussed,.ht-most{--count:6;--peek:0}.ht-latest-track{overflow:visible;padding-inline:0}.ht-lp-card{flex:0 0 calc((100% - (var(--count) - 1)*var(--gap))/var(--count))}}
.ht-content-box{margin-top:32px;padding:20px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--fg);display:grid;row-gap:16px}
.ht-content-box-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ht-content-box-title{margin:0;font-size:var(--h4);font-weight:600;color:#065f46}
:root[data-theme="dark"] .ht-content-box-title{color:#bbf7d0}
.ht-content-box-body{position:relative;max-height:260px;overflow:hidden;transition:max-height .25s ease}
.ht-content-box-body::after{content:"";position:absolute;inset:auto 0 0;height:72px;background:linear-gradient(to top,var(--surface-2),color-mix(in oklab,var(--surface-2),transparent 70%));pointer-events:none;opacity:1;transition:opacity .2s ease}
.ht-content-box-body p{margin:0 0 10px;text-align:justify}
.ht-content-box-body ul{margin:0 0 10px;padding-inline-start:1.4rem;padding-inline-end:0;list-style:disc}
.ht-content-box-body li{margin:0 0 6px}
.ht-content-box-body li::marker{color:var(--brand-600)}
:root[data-theme="dark"] .ht-content-box-body li::marker{color:var(--brand-300)}
.ht-content-box.is-open .ht-content-box-body{max-height:9999px}
.ht-content-box.is-open .ht-content-box-body::after{opacity:0}
.ht-content-box-toggle{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 18px;border-radius:9999px;border:1px solid var(--border);background:var(--surface);color:var(--brand-700);font-size:13px;font-weight:500;font-family:"IRANSans",system-ui,sans-serif;cursor:pointer}
:root[data-theme="dark"] .ht-content-box-toggle{background:var(--surface);color:var(--brand-200)}
.ht-content-box-toggle:hover{background:color-mix(in oklab,var(--surface),var(--brand-500) 6%)}
.ht-content-box-toggle:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.ht-content-box-toggle-more, .ht-content-box-toggle-less{display:inline}
.ht-content-box.is-open .ht-content-box-toggle-more{display:none}
.ht-content-box:not(.is-open) .ht-content-box-toggle-less{display:none}
@media (max-width:639.98px){.ht-content-box{margin-top:24px;padding:16px}.ht-content-box-body{max-height:220px}}