.article-page{padding-block:3rem 5rem}.article-breadcrumb{font-size:.8rem;color:var(--color-gray-500);margin-bottom:2rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.article-breadcrumb a{color:var(--alternative-color);text-decoration:none}.article-breadcrumb a:hover{text-decoration:underline}.article-breadcrumb span{opacity:.5}.article-header{max-width:48rem;margin-inline:auto;margin-bottom:2.5rem}.article-header-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.article-header-category{background-color:var(--alternative-color);color:var(--color-white);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .6rem;border-radius:100px}.article-header-date{font-size:.85rem;color:var(--color-gray-500)}.article-header h1{font-size:1.75rem;font-weight:700;line-height:1.3;color:var(--primary-color);margin-bottom:1rem}@media screen and (min-width:48rem){.article-header h1{font-size:2.25rem}}.article-header-excerpt{font-size:1.1rem;color:var(--color-gray-500);line-height:1.7;border-left:3px solid var(--alternative-color);padding-left:1rem}.article-cover{max-width:52rem;margin-inline:auto;margin-bottom:3rem;border-radius:.75rem;overflow:hidden;box-shadow:var(--shadow-card)}.article-cover img{width:100%;height:auto;display:block;max-height:26rem;object-fit:cover}.article-body{max-width:48rem;margin-inline:auto}.article-body p{font-size:1rem;line-height:1.85;color:var(--color-gray-600,#374151);margin-bottom:1.25rem}.article-body h2{font-size:1.35rem;font-weight:700;color:var(--primary-color);margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.4rem;border-bottom:2px solid var(--alternative-color)}@media screen and (min-width:48rem){.article-body h2{font-size:1.5rem}}.article-body ul{list-style:disc;padding-left:1.5rem;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.5rem}.article-body ul li{font-size:1rem;line-height:1.75;color:var(--color-gray-600,#374151)}.article-body strong{font-weight:600;color:var(--primary-color)}.article-body a{color:var(--alternative-color);text-decoration:underline;text-underline-offset:.2rem}.article-body a:hover{opacity:.8}.article-related{max-width:48rem;margin-inline:auto;margin-top:3rem;padding:1.5rem;background-color:var(--color-gray-100,#f3f4f6);border-radius:.75rem;border-left:4px solid var(--alternative-color);display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.article-related p{font-size:.9rem;font-weight:500;color:var(--primary-color);flex:1 1}.article-related a{display:inline-block;background-color:var(--alternative-color);color:var(--color-white);padding:.6rem 1.25rem;border-radius:100px;font-size:.85rem;font-weight:600;text-decoration:none;white-space:nowrap}.article-related a:hover{opacity:.88}.article-back{max-width:48rem;margin-inline:auto;margin-top:2.5rem}.article-back a{display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;font-weight:600;color:var(--alternative-color);text-decoration:none}.article-back a:before{content:"←"}.article-back a:hover{text-decoration:underline;text-underline-offset:.2rem}