/* TOYS_JOURNAL_THEME: shared theme tokens, scoped to blog list/category/article. */
html[data-site-theme=dark] body:has(.toys-journal-page) .post-wrapper,html[data-site-theme=dark] body:has(.toys-journal-page) .post-item-details{background-color:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-site-theme=dark] body:has(.toys-journal-page) .post-wrapper :is(.post-link-block,.comment-date,.comment-date span){color:var(--text)!important}
html[data-site-theme=dark] body:has(.toys-journal-page) .post-wrapper .comment-date span::before{color:var(--text-muted)!important}
html body #container.toys-journal-page{color:var(--text);font-family:Manrope,sans-serif}
html body .toys-journal-page .posts .post-item{border:0!important;padding-bottom:14px!important}
html body .toys-journal-page .posts .post-wrapper{min-height:0!important;max-height:none!important}
html body .toys-journal-page .posts .post-link-block{max-height:none!important;overflow:visible!important;white-space:normal!important;-webkit-line-clamp:unset!important}
html body .toys-journal-page .posts .comment-date{position:static!important;inset:auto!important;flex:none!important;margin:0!important}
html body .toys-journal-page .comment-date :is(span,a,i)::before{color:var(--text-muted)!important}
html body .toys-journal-page .posts .post-item{height:auto!important}
html body .toys-journal-page .posts .post-wrapper{display:flex;flex-direction:column;width:100%;height:100%;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:17px!important;overflow:hidden;box-shadow:none!important}
html body .toys-journal-page .posts .post-item-details{display:flex;flex-direction:column;gap:10px;padding:16px!important;background:var(--surface)!important;color:var(--text)!important;min-height:0;height:auto!important}
html body .toys-journal-page .posts .post-link-block{display:block;height:auto!important;min-height:2.8em;color:var(--text)!important;font:600 16px/1.4 Manrope,sans-serif;text-decoration:none!important;background:transparent!important}
html body .toys-journal-page .posts .post-link-block:hover{color:#63cdfd!important}
html body .toys-journal-page .posts .post-text{margin:0!important;height:auto!important;background:transparent!important;color:var(--text-muted)!important;font:400 13px/1.6 Manrope,sans-serif}
html body .toys-journal-page .posts .post-text span{color:var(--text-muted)!important;background:transparent!important;height:auto!important}
html body .toys-journal-page .comment-date,html body .toys-journal-page .comment-date :is(span,a,i){color:var(--text-muted)!important;border-color:var(--border)!important;box-shadow:none!important;text-shadow:none!important}
html body .toys-journal-page .post-stats{background:var(--surface-muted)!important;border:0!important;border-radius:17px;padding:12px 16px!important;margin-bottom:16px;line-height:1.8}
html body .toys-journal-page .blog-post>.post-details{background:var(--surface)!important;color:var(--text)!important;border-radius:17px;padding:20px!important;border:0!important;box-shadow:none!important;overflow-wrap:anywhere}
html body .toys-journal-page .post-details img{max-width:100%!important;height:auto!important}
html body .toys-journal-page .post-details a{color:var(--text)!important;text-decoration:underline;text-decoration-color:#63cdfd;text-underline-offset:3px}
html body .toys-journal-page .post-details a:hover{color:#63cdfd!important}
html body .toys-journal-page .blog-cats-my{display:flex;flex-wrap:wrap;gap:8px;margin:0!important;padding:14px!important;float:none!important;background:var(--surface)!important;border-radius:17px;list-style:none;box-sizing:border-box}
html body .toys-journal-page .blog-cats-my li{display:block;float:none!important;padding:0!important;margin:0!important;background:transparent!important;border-radius:17px}
html body .toys-journal-page .blog-cats-my a{display:flex;align-items:center;min-height:38px;padding:8px 12px;border-radius:17px;background:var(--surface-muted)!important;color:var(--text)!important;font:500 13px/1.5 Manrope,sans-serif;text-decoration:none!important}
html body .toys-journal-page .blog-cats-my a:hover{background:#63cdfd!important;color:#10212a!important}
html body .toys-journal-page :is(.tags,.social,.comments,.post-comment,.main-comment,.reply,.comment-form){background-color:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important;text-shadow:none!important;box-shadow:none!important}
html body .toys-journal-page :is(.tags,.comments,.post-comment){border-radius:17px}
html body .toys-journal-page .tags a{display:inline-flex;align-items:center;background:var(--surface-muted)!important;color:var(--text)!important;border:0!important;border-radius:12px;padding:6px 10px;text-decoration:none}
html body .toys-journal-page .comments :is(h3,.user-name,.user-date,.user-time,label){color:var(--text)!important;background:transparent!important}
html body .toys-journal-page .post-comment :is(input,textarea){background:var(--surface-muted)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:12px;box-shadow:none!important;max-width:100%}
html body .toys-journal-page .post-comment :is(input,textarea)::placeholder{color:var(--text-muted)!important;opacity:1}
html body .toys-journal-page .comment-submit{background:var(--primary-button-bg)!important;color:var(--primary-button-text)!important;border:0!important;border-radius:17px;min-height:44px;padding:12px 20px!important}
html body .toys-journal-page .reply-btn{background:var(--surface-muted)!important;color:var(--text)!important;border:0!important;border-radius:12px}
html body .toys-journal-page :is(a,button,input,textarea):focus-visible{outline:2px solid #63cdfd;outline-offset:3px}
html[data-site-theme=dark] body .toys-journal-page .post-details :is(p,span,b,strong,em,i,li,dt,dd,td,th,h1,h2,h3,h4,h5,h6){color:var(--text)!important}
html[data-site-theme=dark] body .toys-journal-page .post-details :is(table,thead,tbody,tr,td,th,blockquote,pre,code,div[style*="background"],p[style*="background"],span[style*="background"]){background-color:var(--surface-muted)!important;border-color:var(--border)!important}
html body:has(.toys-journal-page) .progressContainer{background:var(--border)!important}
html body:has(.toys-journal-page) .progressBar{background:#63cdfd!important}
@media(max-width:760px){html body .toys-journal-page .blog-post>.post-details{padding:16px!important}html body .toys-journal-page .posts .post-item-details{padding:14px!important}html body .toys-journal-page .post-stats{padding:10px 12px!important}}

/* TOYS_JOURNAL_MOBILE_COMPACT: title and date stay within the thumbnail height. */
@media(max-width:760px){
 html body .toys-journal-page .posts .post-item{padding-bottom:10px!important}
 html body .toys-journal-page .posts .post-wrapper:has(>.post-image){flex-direction:row;align-items:stretch;height:clamp(96px,25vw,132px)!important}
 html body .toys-journal-page .posts .post-wrapper>.post-image{display:block;flex:0 0 35%;width:35%!important;height:100%!important;min-width:0;max-width:none;margin:0!important;float:none!important;overflow:hidden}
 html body .toys-journal-page .posts .post-wrapper>.post-image img{display:block;width:100%!important;height:100%!important;max-width:100%;object-fit:cover;object-position:center}
 html body .toys-journal-page .posts .post-wrapper:has(>.post-image)>.post-item-details{flex:1 1 0;min-width:0;width:auto!important;height:100%!important;box-sizing:border-box;padding:8px 10px!important;gap:4px;float:none!important;overflow:hidden}
 html body .toys-journal-page .posts .post-wrapper:has(>.post-image) .post-link-block{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3!important;max-height:3.9em!important;min-height:0!important;overflow:hidden!important;overflow-wrap:anywhere;margin:0!important;padding:0!important;font:500 14px/1.3 Manrope,Arial,sans-serif!important;flex:0 1 auto}
 html body .toys-journal-page .posts .post-wrapper:has(>.post-image) .comment-date{display:flex!important;align-items:center;flex-wrap:nowrap;gap:5px;max-width:100%;margin:0!important;padding:0!important;white-space:nowrap;font:400 12px/1.2 Manrope,Arial,sans-serif!important}
 html body .toys-journal-page .posts .post-wrapper:has(>.post-image) .comment-date span{margin:0!important;padding:0!important;line-height:inherit!important;font-size:inherit!important}
 html body .toys-journal-page .posts .post-wrapper:has(>.post-image) .post-text{display:none!important}
}