.article-header{padding:3rem 0;background:#fff}.article-header__content{max-width:800px;margin:0 auto 2rem;text-align:center}.article-header__title{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:var(--text);margin:0 0 1.5rem;line-height:1.2;letter-spacing:-.02em}.article-header__subtitle{font-size:1.25rem;color:var(--text);line-height:1.6;margin:0 0 2rem}.article-header__meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.meta-info{display:flex;gap:1.5rem;flex-wrap:wrap}.meta-info__item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--muted)}.meta-info__icon{font-size:1rem}.social-share{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.social-share__label{font-size:.875rem;font-weight:600;color:var(--text)}.social-share__links{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.social-share__link{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--surface);color:var(--text);border-radius:50%;transition:all .3s ease;text-decoration:none;border:1px solid var(--border-color-card)}.social-share__link:hover{background:var(--brand);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.social-share__link{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--surface);color:var(--text);border-radius:50%;transition:all .3s ease;text-decoration:none;border:1px solid var(--border-color-card);padding:0}.social-share__link img,.social-share__link svg{width:20px;height:20px;display:block;transition:all .3s ease;flex-shrink:0}.social-share__link svg{fill:currentColor}.social-share__link:hover img{filter:brightness(0) invert(1)}.social-share__link:hover svg{fill:#fff;color:#fff}.social-share__link:hover svg path{fill:#fff;stroke:#fff}.article-header__image{max-width:900px;margin:0 auto;border-radius:1.25rem;overflow:hidden}.article-header__image img{width:100%;height:auto;display:block}.article-content{padding:4rem 0;background:#fff}.article-content__container{display:grid;grid-template-columns:1fr 300px;gap:4rem;max-width:1200px;margin:0 auto}.article-sidebar{position:sticky;top:6rem;height:fit-content}.sidebar-widget{background:#fff;border:1px solid var(--border-color-card);border-radius:1.25rem;padding:2rem;margin-bottom:2rem}.widget-title{font-size:1.25rem;font-weight:700;color:var(--text);margin:0 0 1.5rem}.related-articles{display:flex;flex-direction:column;gap:1.5rem}.related-article{display:flex;gap:1rem}.related-article__image{flex-shrink:0;width:80px;height:80px;border-radius:.5rem;overflow:hidden}.related-article__image img{width:100%;height:100%;object-fit:cover}.related-article__content{flex:1}.related-article__title{font-size:.875rem;font-weight:600;margin:0 0 .5rem}.related-article__title a{color:var(--text);text-decoration:none;transition:color .2s ease}.related-article__title a:hover{color:var(--brand)}.related-article__meta{display:flex;gap:.75rem;font-size:.75rem;color:var(--muted)}.back-to-blog__link{display:flex;align-items:center;gap:.5rem;color:var(--brand);text-decoration:none;font-weight:600;transition:all .2s ease}.back-to-blog__link:hover{color:var(--brand-dark);transform:translate(-2px)}.article-body{font-size:1.125rem}@media(max-width:1024px){.article-content__container{grid-template-columns:1fr;gap:2rem}.article-sidebar{position:static}.recipe-card__content{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:768px){.article-header{padding:2rem 0}.article-header__meta{flex-direction:column;align-items:flex-start;gap:1rem}.meta-info{flex-direction:column;gap:.75rem}.social-share{align-self:flex-start;width:100%}.social-share__links{width:100%;justify-content:flex-start}.article-content{padding:2rem 0}.related-article{flex-direction:column}.related-article__image{width:100%;height:120px}}.copy-notification{position:fixed;top:20px;right:20px;background:var(--brand);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;z-index:1001;animation:slideIn .3s ease;box-shadow:0 4px 12px #00000026}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media print{.article-sidebar,.social-share,.article-cta{display:none}.article-content__container{grid-template-columns:1fr}}
