body{background:var(--bg);color:var(--text)}.wrapper{max-width:1120px;margin:0 auto;padding:24px 18px}.article-header{max-width:720px;margin:0 auto 24px}.article-header h1{font-size:1.8rem;margin:0 0 12px;line-height:1.3}.article-meta{font-size:.9rem;color:#64748b}.entry-content{font-size:1.05rem;line-height:1.75}.entry-content p{margin:0 0 1.1em}.entry-content h2{font-size:1.4rem;margin:1.6em 0 .7em}.entry-content h3{font-size:1.2rem;margin:1.3em 0 .6em}.entry-content ul,.entry-content ol{padding-left:1.2em;margin:0 0 1.1em}.entry-content blockquote{margin:1.2em 0;padding:12px 16px;background:var(--accent-soft);border-left:4px solid var(--accent);border-radius:var(--radius)}.callout-box,.tip-box,.warning-box{padding:14px 16px;border-radius:var(--radius);margin:1.2em 0;border:1px solid var(--accent);background:var(--accent-soft)}.tip-box{border-color:#22c55e;background:#ecfdf3}.warning-box{border-color:#f59e0b;background:#fff7ed}.btn-cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;background:var(--accent);color:#fff;border-radius:999px;text-decoration:none;font-weight:700;box-shadow:0 8px 20px rgb(0 0 0 / .08)}.btn-cta:hover{background:#1d4ed8}@media (max-width:768px){.content-area{display:flex;flex-direction:column}.entry-content{max-width:720px;margin:0 auto}.sidebar{width:100%;position:static;margin-top:24px}.wrapper{padding:16px 12px}}@media (min-width:769px){.content-area{display:flex;flex-direction:row;gap:24px}main{flex:1;min-width:0}.sidebar{width:280px;flex-shrink:0;position:sticky;top:24px;align-self:flex-start}.site-main .entry-content,article .entry-content,.content-area .entry-content{max-width:none!important;margin-left:0!important;margin-right:0!important}}@media (min-width:1024px){.wrapper{padding:32px 24px}.article-header h1{font-size:2rem}.entry-content{font-size:1.08rem}}