.usersideblog-container{margin:100px 0;color:var(--ink)}.usersideblog-header{text-align:left;display:flex;flex-direction:row}.usersideblog-logo{max-width:210px;max-height:100px;margin-bottom:0}.usersideblog-main{position:relative;display:flex;flex-direction:row;gap:var(--space-6);max-width:90vw;margin:-70px auto 0}.usersideblog-heading{font:var(--type-display-lg);letter-spacing:-.025em;color:var(--ink)}.usersideblog-blog-list{display:flex;flex-direction:column;gap:var(--space-6);max-width:80%;padding:0 var(--space-6);flex:1}.usersideblog-blog-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--motion)}.usersideblog-blog-card:hover{border-color:var(--line-strong)}.usersideblog-blog-image{max-height:300px;object-fit:contain;padding:0;border-radius:var(--radius-md)}.usersideblog-blog-content{flex:1;min-width:0}.usersideblog-blog-title{font:var(--type-title);margin:0;color:var(--ink)}.usersideblog-blog-date{font:var(--type-body-sm);color:var(--ink-muted);margin:var(--space-2) 0}.usersideblog-blog-excerpt{font:var(--type-body);color:var(--ink)}.usersideblog-container .side-div{display:flex;flex-direction:column;max-width:25%;padding:var(--space-6)}.usersideblog-container .side-card{padding:var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--motion)}.usersideblog-container .side-card:hover{background:var(--surface-sunken)}.usersideblog-container .side-card-image{width:50%;height:auto;border-radius:var(--radius-md)}.usersideblog-container .side-card-title{font:var(--type-title);margin:var(--space-2) 0;color:var(--ink)}@media (max-width:767px){.usersideblog-container{margin:0;padding-top:96px}.usersideblog-heading{font:var(--type-display-md);letter-spacing:-.025em}.usersideblog-main{flex-direction:column;max-width:none;margin:0}.usersideblog-blog-list{max-width:100%;padding:0 var(--space-4)}.usersideblog-container .side-div{display:none}.usersideblog-blog-card{flex-direction:column;align-items:flex-start;padding:var(--space-4)}.usersideblog-blog-image{width:100%;height:auto}}.usersideblog-container .modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;justify-content:center;align-items:center;padding:var(--space-4);background:rgba(0,0,0,.5)}.usersideblog-container .modal-content{position:relative;width:100%;max-width:600px;max-height:80vh;overflow-y:auto;padding:var(--space-6);background:var(--surface-raised);color:var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);text-align:center;animation:news-modal-in var(--motion);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.usersideblog-container .modal-title{font:var(--type-display-md);letter-spacing:-.025em;color:var(--ink);margin:0 0 var(--space-4);padding:0 var(--space-8)}.usersideblog-container .modal-date{font:var(--type-number);color:var(--ink-muted);margin-bottom:var(--space-4)}.usersideblog-container .modal-image{margin:var(--space-4) 0;max-width:100%;height:auto;border-radius:var(--radius-lg)}.usersideblog-container .modal-description{font:var(--type-body-lg);color:var(--ink)}.usersideblog-container .modal-close-button{position:absolute;top:var(--space-2);right:var(--space-2);width:44px;height:44px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--ink);font-size:30px;line-height:1;cursor:pointer;transition:background-color var(--motion)}.usersideblog-container .modal-close-button:hover{background:var(--surface-sunken)}@keyframes news-modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.usersideblog-container .news-marquee{height:400px;overflow:hidden}@media (max-width:768px){.usersideblog-container .news-marquee{display:none}}.usersideblog-container .news-card{display:flex;flex-direction:column;align-items:center;width:500px;height:320px;margin:0 30px 50px 0;overflow:hidden;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);transition:border-color var(--motion)}.usersideblog-container .news-card:hover{border-color:var(--line-strong)}.usersideblog-container .news-card-image{width:100%;height:200px;object-fit:contain;background:var(--surface-sunken)}.usersideblog-container .news-card-content{text-align:center;padding:var(--space-2) var(--space-8);overflow-y:scroll;scrollbar-width:none}.usersideblog-container .news-card h3{display:flex;flex-wrap:wrap;margin:var(--space-2) 0;font:var(--type-title);color:var(--ink)}