.article-hero{background:linear-gradient(165deg,var(--white) 0%,var(--blush-light) 40%,var(--blush) 100%);padding:calc(var(--header-height) + var(--space-12)) 0 var(--space-12);margin-bottom:var(--space-12)}.article-hero .container{max-width:720px;margin:0 auto;padding:0 var(--space-6)}.article-hero__meta{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.article-hero__category{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em}.article-hero__category--guide{background:#e561251f;color:var(--purple)}.article-hero__category--beginner{background:#427f791f;color:var(--teal)}.article-hero__category--inspiration{background:#99e1d940;color:var(--teal-dark, #2a6e66)}.article-hero__category--case-study{background:#e561251f;color:var(--purple)}.article-hero__date,.article-hero__reading-time{font-size:var(--text-sm);color:var(--grey-500)}.article-hero__dot{width:4px;height:4px;border-radius:50%;background:var(--grey-400)}.article-hero h1{font-size:clamp(var(--text-3xl),4vw,var(--text-4xl));font-weight:var(--font-weight-bold);line-height:var(--leading-tight);margin-bottom:var(--space-5)}.article-hero__excerpt{font-size:var(--text-lg);color:var(--grey-600);line-height:var(--leading-relaxed)}.article-hero__image{margin-top:var(--space-10);border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:21/9;max-height:400px}.article-hero__image img{width:100%;height:100%;object-fit:cover}.article-body{max-width:720px;margin:0 auto;padding-bottom:var(--space-16)}.article-body h2{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);margin-top:var(--space-10);margin-bottom:var(--space-5);color:var(--dark)}.article-body h3{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin-top:var(--space-8);margin-bottom:var(--space-4);color:var(--dark)}.article-body p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--grey-700);margin-bottom:var(--space-5)}.article-body ul,.article-body ol{padding-left:var(--space-6);margin-bottom:var(--space-5)}.article-body li{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--grey-700);margin-bottom:var(--space-2);list-style:disc}.article-body ol li{list-style:decimal}.article-body strong{font-weight:var(--font-weight-semibold);color:var(--dark)}.article-body a{color:var(--purple);font-weight:var(--font-weight-medium);text-decoration:underline;text-underline-offset:3px}.article-body a:hover{color:var(--teal)}.article-callout{background:var(--blush-light);border-left:4px solid var(--purple);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-5) var(--space-6);margin:var(--space-6) 0}.article-callout p{margin-bottom:0;color:var(--dark)}.article-callout strong{color:var(--purple)}.article-table-wrap{overflow-x:auto;margin:var(--space-6) 0;border-radius:var(--radius-lg);border:1px solid var(--grey-200)}.article-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.article-table th{background:var(--dark);color:var(--white);padding:var(--space-4) var(--space-5);text-align:left;font-weight:var(--font-weight-semibold);white-space:nowrap}.article-table td{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--grey-200);color:var(--grey-700);vertical-align:top}.article-table tr:last-child td{border-bottom:none}.article-table tr:nth-child(2n) td{background:var(--grey-50)}.article-author{display:none;align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--grey-50);border-radius:var(--radius-lg);margin:var(--space-10) 0;border:1px solid var(--grey-200)}.article-author__avatar{width:56px;height:56px;border-radius:50%;background:var(--purple);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--text-lg);flex-shrink:0}.article-author__name{font-weight:var(--font-weight-semibold);color:var(--dark)}.article-author__role{font-size:var(--text-sm);color:var(--grey-500)}.article-share{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-8) 0}.article-share__label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--grey-500)}.article-share__btn{width:40px;height:40px;border-radius:50%;background:var(--grey-100);display:flex;align-items:center;justify-content:center;color:var(--grey-600);transition:all var(--duration-fast) var(--ease-out)}.article-share__btn:hover{background:var(--purple);color:var(--white)}.article-share__btn svg{width:18px;height:18px}.article-related{border-top:1px solid var(--grey-200);padding-top:var(--space-12);margin-top:var(--space-12)}.article-related__title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-8);text-align:center}.article-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.article-related .blog-card{background:var(--white);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--grey-200);transition:all var(--duration-normal) var(--ease-out);text-decoration:none;color:inherit;display:block}.article-related .blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:transparent}.article-related .blog-card__image{position:relative;aspect-ratio:16/9;overflow:hidden}.article-related .blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.article-related .blog-card:hover .blog-card__image img{transform:scale(1.05)}.article-related .blog-card__image .badge{position:absolute;top:var(--space-4);left:var(--space-4);background:#e56125eb;color:var(--white);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.article-related .blog-card__image .badge--teal{background:#427f79eb}.article-related .blog-card__image .badge--mint{background:#2a6e66eb}.article-related .blog-card__body{padding:var(--space-5) var(--space-6)}.article-related .blog-card__date{font-size:var(--text-xs);color:var(--grey-500);display:block;margin-bottom:var(--space-2);text-decoration:none}.article-related .blog-card__title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);color:var(--dark);text-decoration:none}@media(max-width:768px){.article-hero{padding:calc(var(--header-height) + var(--space-8)) 0 var(--space-8)}.article-hero__image{aspect-ratio:16/9}.article-related__grid{grid-template-columns:1fr}}