.writing-page{background:#fff;padding:48px 20px 64px}.writing-page-container{width:min(1180px,92%);margin:0 auto}.writing-page-heading{font-family:Poppins,sans-serif;font-size:32px;font-weight:700;color:#111827;margin:0 0 32px}.article-page{background:#fff;padding:48px 20px 80px}.article-container{width:min(1180px,92%);margin:0 auto}.article-layout{display:grid;grid-template-columns:1fr;gap:48px}.article-main{min-width:0}.article-meta{display:flex;align-items:center;gap:12px;margin-bottom:32px;font-family:Roboto,sans-serif;font-size:15px;color:#111}.article-category-badge{display:inline-block;background:#111827;color:#fff;font-family:Roboto,sans-serif;font-size:13px;font-weight:500;padding:4px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.08em}.article-hero-image{width:100%;height:auto;display:block;border-radius:8px;margin-bottom:40px}.article-title{font-family:Poppins,sans-serif;font-size:32px;font-weight:700;color:#111827;line-height:1.2;margin:0 0 24px;letter-spacing:-.02em}.article-body{font-family:Roboto,sans-serif;font-size:18px;font-weight:400;line-height:1.8;color:#1f2937}.article-body p{margin:0 0 24px}.article-body p:last-child{margin-bottom:0}.article-body h2{font-family:Poppins,sans-serif;font-size:26px;font-weight:700;color:#111827;line-height:1.25;margin:48px 0 20px;letter-spacing:-.01em}.article-body h3{font-family:Poppins,sans-serif;font-size:21px;font-weight:600;color:#111827;line-height:1.3;margin:36px 0 16px}.article-body h4{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;color:#374151;line-height:1.4;margin:28px 0 12px}.article-body strong{font-weight:600;color:#111827}.article-body ul{list-style:none;margin:0 0 24px;padding-left:0}.article-body ol{margin:0 0 24px;padding-left:28px}.article-body li{margin-bottom:10px;line-height:1.7}.article-body ul li{padding-left:24px;position:relative}.article-body ul li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;background:#111;border-radius:50%}.article-body a{color:#1f80f0;text-decoration:underline;text-underline-offset:3px}.article-body a:hover{color:#0057b8}.article-body blockquote{border-left:4px solid #1f80f0;margin:32px 0;padding:16px 24px;background:#f0f7ff;border-radius:0 8px 8px 0;font-style:italic;color:#374151}.article-sidebar{display:flex;flex-direction:column;gap:40px}.sidebar-share{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:20px 0}.sidebar-share-label{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.1em;margin:0 0 14px}.sidebar-share-icons{display:flex;gap:14px}.sidebar-share-icons a{display:inline-flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:6px;color:#fff;text-decoration:none;font-size:16px;transition:opacity .2s}.sidebar-share-icons a:hover{opacity:.85}.share-fb{background:#4267b2}.share-tw{background:#1da1f2}.share-li{background:#0077b5}.sidebar-recent-heading{font-family:Poppins,sans-serif;font-size:18px;font-weight:700;color:#111827;margin:0 0 20px}.sidebar-recent-list{display:flex;flex-direction:column;gap:20px}.sidebar-recent-item{display:grid;grid-template-columns:80px 1fr;gap:14px;align-items:start;text-decoration:none}.sidebar-recent-item img{width:80px;height:60px;object-fit:cover;border-radius:6px;display:block}.sidebar-recent-item-title{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#111827;line-height:1.4;margin:0 0 6px}.sidebar-recent-read-more{font-family:Roboto,sans-serif;font-size:13px;color:#1f80f0;font-weight:500}.sidebar-recent-item:hover .sidebar-recent-item-title{color:#1f80f0}.sidebar-ad{display:block;text-decoration:none}.sidebar-ad img{width:100%;height:auto;display:block;border-radius:10px}@media(min-width:768px){.article-title{font-size:38px}.article-body h2{font-size:28px}.article-body h3{font-size:22px}}@media(min-width:1080px){.article-page{padding:60px 0 100px}.writing-page{padding:60px 0 80px}.article-layout{grid-template-columns:1fr 320px;gap:64px;align-items:start}.article-title{font-size:44px}.article-body{font-size:18px}.article-body h2{font-size:30px}}