.blog-view{flex:1;min-height:0;overflow:auto;padding:28px clamp(18px,5vw,80px);scrollbar-width:thin;scrollbar-color:#555 transparent;line-height:1.65}
.relax-mode.entered .blog-view{visibility:hidden;opacity:0;pointer-events:none}
.blog-view[hidden]{display:none!important}.blog-mode .stage{display:none!important}.blog-mode .blog-view{display:block}.blog-view,.stage{transition:opacity .16s ease,transform .16s ease}.page-transition .blog-view,.page-transition .stage{opacity:0;transform:translateY(7px)}
.blog-view h1{font-size:clamp(28px,4vw,48px);font-weight:600;line-height:1.15;letter-spacing:-.04em;margin:0 0 20px}.blog-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.blog-card{display:block;padding:24px;border:1px solid #ffffff25;border-radius:12px;text-decoration:none;background:rgba(8,8,8,var(--ui-alpha,.85));transition:border-color .25s,background .25s}.blog-card:hover{border-color:#ffffff70}.blog-card h2{font-size:24px;font-weight:500;line-height:1.25;margin:14px 0;letter-spacing:-.03em}.blog-card p{font-size:14px;color:#aaa}.post-byline{font-size:11px;color:#aaa}.read-more{display:inline-block;margin-top:12px;font-size:12px}.blog-post{max-width:780px;margin:auto;background:rgba(8,8,8,var(--ui-alpha,.85));padding:24px;border:1px solid #ffffff20;border-radius:12px}.blog-back{display:block;margin-bottom:28px;font-size:12px;text-decoration:none;color:#aaa}.blog-content{font-size:18px;line-height:1.85;overflow-wrap:anywhere;margin:32px 0}.blog-content p{margin:16px 0}.blog-content img,.blog-content video{display:block;max-width:100%;height:auto;border-radius:7px;margin:24px auto}.blog-content audio{width:100%}.blog-content figure{margin:28px 0}.blog-content figcaption{font-size:12px;color:#aaa;text-align:center}.blog-content pre{overflow:auto;white-space:pre-wrap;background:#ffffff08;border:1px solid #ffffff15;padding:18px;border-radius:8px;font-size:13px}.blog-content blockquote{margin:16px 0;padding-left:20px;border-left:2px solid #aaa;color:#bbb}.blog-content h2{font-size:30px;margin:24px 0 12px}.blog-content h3{font-size:23px;margin:24px 0 12px}.blog-content ul,.blog-content ol{padding-left:24px;list-style:revert}.blog-content a{text-decoration:underline}#blogStatus{color:#aaa;font-size:14px;margin-top:28px}
.blog-groups{display:flex;gap:8px;flex-wrap:wrap}.blog-groups button,.post-unlock button{padding:8px 14px;border:1px solid #ffffff35;border-radius:7px;font:12px var(--mono);background:#111;color:#ddd;cursor:pointer}.blog-groups button[aria-pressed=true]{background:#eee;color:#080808}.translation-note{padding:12px;border-left:2px solid #aaa;background:#ffffff08;font-size:13px!important;color:#bbb!important;margin:18px 0!important}.post-unlock{display:grid;gap:16px;max-width:360px;margin:32px 0}.post-unlock label{display:grid;gap:8px;font-size:14px}.post-unlock input{padding:10px;border:1px solid #555;border-radius:6px;background:#111;color:#eee;font:inherit}.post-unlock button{justify-self:start}
@media(max-width:640px){.blog-view{padding:18px 0}.blog-cards{grid-template-columns:1fr}.blog-content{font-size:16px}.blog-card,.blog-post{padding:18px}}