.article-page{padding-bottom:10rem}.article-hero{background:linear-gradient(160deg,#f0fdfa,#f8fafc 60%,#fff);border-bottom:1px solid rgba(20,184,166,.12);padding:2rem 0 2.5rem;margin-bottom:2.5rem}.article-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;font-size:.875rem;color:#9ca3af;margin-bottom:1rem}.article-breadcrumb a{color:#4b5563;text-decoration:none;transition:color .2s}.article-breadcrumb a:hover{color:#14b8a6}.article-hero__category{display:inline-block;background:rgba(20,184,166,.1);color:#0d9488;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:.3rem .875rem;border-radius:999px;margin-bottom:1rem}.article-hero__title{font-size:clamp(1.5rem,3vw + 1rem,3rem);font-weight:800;color:#111827;line-height:1.15;max-width:44rem;margin:0 0 1rem}.article-hero__desc{font-size:1.125rem;color:#4b5563;line-height:1.65;max-width:40rem;margin:0 0 1.5rem}.article-hero__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;font-size:.875rem;color:#4b5563}.article-hero__author{display:flex;align-items:center;gap:.5rem;font-weight:600}.article-hero__author-avatar{width:32px;height:32px;border-radius:50%;background:rgba(20,184,166,.12);color:#0d9488;display:flex;align-items:center;justify-content:center;flex-shrink:0}.article-hero__meta-divider{width:1px;height:16px;background:rgba(0,0,0,.15)}.article-hero__date,.article-hero__readtime{display:flex;align-items:center;gap:.35rem;color:#9ca3af}.article-layout{display:grid;grid-template-columns:1fr;grid-gap:2.5rem;gap:2.5rem;align-items:start}.article-layout>*{min-width:0}@media (min-width:1024px){.article-layout{grid-template-columns:1fr 280px}}.article-main{min-width:0}.article-cover{border-radius:12px;overflow:hidden;margin-bottom:2rem;width:100%;max-width:min(100%,860px);aspect-ratio:16/9;box-shadow:0 4px 24px rgba(0,0,0,.08)}@media (min-width:640px){.article-cover{max-width:760px;border-radius:14px}}@media (min-width:1024px){.article-cover{max-width:860px;border-radius:16px}}.article-cover__img{width:100%;height:100%;object-fit:cover;display:block}.article-content{overflow-x:hidden;word-break:break-word}.article-toc{background:rgba(20,184,166,.04);border:1px solid rgba(20,184,166,.15);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:2rem}.article-toc__title{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#0d9488;margin:0 0 .75rem!important}.article-toc__list{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.35rem}.article-toc__list li{font-size:.875rem!important;color:#4b5563!important;line-height:1.5!important;margin:0!important;padding-left:0!important;list-style:decimal}.article-toc__list a{color:#4b5563!important;text-decoration:none!important;transition:color .2s}.article-toc__list a:hover{color:#0d9488!important}.article-markdown{font-size:1rem;line-height:1.85;color:#4b5563}.article-markdown h2{font-size:clamp(1.25rem,2vw + .5rem,1.75rem);font-weight:700;color:#111827;margin-top:2.75rem;margin-bottom:1rem;padding-left:1rem;border-left:3px solid #14b8a6}.article-markdown h3{font-size:1.125rem;font-weight:600;color:#111827;margin-top:2rem;margin-bottom:.75rem}.article-markdown p{margin:0 0 1.1rem}.article-markdown ul{padding-left:0;margin-bottom:1.25rem;list-style:none}.article-markdown ul li{font-size:1rem;color:#4b5563;line-height:1.8;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.article-markdown ul li:before{content:"";position:absolute;left:0;top:.65em;width:7px;height:7px;border-radius:50%;background:#14b8a6}.article-markdown ol{padding-left:1.5rem;margin-bottom:1.25rem}.article-markdown ol li{font-size:1rem;color:#4b5563;line-height:1.8;margin-bottom:.5rem}.article-markdown blockquote{position:relative;border:none;background:linear-gradient(135deg,rgba(20,184,166,.05),rgba(20,184,166,.02));border-radius:12px;padding:1.25rem 1.5rem 1.25rem 4rem;margin:1.75rem 0;color:#4b5563}.article-markdown blockquote:before{content:'"';position:absolute;left:1rem;top:.5rem;font-size:3.5rem;line-height:1;color:#14b8a6;font-family:Georgia,serif;opacity:.5}.article-markdown blockquote p{margin:0;font-style:italic}.article-markdown table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:.875rem}.article-markdown th{background:rgba(20,184,166,.08);color:#111827;font-weight:600;padding:.7rem 1rem;text-align:left;border-bottom:2px solid rgba(20,184,166,.2);white-space:nowrap}.article-markdown td{padding:.625rem 1rem;border-bottom:1px solid rgba(0,0,0,.06);color:#4b5563;white-space:nowrap}.article-markdown tr:last-child td{border-bottom:none}.article-markdown strong{font-weight:600;color:#111827}.article-markdown a{color:#0d9488;text-decoration:underline;text-underline-offset:3px}.article-markdown a:hover{opacity:.75}.article-markdown img{max-width:min(100%,760px);height:auto;display:block;margin:2rem auto;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.article-cta{display:flex;align-items:center;flex-wrap:wrap;gap:1.25rem;background:linear-gradient(135deg,#134e4a,#0e7490);border-radius:16px;padding:1.75rem 2rem;margin-top:2.5rem;color:#fff}.article-cta__icon{width:52px;height:52px;border-radius:12px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}.article-cta__text{flex:1 1;min-width:200px}.article-cta__title{font-size:1.125rem;font-weight:700;margin:0 0 .25rem;color:#fff}.article-cta__sub{font-size:.875rem;opacity:.8;margin:0;line-height:1.6;color:#fff}.article-cta__btn{display:inline-flex;align-items:center;background:#fff;color:#0d9488;font-size:.875rem;font-weight:700;padding:.75rem 1.5rem;border-radius:10px;text-decoration:none;white-space:nowrap;transition:transform .2s,box-shadow .2s}.article-cta__btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.2)}.article-back{margin-top:2rem}.article-back__link{display:inline-flex;align-items:center;gap:.4rem;color:#4b5563;text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s}.article-back__link:hover{color:#14b8a6}.article-links{margin-top:2rem;display:grid;grid-gap:1.75rem;gap:1.75rem}.article-links__group h2{font-size:1.35rem;margin:0 0 .9rem;color:#111827}.article-links__grid{display:grid;grid-gap:.9rem;gap:.9rem;grid-template-columns:1fr}@media (min-width:768px){.article-links__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.article-links__card{display:block;text-decoration:none;color:inherit;border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:.9rem 1rem;transition:border-color .2s ease,transform .2s ease}.article-links__card:hover{border-color:#14b8a6;transform:translateY(-2px)}.article-links__meta{display:inline-block;font-size:.75rem;text-transform:uppercase;color:#0d9488;margin-bottom:.4rem}.article-links__card h3{margin:0 0 .4rem;font-size:1rem;color:#111827}.article-links__card p{margin:0;color:#4b5563;font-size:.9rem;line-height:1.5}.article-sidebar{display:none}@media (min-width:1024px){.article-sidebar{display:flex;flex-direction:column;gap:1.25rem;position:-webkit-sticky;position:sticky;top:6rem}}.article-sidebar__card{background:#f9fafb;border-radius:14px;padding:1.5rem;display:grid;grid-template-columns:auto 1fr;grid-gap:.35rem 1rem;gap:.35rem 1rem;align-items:baseline}.article-sidebar__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#9ca3af;margin:0;padding-top:.5rem}.article-sidebar__value{font-size:.875rem;color:#4b5563;font-weight:500;margin:0;padding-top:.5rem}.article-sidebar__consult{background:linear-gradient(160deg,#134e4a,#0e7490);border-radius:14px;padding:1.5rem;color:#fff}.article-sidebar__consult-title{font-size:1rem;font-weight:700;margin:0 0 .5rem}.article-sidebar__consult-text{font-size:.875rem;opacity:.8;line-height:1.6;margin:0 0 1rem}.article-sidebar__consult-btn{display:block;text-align:center;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:.875rem;font-weight:600;padding:.65rem 1rem;border-radius:8px;text-decoration:none;transition:background .2s}.article-sidebar__consult-btn:hover{background:rgba(255,255,255,.25)}@media (max-width:768px){.article-markdown img{width:100%;margin:1.5rem 0}}