.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0;} :root{--cat-c1: #7c6bff; --cat-c2: #4f8ee6; --cat-c3: #e85a90; --cat-c4: #2bb673; --cat-c5: #e9a23b; --cat-c6: #7c4dff; --cat-c7: #1bb6c7; --cat-c8: #ef6c4a; --cat-c9: #3957c4;} .avatar{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--grad-brand);color:#fff;font-weight:700;font-size:13px;letter-spacing:.02em;flex-shrink:0;user-select:none}.blob{position:absolute;border-radius:50%;filter:blur(64px);opacity:.6;pointer-events:none}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(124,77,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(124,77,255,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(60% 60% at 50% 40%,#000 0%,transparent 100%);mask-image:radial-gradient(60% 60% at 50% 40%,#000 0%,transparent 100%);pointer-events:none}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--grad-brand);flex-shrink:0} .blog-hero{position: relative;padding: calc(var(--header-h) + var(--s-9)) 0 var(--s-8);overflow: hidden;isolation: isolate;}.blog-hero__bg{position: absolute;inset: 0;z-index: -1;}.blog-hero__bg .blob--1{width: 540px;height: 540px;top: -120px;left: -80px;background: radial-gradient(circle,#c6b8ff,transparent 60%);}.blog-hero__bg .blob--2{width: 480px;height: 480px;top: 40px;right: -120px;background: radial-gradient(circle,#a5d8ff,transparent 60%);}.blog-hero__inner{display: grid;place-items: center;text-align: center;}.blog-hero__text{max-width: 820px;}.blog-hero__title{font-family: var(--font-display);font-size: clamp(40px,5.6vw,72px);font-weight: 500;line-height: 1.02;letter-spacing: -.025em;margin-bottom: var(--s-4);}.blog-hero__subtitle{font-size: clamp(16px,1.25vw,19px);color: var(--c-ink-soft);margin-bottom: var(--s-6);max-width: 58ch;margin-inline: auto;} .search-bar{display: flex;align-items: center;gap: 8px;background: var(--c-surface);border: 1.5px solid var(--c-line);border-radius: var(--r-pill);padding: 6px 6px 6px 18px;max-width: 580px;margin: 0 auto var(--s-5);box-shadow: var(--sh-sm);transition: border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);}.search-bar:focus-within{border-color: var(--c-primary);box-shadow: 0 0 0 6px var(--c-primary-light),var(--sh-sm);}.search-bar__icon{color: var(--c-ink-muted);display: grid;place-items: center;}.search-bar input{flex: 1;min-width: 0;font: inherit;font-size: 15.5px;padding: 12px 0;border: 0;outline: 0;background: transparent;color: var(--c-ink);}.search-bar input::placeholder{color: var(--c-ink-muted);}.hero-meta{display: flex;justify-content: center;gap: var(--s-6);flex-wrap: wrap;font-size: 14px;color: var(--c-ink-muted);}.hero-meta strong{color: var(--c-ink);font-weight: 700;} .categories{padding: var(--s-6) 0 var(--s-7);}.categories__head{text-align: center;margin-bottom: var(--s-6);}.categories__title{font-family: var(--font-display);font-size: clamp(22px,2vw,28px);font-weight: 500;letter-spacing: -.01em;margin-bottom: 6px;}.categories__head p{color: var(--c-ink-muted);font-size: 15px;}.filter-bar{display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;}.chip{display: inline-flex;align-items: center;gap: 8px;font-size: 14px;font-weight: 600;padding: 10px 16px;border-radius: var(--r-pill);background: var(--c-surface);border: 1.5px solid var(--c-line);color: var(--c-ink-soft);transition: transform var(--t-fast) var(--ease),background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease);cursor: pointer;}.chip:hover{transform: translateY(-2px);border-color: var(--c-primary-light);color: var(--c-primary);}.chip.is-active{background: var(--c-ink);border-color: var(--c-ink);color: #fff;}.chip.is-active .chip__count{background: rgba(255,255,255,.18);color: #fff;}.chip__count{font-size: 11.5px;padding: 2px 8px;border-radius: var(--r-pill);background: var(--c-primary-light);color: var(--c-primary);font-weight: 700;} .chip[class*='chip--c']::before{content: '';width: 8px;height: 8px;border-radius: 50%;background: var(--cat-c1);}.chip--c1::before{background: var(--cat-c1);}.chip--c2::before{background: var(--cat-c2);}.chip--c3::before{background: var(--cat-c3);}.chip--c4::before{background: var(--cat-c4);}.chip--c5::before{background: var(--cat-c5);}.chip--c6::before{background: var(--cat-c6);}.chip--c7::before{background: var(--cat-c7);}.chip--c8::before{background: var(--cat-c8);}.chip--c9::before{background: var(--cat-c9);} .cat{display: inline-flex;align-items: center;font-size: 11.5px;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;padding: 6px 12px;border-radius: var(--r-pill);background: var(--c-primary-light);color: var(--c-primary);margin-bottom: var(--s-3);}.cat--abs{position: absolute;bottom: 14px;left: 14px;background: rgba(255,255,255,.95);color: var(--c-ink);z-index: 2;margin: 0;backdrop-filter: blur(8px);}.cat--c1{background: rgba(124,107,255,.14);color: var(--cat-c1);}.cat--c2{background: rgba(79,142,230,.14);color: var(--cat-c2);}.cat--c3{background: rgba(232,90,144,.14);color: var(--cat-c3);}.cat--c4{background: rgba(43,182,115,.14);color: var(--cat-c4);}.cat--c5{background: rgba(233,162,59,.16);color: #b97713;}.cat--c6{background: rgba(124,77,255,.14);color: var(--cat-c6);}.cat--c7{background: rgba(27,182,199,.14);color: var(--cat-c7);}.cat--c8{background: rgba(239,108,74,.14);color: var(--cat-c8);}.cat--c9{background: rgba(57,87,196,.14);color: var(--cat-c9);} .cover{position: relative;width: 100%;aspect-ratio: 16/10;overflow: hidden;border-radius: var(--r-md);isolation: isolate;}.cover--hero{aspect-ratio: 21/9;border-radius: var(--r-xl);}.cover__shape{position: absolute;border-radius: 50%;filter: blur(20px);opacity: .6;}.cover__shape.s1{width: 60%;height: 60%;top: -10%;left: -10%;}.cover__shape.s2{width: 55%;height: 55%;bottom: -15%;right: -10%;}.cover__shape.s3{width: 35%;height: 35%;top: 35%;right: 20%;}.cover--violet{background: linear-gradient(135deg,#c6b8ff 0%,#8de1ff 100%);}.cover--violet .s1{background: #a594ff;}.cover--violet .s2{background: #ffd6ec;}.cover--violet .s3{background: #fff3e6;}.cover--blue{background: linear-gradient(135deg,#a5d8ff 0%,#c6e9ff 100%);}.cover--blue .s1{background: #7eb9ff;}.cover--blue .s2{background: #c6b8ff;}.cover--peach{background: linear-gradient(135deg,#ffe4cf 0%,#ffd6ec 100%);}.cover--peach .s1{background: #ffc89e;}.cover--peach .s2{background: #c6b8ff;}.cover--mint{background: linear-gradient(135deg,#b8eccb 0%,#c6e9ff 100%);}.cover--mint .s1{background: #82d8a5;}.cover--mint .s2{background: #8de1ff;}.cover--rose{background: linear-gradient(135deg,#ffd6ec 0%,#ffe4cf 100%);}.cover--rose .s1{background: #ffb3d4;}.cover--rose .s2{background: #ffc89e;}.cover--lilac{background: linear-gradient(135deg,#e2d8ff 0%,#ffd6ec 100%);}.cover--lilac .s1{background: #c6b8ff;}.cover--lilac .s2{background: #ffb3d4;}.cover--sand{background: linear-gradient(135deg,#f6efe6 0%,#ffe4cf 100%);}.cover--sand .s1{background: #e9d6b8;}.cover--sand .s2{background: #ffc89e;}.cover--teal{background: linear-gradient(135deg,#b9eaef 0%,#c6e9ff 100%);}.cover--teal .s1{background: #82d6df;}.cover--teal .s2{background: #a5d8ff;}.cover--coral{background: linear-gradient(135deg,#ffd1c2 0%,#ffe4cf 100%);}.cover--coral .s1{background: #ffa285;}.cover--coral .s2{background: #ffc89e;} .cover__photo{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: center 30%;z-index: 0;}.cover--photo::after{content: "";position: absolute;inset: 0;z-index: 1;background: linear-gradient( 160deg,rgba(20,15,45,0.02) 0%,rgba(20,15,45,0.1) 52%,rgba(20,15,45,0.46) 100% );}.cover--photo .cover__shape{display: none;} .featured{padding: 0 0 var(--s-8);}.featured-card{display: grid;grid-template-columns: 1.05fr .95fr;gap: var(--s-7);align-items: center;background: var(--c-surface);border: 1px solid var(--c-line);border-radius: var(--r-xl);padding: var(--s-5);position: relative;overflow: hidden;transition: box-shadow var(--t-base) var(--ease);}.featured-card:hover{box-shadow: var(--sh-lg);}.featured-card__media{position: relative;border-radius: var(--r-lg);overflow: hidden;display: block;}.featured-card__media .cover{aspect-ratio: 4/3;border-radius: var(--r-lg);}.featured-card__badge{position: absolute;top: 16px;left: 16px;font-size: 11.5px;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;padding: 6px 12px;border-radius: var(--r-pill);background: rgba(255,255,255,.95);color: var(--c-ink);backdrop-filter: blur(8px);z-index: 2;}.featured-card__body{padding: var(--s-3) var(--s-4);}.featured-card__body h2{font-family: var(--font-display);font-size: clamp(28px,3.2vw,40px);font-weight: 500;line-height: 1.1;letter-spacing: -.015em;margin-bottom: var(--s-4);}.featured-card__body h2 a{color: var(--c-ink);transition: color var(--t-fast) var(--ease);}.featured-card__body h2 a:hover{color: var(--c-primary);}.featured-card__body > p{color: var(--c-ink-soft);font-size: 17px;margin-bottom: var(--s-5);}.meta-list{display: flex;align-items: center;gap: var(--s-4);flex-wrap: wrap;font-size: 14px;color: var(--c-ink-muted);padding: var(--s-3) 0 var(--s-5);border-top: 1px solid var(--c-line);margin-top: var(--s-4);padding-top: var(--s-4);}.meta-list li{display: flex;align-items: center;gap: 8px;}.meta-list li:first-child{gap: 10px;}.meta-list strong{display: block;color: var(--c-ink);font-size: 14.5px;}.meta-list small{color: var(--c-ink-muted);font-size: 12.5px;} .blog-grid.section{padding-top: 0;}.blog-grid__layout{display: grid;grid-template-columns: 1fr 340px;gap: var(--s-7);align-items: start;}.posts-col__head{display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--s-6);flex-wrap: wrap;gap: var(--s-3);}.section__title--sm{font-size: clamp(24px,2.4vw,32px);margin-bottom: 0;}.sort select{font: inherit;font-size: 14px;padding: 10px 36px 10px 14px;border: 1.5px solid var(--c-line);border-radius: var(--r-pill);background: var(--c-surface);color: var(--c-ink);appearance: none;-webkit-appearance: none;background-image: linear-gradient(45deg,transparent 50%,var(--c-ink) 50%),linear-gradient(135deg,var(--c-ink) 50%,transparent 50%);background-position: right 18px center,right 12px center;background-size: 5px 5px;background-repeat: no-repeat;cursor: pointer;transition: border-color var(--t-fast) var(--ease);}.sort select:hover{border-color: var(--c-primary);}.sort select:focus{outline: 0;border-color: var(--c-primary);box-shadow: 0 0 0 4px var(--c-primary-light);} .posts-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: var(--s-5);}.post-card-pro{background: var(--c-surface);border: 1px solid var(--c-line);border-radius: var(--r-lg);overflow: hidden;transition: transform var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease),border-color var(--t-base) var(--ease);height: 100%;}.post-card-pro:hover{transform: translateY(-6px);box-shadow: var(--sh-lg);border-color: var(--c-primary-light);}.post-card-pro a{display: flex;flex-direction: column;height: 100%;color: inherit;}.post-card-pro__media{position: relative;overflow: hidden;}.post-card-pro__media .cover{border-radius: 0;transition: transform var(--t-slow) var(--ease);}.post-card-pro:hover .post-card-pro__media .cover{transform: scale(1.05);}.post-card-pro__body{padding: var(--s-5);display: flex;flex-direction: column;flex: 1;}.post-card-pro__body h3{font-family: var(--font-display);font-size: 21px;font-weight: 500;line-height: 1.25;margin-bottom: 8px;letter-spacing: -.005em;transition: color var(--t-fast) var(--ease);}.post-card-pro:hover h3{color: var(--c-primary);}.post-card-pro__body > p{color: var(--c-ink-soft);font-size: 14.5px;margin-bottom: var(--s-4);flex: 1;}.post-card-pro__foot{display: flex;align-items: center;gap: 8px;font-size: 13px;color: var(--c-ink-muted);padding-top: var(--s-3);border-top: 1px solid var(--c-line);flex-wrap: wrap;}.mini-author{display: inline-flex;align-items: center;gap: 8px;font-weight: 500;color: var(--c-ink);}.avatar--sm{width: 26px;height: 26px;font-size: 11px;}.dot-sep{color: var(--c-line-strong);} .pagination{display: flex;align-items: center;justify-content: center;gap: 6px;margin-top: var(--s-7);}.pagination__btn,.pagination__num{width: 42px;height: 42px;display: grid;place-items: center;border-radius: 12px;background: var(--c-surface);border: 1.5px solid var(--c-line);color: var(--c-ink-soft);font-weight: 600;font-size: 14px;transition: all var(--t-fast) var(--ease);cursor: pointer;}.pagination__btn:hover:not(:disabled),.pagination__num:hover:not(.is-active){border-color: var(--c-primary);color: var(--c-primary);transform: translateY(-1px);}.pagination__btn:disabled{opacity: .35;cursor: not-allowed;}.pagination__num.is-active{background: var(--grad-brand);color: #fff;border-color: transparent;box-shadow: var(--sh-glow);}.pagination__dots{color: var(--c-ink-muted);padding: 0 4px;} .sidebar{position: sticky;top: calc(var(--header-h) + var(--s-4));}.sidebar__sticky{display: grid;gap: var(--s-4);}.side-card{background: var(--c-surface);border: 1px solid var(--c-line);border-radius: var(--r-lg);padding: var(--s-5);}.side-card__title{font-family: var(--font-display);font-size: 19px;font-weight: 500;margin-bottom: var(--s-4);letter-spacing: -.005em;}.side-card__title--light{color: #fff;}.popular{display: grid;gap: var(--s-3);counter-reset: popular;}.popular li a{display: grid;grid-template-columns: auto 1fr;gap: var(--s-3);align-items: start;padding: 10px 0;border-bottom: 1px solid var(--c-line);color: var(--c-ink);}.popular li:last-child a{border-bottom: 0;}.popular__num{font-family: var(--font-display);font-size: 24px;font-weight: 500;color: var(--c-primary-soft);letter-spacing: -.02em;line-height: 1;}.popular strong{display: block;font-size: 14.5px;font-weight: 600;line-height: 1.3;margin-bottom: 4px;transition: color var(--t-fast) var(--ease);}.popular a:hover strong{color: var(--c-primary);}.popular small{color: var(--c-ink-muted);font-size: 12.5px;}.side-card--gradient{background: var(--grad-dark);color: #fff;border-color: transparent;position: relative;overflow: hidden;}.side-card--gradient::before{content: '';position: absolute;width: 200px;height: 200px;top: -80px;right: -80px;background: radial-gradient(circle,rgba(141,225,255,.4),transparent 60%);filter: blur(30px);}.side-card--gradient > *{position: relative;}.side-card--gradient p{color: rgba(255,255,255,.78);font-size: 14px;margin: var(--s-3) 0 var(--s-4);} .side-card .tag-cloud span{font-size: 13px;padding: 6px 12px;} .newsletter{padding: var(--s-8) 0;}.newsletter__inner{position: relative;background: var(--grad-dark);border-radius: var(--r-xl);padding: clamp(40px,6vw,72px);overflow: hidden;color: #fff;display: grid;grid-template-columns: 1.1fr 1fr;gap: var(--s-7);align-items: center;}.newsletter__bg{position: absolute;inset: 0;pointer-events: none;}.newsletter__bg span{position: absolute;border-radius: 50%;filter: blur(60px);}.newsletter__bg span:nth-child(1){width: 300px;height: 300px;top: -80px;right: -60px;background: radial-gradient(circle,#8de1ff,transparent 60%);opacity: .5;}.newsletter__bg span:nth-child(2){width: 320px;height: 320px;bottom: -120px;left: -80px;background: radial-gradient(circle,#c6b8ff,transparent 60%);opacity: .55;}.newsletter__bg span:nth-child(3){width: 240px;height: 240px;bottom: 40px;right: 30%;background: radial-gradient(circle,#ffd6ec,transparent 60%);opacity: .3;}.newsletter__copy h2{font-family: var(--font-display);font-size: clamp(28px,3.4vw,42px);font-weight: 500;line-height: 1.1;letter-spacing: -.015em;margin: var(--s-3) 0 var(--s-4);}.newsletter__copy p{color: rgba(255,255,255,.78);font-size: 16px;margin-bottom: var(--s-5);}.checks-light{display: grid;gap: 10px;}.checks-light li{display: flex;align-items: center;gap: 10px;font-size: 14.5px;color: rgba(255,255,255,.85);}.checks-light li::before{content: '✓';width: 20px;height: 20px;display: grid;place-items: center;border-radius: 50%;background: rgba(255,255,255,.14);color: #c6b8ff;font-size: 12px;font-weight: 700;}.newsletter__form{background: rgba(255,255,255,.06);padding: var(--s-5);border-radius: var(--r-lg);border: 1px solid rgba(255,255,255,.12);position: relative;backdrop-filter: blur(12px);}.field--light label{color: rgba(255,255,255,.85);}.field--light input{background: rgba(255,255,255,.08);border-color: rgba(255,255,255,.16);color: #fff;}.field--light input::placeholder{color: rgba(255,255,255,.5);}.field--light input:focus{background: rgba(255,255,255,.14);border-color: rgba(198,184,255,.7);box-shadow: 0 0 0 4px rgba(198,184,255,.18);}.newsletter__note{font-size: 12.5px;color: rgba(255,255,255,.55);text-align: center;margin-top: 10px;} .read-progress{position: fixed;top: 0;left: 0;right: 0;height: 3px;background: transparent;z-index: 200;}.read-progress span{display: block;height: 100%;width: 0;background: var(--grad-brand);transition: width .1s linear;} .article-hero{padding: calc(var(--header-h) + var(--s-7)) 0 var(--s-5);}.breadcrumb{margin-bottom: var(--s-6);}.breadcrumb ol{display: flex;flex-wrap: wrap;gap: 8px;font-size: 13.5px;color: var(--c-ink-muted);}.breadcrumb a{color: var(--c-ink-soft);transition: color var(--t-fast) var(--ease);}.breadcrumb a:hover{color: var(--c-primary);}.breadcrumb li[aria-hidden]{color: var(--c-line-strong);}.article-hero__inner{max-width: 880px;}.article-hero__title{font-family: var(--font-display);font-size: clamp(34px,5vw,64px);font-weight: 500;line-height: 1.04;letter-spacing: -.025em;margin: var(--s-4) 0 var(--s-5);}.article-hero__lede{font-size: clamp(17px,1.3vw,21px);line-height: 1.55;color: var(--c-ink-soft);margin-bottom: var(--s-6);max-width: 60ch;}.article-hero__meta{display: flex;align-items: center;justify-content: space-between;gap: var(--s-5);flex-wrap: wrap;padding-top: var(--s-5);border-top: 1px solid var(--c-line);}.author{display: flex;align-items: center;gap: 12px;}.author strong{display: block;font-size: 16px;}.author small{color: var(--c-ink-muted);font-size: 13.5px;}.avatar--lg{width: 52px;height: 52px;font-size: 16px;}.avatar--xl{width: 72px;height: 72px;font-size: 22px;}.meta-inline{display: flex;align-items: center;gap: var(--s-4);flex-wrap: wrap;font-size: 14px;color: var(--c-ink-muted);}.meta-inline li{position: relative;padding-right: var(--s-4);}.meta-inline li:not(:last-child)::after{content: '';position: absolute;right: 0;top: 50%;width: 3px;height: 3px;background: var(--c-line-strong);border-radius: 50%;transform: translateY(-50%);} .article-cover{margin: var(--s-5) auto var(--s-8);}.article-cover .cover{box-shadow: var(--sh-lg);}.article-cover figcaption{margin-top: var(--s-3);font-size: 13.5px;color: var(--c-ink-muted);text-align: center;font-style: italic;} .article{padding: 0 0 var(--s-9);}.article__layout{display: grid;grid-template-columns: 220px minmax(0,720px);gap: var(--s-8);justify-content: center;} .toc{font-size: 14px;}.toc__sticky{position: sticky;top: calc(var(--header-h) + var(--s-5));display: grid;gap: var(--s-5);}.toc__label{display: block;font-size: 11.5px;font-weight: 700;letter-spacing: .14em;text-transform: uppercase;color: var(--c-ink-muted);margin-bottom: var(--s-3);}.toc__list{display: grid;gap: 2px;}.toc__list a{display: block;padding: 10px 14px;border-radius: 10px;color: var(--c-ink-soft);font-size: 14px;line-height: 1.4;border-left: 2px solid transparent;transition: all var(--t-fast) var(--ease);}.toc__list a:hover{color: var(--c-primary);background: var(--c-primary-light);}.toc__list a.is-active{color: var(--c-primary);background: var(--c-primary-light);border-left-color: var(--c-primary);font-weight: 600;} .share--vert{display: flex;flex-direction: column;align-items: flex-start;gap: 8px;padding-top: var(--s-5);border-top: 1px solid var(--c-line);}.share__label{font-size: 11.5px;font-weight: 700;letter-spacing: .14em;text-transform: uppercase;color: var(--c-ink-muted);margin-bottom: 4px;}.share--vert a,.share--vert button{width: 38px;height: 38px;display: grid;place-items: center;border-radius: 10px;background: var(--c-surface);border: 1px solid var(--c-line);color: var(--c-ink-soft);cursor: pointer;transition: all var(--t-fast) var(--ease);}.share--vert a:hover,.share--vert button:hover{background: var(--c-primary);color: #fff;border-color: var(--c-primary);transform: translateY(-2px);} .article__content{font-size: 18px;line-height: 1.75;color: var(--c-ink);}.article__content p{margin: 0 0 var(--s-5);color: #2b2245;}.article__content > p:last-of-type{margin-bottom: var(--s-6);}.article__content h2{font-family: var(--font-display);font-size: clamp(26px,2.6vw,34px);font-weight: 500;line-height: 1.2;letter-spacing: -.01em;margin: var(--s-7) 0 var(--s-4);scroll-margin-top: calc(var(--header-h) + 16px);}.article__content h3{font-family: var(--font-display);font-size: 22px;font-weight: 500;line-height: 1.3;margin: var(--s-6) 0 var(--s-3);}.lede{font-size: 21px !important;line-height: 1.6 !important;color: var(--c-ink) !important;font-weight: 400;}.dropcap{float: left;font-family: var(--font-display);font-size: 70px;line-height: .85;font-weight: 500;color: var(--c-primary);margin: 6px 14px 0 0;letter-spacing: -.03em;}.article__content a:not(.btn){color: var(--c-primary);font-weight: 500;text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 3px;}.article__content strong{color: var(--c-ink);font-weight: 700;} .article-list{display: grid;gap: 14px;margin: 0 0 var(--s-6);padding-left: var(--s-5);counter-reset: alist;}.article-list li{position: relative;line-height: 1.65;}ol.article-list li{list-style: decimal;padding-left: 6px;}ol.article-list li::marker{font-family: var(--font-display);color: var(--c-primary);font-weight: 600;}ul.article-list li::before{content: '';position: absolute;left: -22px;top: 12px;width: 8px;height: 8px;border-radius: 50%;background: var(--c-primary);}ul.article-list--check{padding-left: var(--s-6);}ul.article-list--check li::before{content: '✓';width: 22px;height: 22px;display: grid;place-items: center;border-radius: 50%;background: var(--c-primary-light);color: var(--c-primary);font-size: 12px;font-weight: 700;left: -30px;top: 6px;} .pullquote{margin: var(--s-7) 0;padding: var(--s-6) var(--s-7);border-left: 4px solid var(--c-primary);background: linear-gradient(135deg,var(--c-primary-light),transparent);border-radius: var(--r-md);}.pullquote p{font-family: var(--font-display);font-size: clamp(22px,2.4vw,28px) !important;font-weight: 500;line-height: 1.35 !important;letter-spacing: -.01em;color: var(--c-ink) !important;margin-bottom: var(--s-3) !important;}.pullquote cite{font-size: 14px;color: var(--c-ink-muted);font-style: normal;display: block;}.pullquote cite i{font-family: var(--font-display);font-weight: 400;} .callout{display: flex;gap: var(--s-4);align-items: flex-start;padding: var(--s-5);border-radius: var(--r-md);background: var(--c-bg-alt);border: 1px solid var(--c-line);margin: var(--s-6) 0;}.callout--info{background: var(--c-primary-light);border-color: transparent;}.callout__icon{width: 40px;height: 40px;display: grid;place-items: center;border-radius: 50%;background: #fff;font-size: 18px;box-shadow: var(--sh-sm);flex-shrink: 0;}.callout > div p{margin-bottom: 0;}.callout strong{color: var(--c-primary);} .article-figure{margin: var(--s-7) 0;}.article-figure .cover{aspect-ratio: 16/9;border-radius: var(--r-md);}.article-figure figcaption{margin-top: var(--s-3);font-size: 13.5px;color: var(--c-ink-muted);text-align: center;font-style: italic;} .article-tags{display: flex;flex-wrap: wrap;gap: 8px;margin: var(--s-7) 0 0;padding-top: var(--s-5);border-top: 1px solid var(--c-line);}.article-tags span{font-size: 13px;font-weight: 500;padding: 6px 12px;border-radius: var(--r-pill);background: var(--c-surface);border: 1px solid var(--c-line);color: var(--c-ink-soft);cursor: default;transition: all var(--t-fast) var(--ease);}.article-tags span:hover{background: var(--c-primary-light);color: var(--c-primary);border-color: transparent;} .author-bio{display: grid;grid-template-columns: auto 1fr;gap: var(--s-5);align-items: start;margin: var(--s-8) 0 var(--s-7);padding: var(--s-6);background: var(--c-surface);border: 1px solid var(--c-line);border-radius: var(--r-lg);}.author-bio small{font-size: 12px;font-weight: 600;letter-spacing: .12em;text-transform: uppercase;color: var(--c-ink-muted);display: block;}.author-bio strong{display: block;font-family: var(--font-display);font-size: 22px;font-weight: 500;margin: 4px 0 8px;}.author-bio p{font-size: 15px !important;color: var(--c-ink-soft) !important;line-height: 1.6 !important;margin-bottom: var(--s-3) !important;}.author-bio__socials{display: flex;gap: var(--s-3);}.author-bio__socials a{font-size: 13px;font-weight: 600;color: var(--c-primary);}.author-bio__socials a:hover{text-decoration: underline;} .inline-cta{display: flex;align-items: center;justify-content: space-between;gap: var(--s-5);padding: var(--s-6);border-radius: var(--r-lg);background: var(--grad-soft);border: 1px solid var(--c-primary-light);flex-wrap: wrap;margin-top: var(--s-6);}.inline-cta h3{font-family: var(--font-display);font-size: clamp(20px,2vw,26px);font-weight: 500;margin-bottom: 6px;letter-spacing: -.01em;}.inline-cta p{font-size: 15.5px !important;color: var(--c-ink-soft) !important;margin: 0 !important;} .related{padding-top: var(--s-7);}.related .posts-grid{grid-template-columns: repeat(3,1fr);} @media (max-width: 1100px){.blog-grid__layout{grid-template-columns: 1fr;gap: var(--s-7);}.sidebar{position: static;}.sidebar__sticky{grid-template-columns: repeat(2,1fr);display: grid;}.side-card--gradient{grid-column: 1 / -1;}.article__layout{grid-template-columns: minmax(0,720px);}.toc{display: none;}.related .posts-grid{grid-template-columns: repeat(2,1fr);}}@media (max-width: 900px){.featured-card{grid-template-columns: 1fr;padding: var(--s-3);}.featured-card__media .cover{aspect-ratio: 16/9;}.newsletter__inner{grid-template-columns: 1fr;}}@media (max-width: 768px){.blog-hero{padding-top: calc(var(--header-h) + var(--s-7));padding-bottom: var(--s-6);}.search-bar{flex-wrap: wrap;padding: 8px;}.search-bar input{width: 100%;padding-left: 14px;}.search-bar button{width: 100%;}.filter-bar{justify-content: flex-start;overflow-x: auto;flex-wrap: nowrap;padding-bottom: 8px;-webkit-overflow-scrolling: touch;}.filter-bar .chip{flex-shrink: 0;}.posts-grid{grid-template-columns: 1fr;}.sidebar__sticky{grid-template-columns: 1fr;}.related .posts-grid{grid-template-columns: 1fr;}.author-bio{grid-template-columns: 1fr;text-align: center;}.author-bio .avatar--xl{margin: 0 auto;}.author-bio__socials{justify-content: center;}.inline-cta{flex-direction: column;align-items: flex-start;}.inline-cta .btn{width: 100%;}.article__content{font-size: 17px;}.lede{font-size: 19px !important;}.dropcap{font-size: 56px;margin: 4px 10px 0 0;}.article-hero__meta{flex-direction: column;align-items: flex-start;}}@media (max-width: 480px){.pullquote{padding: var(--s-5);}.article-hero__title{font-size: clamp(28px,8vw,38px);}} .article-answer{margin-top: 0;margin-bottom: var(--sp-5);}.pullquote--editorial{border-left-color: var(--c-primary);}.pullquote--editorial::before{content: "Síntese";display: block;margin-bottom: 10px;color: var(--c-primary-600);font-family: var(--font-sans);font-size: var(--fs-12);font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase;}.article-next-step,.article-sources{margin-top: var(--sp-6);padding: clamp(1.2rem,3vw,1.8rem);border: 1px solid var(--c-line);border-radius: var(--r-lg);background: #fff;}.article-next-step{background: linear-gradient(135deg,#fff 0%,var(--c-primary-50) 100%);border-color: var(--c-primary-200);}.article-next-step h2,.article-sources h2{margin-top: 0;font-size: var(--fs-24);}.article-next-step a,.article-sources a{color: var(--c-primary-600);font-weight: 700;text-decoration: underline;text-underline-offset: 3px;}.article-sources > p{color: var(--c-ink-muted);font-size: var(--fs-14);}