:root{--brand-900: #2C1810;--brand-800: #3D261A;--brand-700: #5C3D2E;--brand-600: #7A5B4A;--brand-400: #B89B8A;--brand-200: #EFDFCE;--brand-100: #F5EDE4;--brand-50: #FAF8F5;--cta: #059669;--cta-hover: #047857;--cta-light: #ECFDF5;--secondary: #0369A1;--secondary-hover: #075985;--surface-warm: #FAF8F5;--surface-latte: #F5EDE4;--surface-elevated: #EFDFCE;--font-heading: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}:root{--success: #15803D;--success-bg: #F0FDF4;--warning: #D97706;--warning-bg: #FFFBEB;--error: #DC2626;--error-bg: #FEF2F2;--info: #0369A1;--info-bg: #EFF6FF;--surface-white: #FFFFFF;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--max-content: 720px;--max-page: 960px;--radius: var(--site-radius, 12px);--radius-sm: var(--site-radius-sm, 8px);--radius-pill: var(--site-radius-pill, 999px)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body, Inter),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:1rem;line-height:1.65;color:var(--brand-900);background:var(--surface-warm)}.skip-link{position:absolute;left:-9999px;top:var(--sp-2);z-index:1000;background:var(--brand-900);color:#fff;padding:.55rem .8rem;border-radius:var(--radius-sm);text-decoration:none;font-size:.875rem}.skip-link:focus{left:var(--sp-3)}.container{width:min(var(--max-content),calc(100% - 2rem));margin:0 auto}header{border-bottom:1px solid var(--brand-200);background:var(--surface-white);position:sticky;top:0;z-index:100}.topbar{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);padding:.9rem 0}.brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;text-decoration:none;color:var(--brand-900)}.brand__icon{width:32px;height:32px;border-radius:6px;flex-shrink:0}nav a{color:var(--brand-600);margin-left:var(--sp-4);text-decoration:none;font-weight:600}nav a:hover{color:var(--brand-900)}main{padding:var(--sp-8) 0 var(--sp-12)}h1,h2,h3,h4{line-height:1.25;margin-top:var(--sp-8);font-family:var(--font-heading);text-transform:var(--heading-transform, none);color:var(--brand-900)}h1{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;margin-top:0}h2{font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:700}h3{font-size:1.25rem;font-weight:700}h4{font-size:1.1rem;font-weight:600}p,li{color:var(--brand-700)}a{color:var(--secondary)}a:hover{text-decoration-thickness:2px}.lead{font-size:1.1rem;color:var(--brand-600)}.breadcrumbs{font-size:.875rem;color:var(--brand-600);margin-bottom:var(--sp-4)}.breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:0}.breadcrumbs li{display:inline}.breadcrumbs li+li:before{content:" / ";color:var(--brand-400);margin:0 var(--sp-2)}.breadcrumbs a{color:var(--secondary);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs [aria-current=page]{color:var(--brand-600)}.affiliate-disclosure{background:var(--warning-bg);border-left:4px solid var(--warning);border-radius:var(--radius-sm);padding:var(--sp-4);margin:var(--sp-4) 0;font-size:.9rem}.affiliate-disclosure p{margin:0;color:var(--brand-700)}.cta-button{display:inline-flex;align-items:center;gap:var(--sp-2);padding:.7rem 1.4rem;border-radius:var(--radius-sm);font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;border:2px solid transparent;transition:background .2s ease,border-color .2s ease;line-height:1.3}.cta-button.--primary{background:var(--cta);color:#fff;border-color:var(--cta)}.cta-button.--primary:hover{background:var(--cta-hover);border-color:var(--cta-hover)}.cta-button.--secondary{background:transparent;color:var(--secondary);border-color:var(--secondary)}.cta-button.--secondary:hover{background:var(--info-bg);border-color:var(--secondary-hover);color:var(--secondary-hover)}.cta-button.--sm{padding:.4rem .9rem;font-size:.875rem}.cta-button__arrow{display:inline-block;transition:transform .2s ease}.cta-button:hover .cta-button__arrow{transform:translate(4px)}.product-card{background:var(--surface-latte);border:1px solid var(--brand-200);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.product-card__main-img{width:100%;height:220px;object-fit:contain;padding:var(--sp-3);background:#fff}.product-card__gallery{border-bottom:1px solid var(--brand-200);background:#fff}.product-card__thumbs{display:flex;gap:6px;padding:6px var(--sp-3) 8px;overflow-x:auto}.product-card__thumb{flex:0 0 auto;width:52px;height:52px;padding:2px;border:2px solid transparent;border-radius:4px;background:#fff;cursor:pointer}.product-card__thumb.--active{border-color:var(--cta)}.product-card__thumb img{width:100%;height:100%;object-fit:contain}.product-card__body{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);flex:1}.product-card__body .cta-button{margin-top:auto}.product-card__price+.cta-button{margin-top:0}.product-card__title{font-size:1.15rem;font-weight:700;margin:0;color:var(--brand-900);flex:1}.product-card__price{font-size:1.1rem;font-weight:600;color:var(--brand-800);margin:auto 0 0}.product-card.--featured{border:2px solid var(--cta);box-shadow:0 4px 16px #2c18101a}.product-card.--featured .product-card__main-img{height:280px}.best-for-badge{display:inline-block;border-radius:var(--radius-pill);padding:.15rem .6rem;font-size:.8rem;font-weight:600;line-height:1.4}.best-for-badge.--overall{color:#065f46;background:#ecfdf5}.best-for-badge.--budget{color:#166534;background:#f0fdf4}.best-for-badge.--espresso{color:#7c2d12;background:#fff7ed}.best-for-badge.--pourover{color:#1e40af;background:#eff6ff}.best-for-badge.--beginners{color:#6b21a8;background:#faf5ff}.best-for-badge.--upgrade{color:#9d174d;background:#fdf2f8}.star-rating{display:inline-flex;align-items:center;gap:var(--sp-1)}.star-rating__stars{color:var(--cta);font-size:1.1rem;letter-spacing:1px}.star-rating__score{color:var(--brand-700);font-weight:600;font-size:.95rem}.quick-picks{background:var(--surface-latte);border-radius:var(--radius);padding:var(--sp-8);margin:var(--sp-8) 0}.quick-picks h2{margin-top:0}.quick-picks__grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}@media(min-width:640px){.quick-picks__grid{grid-template-columns:repeat(3,1fr)}.quick-picks__grid .product-card.--featured{grid-column:1 / -1}}.comparison-table{margin:var(--sp-8) 0}@media(min-width:960px){.comparison-table{width:min(var(--max-page),calc(100vw - 2rem));margin-left:50%;transform:translate(-50%)}}.comparison-table__timestamp{font-size:.8rem;color:var(--brand-400);margin-bottom:var(--sp-2)}.table-wrap{position:relative;border:1px solid var(--brand-200);border-radius:var(--radius);overflow-x:auto;overscroll-behavior-x:none}.scroll-hint{position:sticky;top:0;width:0;height:100%;pointer-events:none;z-index:2;opacity:0;transition:opacity .2s ease;float:right}.scroll-hint.visible{opacity:1}.scroll-hint--right{right:0;box-shadow:inset -24px 0 16px -16px #00000014}.scroll-hint--left{left:0;box-shadow:inset 24px 0 16px -16px #00000014;float:left}table{width:100%;border-collapse:separate;border-spacing:0}th,td{text-align:left;padding:.8rem;border-bottom:1px solid var(--brand-200)}th{background:var(--surface-latte);font-weight:600;color:var(--brand-800);white-space:nowrap}tbody tr:nth-child(2n) td{background:var(--brand-50)}tbody tr:hover td{background:var(--surface-elevated)}th:last-child,td:last-child{position:sticky;right:0;z-index:1;background:var(--surface-white);border-left:1px solid var(--brand-200)}th:last-child{background:var(--surface-latte)}tbody tr:nth-child(2n) td:last-child{background:var(--brand-50)}tbody tr:hover td:last-child{background:var(--surface-elevated)}@media(max-width:959px){.comparison-table .table-wrap{border:none;border-radius:0;overflow-x:visible}.comparison-table .scroll-hint{display:none}.comparison-table table,.comparison-table thead,.comparison-table tbody,.comparison-table tr,.comparison-table th,.comparison-table td{display:block}.comparison-table thead{display:none}.comparison-table tbody tr{background:var(--surface-white);border:1px solid var(--brand-200);border-radius:var(--radius);padding:var(--sp-4);margin-bottom:var(--sp-3)}.comparison-table tbody tr:hover{background:var(--surface-white)}.comparison-table td{padding:var(--sp-1) 0;border-bottom:none;display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-3)}.comparison-table td:before{content:attr(data-label);font-weight:600;color:var(--brand-800);font-size:.85rem;flex-shrink:0;min-width:40%}.comparison-table td:first-child{font-weight:700;font-size:1.05rem;color:var(--brand-900);padding-bottom:var(--sp-2);border-bottom:1px solid var(--brand-200);margin-bottom:var(--sp-2);display:block}.comparison-table td:first-child:before{display:none}.comparison-table th:last-child,.comparison-table td:last-child{position:static;border-left:none;padding-top:var(--sp-3);display:block}.comparison-table td:last-child:before{display:none}}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin:var(--sp-6) 0}@media(max-width:639px){.pros-cons{grid-template-columns:1fr}}.pros-cons__col{padding:var(--sp-4);border-radius:var(--radius-sm)}.pros-cons__col.--pros{background:var(--success-bg);border-left:4px solid var(--success)}.pros-cons__col.--cons{background:var(--error-bg);border-left:4px solid var(--error)}.pros-cons__col h4{margin:0 0 var(--sp-2) 0;font-size:1rem}.pros-cons__col.--pros h4{color:var(--success)}.pros-cons__col.--cons h4{color:var(--error)}.pros-cons__col ul{list-style:none;padding:0;margin:0}.pros-cons__col li{padding:var(--sp-1) 0;font-size:.95rem}.buying-guide-section{background:var(--surface-latte);border-left:4px solid var(--brand-800);border-radius:var(--radius);padding:var(--sp-6);margin:var(--sp-8) 0}.buying-guide-section h2{margin-top:0}.faq-accordion{margin:var(--sp-8) 0}.faq-accordion details{border-bottom:1px solid var(--brand-200)}.faq-accordion details:first-child{border-top:1px solid var(--brand-200)}.faq-accordion summary{cursor:pointer;font-weight:600;font-size:1.05rem;padding:var(--sp-3) 0;color:var(--brand-800);list-style:none}.faq-accordion summary::-webkit-details-marker{display:none}.faq-accordion summary:before{content:"+ ";color:var(--brand-400);font-weight:400}.faq-accordion details[open] summary:before{content:"- "}.faq-accordion details[open] summary{color:var(--brand-900)}.faq-accordion .faq-accordion__answer{padding:0 0 var(--sp-4) var(--sp-4)}.toc{background:var(--surface-latte);border-radius:var(--radius);padding:var(--sp-4);margin-bottom:var(--sp-6)}.toc h4{margin:0 0 var(--sp-2) 0;color:var(--brand-800)}.toc ol{padding-left:var(--sp-5);margin:0}.toc li{padding:var(--sp-1) 0;font-size:.9rem}.toc a{color:var(--secondary);text-decoration:none}.toc a:hover{text-decoration:underline}@media(min-width:960px){.toc{max-height:calc(100vh - 8rem);overflow-y:auto}}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-4);margin-top:var(--sp-4)}.card{background:var(--surface-latte);border:1px solid var(--brand-200);border-radius:var(--radius);padding:var(--sp-4);height:100%;display:flex;flex-direction:column}.card h3{margin-top:0}.card p{margin-bottom:0;flex:1}.card .listing-category{margin-top:var(--sp-3)}.note{background:var(--warning-bg);border-left:4px solid var(--warning);padding:.8rem var(--sp-4);border-radius:var(--radius-sm)}.pill{display:inline-block;border:1px solid var(--brand-200);border-radius:var(--radius-pill);padding:.2rem .7rem;color:var(--brand-700);background:var(--surface-latte);font-size:.88rem;text-decoration:none}.category-row{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:var(--sp-3) 0 var(--sp-5)}.kicker{margin-top:0;color:var(--brand-600);font-size:.95rem}.hero-media{margin:var(--sp-5) 0 var(--sp-6)}.hero-media img{width:100%;height:auto;border:1px solid var(--brand-200);border-radius:var(--radius);background:var(--surface-latte)}.hero-media figcaption{color:var(--brand-600);font-size:.92rem;margin-top:var(--sp-2)}.product-card--no-image .product-card__gallery{display:none}.product-card--no-image .product-card__body{padding-top:var(--sp-6)}footer{border-top:1px solid var(--brand-200);color:var(--brand-600);padding:var(--sp-6) 0 var(--sp-8);font-size:.95rem}.show-more-btn{display:block;margin:var(--sp-6) auto 0;padding:var(--sp-3) var(--sp-6);background:var(--surface-warm);border:1px solid var(--brand-200);border-radius:var(--radius, 12px);cursor:pointer;font-family:inherit;font-size:.95rem;color:var(--brand-700);transition:background .15s,border-color .15s}.show-more-btn:hover{background:var(--surface-latte);border-color:var(--brand-400)}.listing-category{display:inline-block;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--brand-600);margin-bottom:var(--sp-1)}.category-nav{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-6)}.category-nav a{padding:var(--sp-2) var(--sp-4);background:var(--surface-warm);border:1px solid var(--brand-200);border-radius:var(--radius, 12px);font-size:.9rem;color:var(--brand-700);text-decoration:none;transition:background .15s,border-color .15s}.category-nav a:hover{background:var(--surface-latte);border-color:var(--brand-400)}.homepage{max-width:var(--max-page);width:min(var(--max-page),calc(100vw - 2rem));margin:0 auto 0 50%;transform:translate(-50%)}.home-section{margin-bottom:var(--sp-12)}.listing-body{width:min(var(--max-page),calc(100vw - 2rem));margin-left:50%;transform:translate(-50%)}.listing-body .card-grid{grid-template-columns:1fr}@media(min-width:640px){.listing-body .card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.listing-body .card-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:640px){.listing-body .card-grid{row-gap:0}.listing-body .card{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:0;margin-bottom:var(--sp-4)}.listing-body .card h3{margin-bottom:var(--sp-1)}.listing-body .card p{margin-top:0}}.listing-hero{position:relative;width:min(var(--max-page),calc(100vw - 2rem));margin-left:50%;transform:translate(-50%);margin-bottom:var(--sp-10);border-radius:var(--radius);overflow:hidden}.listing-hero__img{display:block;width:100%;height:280px;object-fit:cover;object-position:center center}@media(min-width:640px){.listing-hero__img{height:340px}}.listing-hero__overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--sp-8) var(--sp-6);background:linear-gradient(to top,#2c1810e0,#2c18108c,#2c18101a)}.listing-hero__title{font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:800;line-height:1.15;color:#fff;margin:0 0 var(--sp-3);text-shadow:0 1px 4px rgba(0,0,0,.3)}.listing-hero__intro{font-size:clamp(.95rem,1.8vw,1.1rem);color:#ffffffe0;line-height:1.5;margin:0 0 var(--sp-4);max-width:600px}.listing-hero__nav{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.listing-hero__nav a{display:inline-block;padding:var(--sp-1) var(--sp-4);font-size:.85rem;font-weight:600;color:#fff;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-pill);text-decoration:none;transition:background .15s,border-color .15s}.listing-hero__nav a:hover{background:#ffffff40;border-color:#ffffff80}.hero{text-align:center;padding:var(--sp-12) 0 var(--sp-10);border-bottom:1px solid var(--brand-200);margin-bottom:var(--sp-10)}.hero__title{font-size:clamp(1.85rem,4vw,2.75rem);font-weight:800;line-height:1.15;color:var(--brand-900);margin:0 0 var(--sp-4);max-width:700px;margin-left:auto;margin-right:auto}.hero__subtitle{font-size:clamp(1.05rem,2vw,1.2rem);color:var(--brand-600);line-height:1.6;max-width:560px;margin:0 auto var(--sp-8)}.hero--with-image{text-align:left;padding:var(--sp-10) 0 var(--sp-12)}@media(min-width:640px){.hero--with-image{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-10);align-items:center}}.hero--with-image .hero__title,.hero--with-image .hero__subtitle{margin-left:0;margin-right:0}.hero__image-wrap{margin-top:var(--sp-8)}@media(min-width:640px){.hero__image-wrap{margin-top:0}}.hero__image{width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--brand-200);box-shadow:0 4px 24px #2c181014}.section-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-6)}.section-header__title{font-size:clamp(1.3rem,2.5vw,1.6rem);font-weight:700;color:var(--brand-900);margin:0}.section-header__subtitle{color:var(--brand-600);font-size:.95rem;margin:var(--sp-1) 0 0}.section-header__link{font-weight:600;font-size:.95rem;color:var(--secondary);text-decoration:none;white-space:nowrap}.section-header__link:hover{text-decoration:underline}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--sp-4)}.category-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-6) var(--sp-4);background:var(--surface-white);border:1px solid var(--brand-200);border-radius:var(--radius);text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}.category-card:hover{border-color:var(--brand-400);box-shadow:0 4px 12px #2c181014;transform:translateY(-2px)}.category-card__icon{font-size:1.75rem;line-height:1}.category-card__label{font-weight:700;font-size:1rem;color:var(--brand-900)}.category-card__count{font-size:.82rem;color:var(--brand-600)}.guide-card{background:var(--surface-white);border:1px solid var(--brand-200);border-radius:var(--radius);padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-2);transition:border-color .2s,box-shadow .2s}.guide-card:hover{border-color:var(--brand-400);box-shadow:0 4px 12px #2c18100f}.guide-card.--featured{border-left:4px solid var(--cta);background:var(--cta-light)}.guide-card__meta{display:flex;align-items:center;gap:var(--sp-2);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.guide-card__category{color:var(--secondary)}.guide-card__type{color:var(--brand-400)}.guide-card__title{font-size:1.1rem;font-weight:700;line-height:1.3;margin:0;color:var(--brand-900)}.guide-card__title a{color:inherit;text-decoration:none}.guide-card__title a:hover{text-decoration:underline}.guide-card__desc{font-size:.92rem;color:var(--brand-600);line-height:1.55;margin:0;flex:1}.guide-card__link{font-size:.9rem;font-weight:600;color:var(--secondary);text-decoration:none;margin-top:var(--sp-1)}.guide-card__link:hover{text-decoration:underline}.featured-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}@media(min-width:640px){.featured-grid{grid-template-columns:repeat(3,1fr)}}.guides-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}@media(min-width:640px){.guides-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.guides-grid{grid-template-columns:repeat(3,1fr)}}.fun-facts-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}@media(min-width:640px){.fun-facts-grid{grid-template-columns:repeat(2,1fr)}}.fun-fact-card{background:var(--surface-white);border:1px solid var(--brand-200);border-radius:var(--radius);padding:var(--sp-5)}.fun-fact-card__icon{display:inline-block;font-size:1.4rem;margin-bottom:var(--sp-2)}.fun-fact-card__title{margin:0 0 var(--sp-2);font-size:1rem;color:var(--brand-900)}.fun-fact-card__text{margin:0;color:var(--brand-600);font-size:.92rem;line-height:1.55}.trust-strip{background:var(--surface-latte);border-radius:var(--radius);padding:var(--sp-8) var(--sp-6);margin:var(--sp-10) 0 var(--sp-8)}.trust-strip__grid{display:grid;grid-template-columns:1fr;gap:var(--sp-6);text-align:center}@media(min-width:640px){.trust-strip__grid{grid-template-columns:repeat(3,1fr)}}.trust-strip__icon{font-size:1.75rem;display:block;margin-bottom:var(--sp-2)}.trust-strip__title{font-size:1.05rem;font-weight:700;color:var(--brand-900);margin:0 0 var(--sp-2)}.trust-strip__text{font-size:.9rem;color:var(--brand-600);line-height:1.55;margin:0}@media(max-width:640px){nav a{margin-left:.65rem}.topbar{flex-wrap:wrap}.quick-picks{padding:var(--sp-4)}.hero{padding:var(--sp-8) 0 var(--sp-6);margin-bottom:var(--sp-8)}.home-section{margin-bottom:var(--sp-8)}}.article-meta{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;font-size:.875rem;color:var(--brand-600);margin-bottom:var(--sp-6)}.category-badge{display:inline-block;background:var(--cta-light);color:var(--cta);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.15rem .6rem;border-radius:var(--radius-pill);text-decoration:none}.category-badge:hover{background:var(--cta);color:#fff}.reading-time{color:var(--brand-600)}.hero-article{position:relative;width:min(var(--max-page),calc(100vw - 2rem));margin-left:50%;transform:translate(-50%);margin-bottom:var(--sp-8);border-radius:var(--radius);overflow:hidden}.hero-article__img{display:block;width:100%;height:300px;object-fit:cover}@media(min-width:640px){.hero-article__img{height:420px}}.hero-article__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.1) 60%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--sp-6)}.hero-article__category{display:inline-block;background:var(--cta);color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .6rem;border-radius:var(--radius-pill);margin-bottom:var(--sp-2);width:fit-content}.hero-listicle{width:min(var(--max-page),calc(100vw - 2rem));margin-left:50%;transform:translate(-50%);background:var(--surface-latte);border-radius:var(--radius);padding:var(--sp-8);margin-bottom:var(--sp-8);text-align:center}.hero-listicle__count{font-family:var(--font-heading);font-size:clamp(3rem,6vw,5rem);font-weight:800;color:var(--cta);line-height:1;margin-bottom:var(--sp-2)}.hero-listicle__subtitle{font-size:1.1rem;color:var(--brand-600);margin:0 0 var(--sp-4)}.hero-listicle__takeaway{display:inline-block;background:var(--cta-light);border:1px solid var(--cta);border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-4);font-size:.95rem;font-weight:600;color:var(--brand-900)}.key-takeaways{border:2px solid var(--cta);border-radius:var(--radius);padding:var(--sp-4) var(--sp-6);margin-bottom:var(--sp-6);background:var(--cta-light)}.key-takeaways h4{margin:0 0 var(--sp-2);color:var(--cta);font-size:.95rem;text-transform:uppercase;letter-spacing:.04em}.key-takeaways ul{margin:0;padding-left:var(--sp-5)}.key-takeaways li{padding:var(--sp-1) 0;font-size:.95rem;color:var(--brand-900)}.step-list{counter-reset:step-counter;list-style:none;padding:0;margin:var(--sp-6) 0}.step-list__item{counter-increment:step-counter;display:flex;gap:var(--sp-4);padding:var(--sp-4) 0;border-bottom:1px solid var(--brand-200)}.step-list__item:last-child{border-bottom:none}.step-list__number{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--cta);color:#fff;font-weight:700;font-size:.95rem}.step-list__number:before{content:counter(step-counter)}.step-list__content h3{margin-top:0;font-size:1.1rem}.quote-block{border-left:4px solid var(--cta);padding:var(--sp-4) var(--sp-6);margin:var(--sp-6) 0;background:var(--surface-latte);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.quote-block__text{font-size:1.1rem;font-style:italic;line-height:1.6;color:var(--brand-900);margin:0 0 var(--sp-3)}.quote-block__attribution{font-size:.9rem;color:var(--brand-600);margin:0}.quote-block__author{font-weight:600;color:var(--brand-700)}.image-figure{margin:var(--sp-6) 0}.image-figure img{width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--brand-200)}.image-figure figcaption{font-size:.85rem;color:var(--brand-600);margin-top:var(--sp-2);text-align:center}.author-bio{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4);background:var(--surface-latte);border-radius:var(--radius);margin:var(--sp-8) 0}.author-bio__avatar{width:48px;height:48px;border-radius:50%;background:var(--cta);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem;flex-shrink:0}.author-bio__name{font-weight:700;color:var(--brand-900);margin:0;font-size:.95rem}.author-bio__role{font-size:.85rem;color:var(--brand-600);margin:0}.related-posts{margin:var(--sp-8) 0}.related-posts h3{margin-top:0}.related-posts__grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}@media(min-width:640px){.related-posts__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.related-posts__grid{grid-template-columns:repeat(3,1fr)}}.related-posts__card{background:var(--surface-latte);border:1px solid var(--brand-200);border-radius:var(--radius);padding:var(--sp-4);text-decoration:none;transition:border-color .2s,box-shadow .2s}.related-posts__card:hover{border-color:var(--cta);box-shadow:0 4px 12px #0000000f}.related-posts__card-category{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--cta);margin-bottom:var(--sp-1)}.related-posts__card-title{font-weight:700;font-size:1rem;color:var(--brand-900);margin:0 0 var(--sp-2);line-height:1.3}.related-posts__card-excerpt{font-size:.85rem;color:var(--brand-600);margin:0;line-height:1.5}.embed-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius);margin:var(--sp-6) 0}.embed-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.callout{padding:var(--sp-4);border-radius:var(--radius-sm);margin:var(--sp-4) 0;border-left:4px solid}.callout__title{font-weight:700;font-size:.95rem;margin:0 0 var(--sp-2)}.callout p{margin:0}.callout.--tip{background:var(--success-bg);border-color:var(--success)}.callout.--tip .callout__title{color:var(--success)}.callout.--warning{background:var(--warning-bg);border-color:var(--warning)}.callout.--warning .callout__title{color:var(--warning)}.callout.--note{background:var(--info-bg);border-color:var(--info)}.callout.--note .callout__title{color:var(--info)}.callout.--info{background:var(--info-bg);border-color:var(--info)}.callout.--info .callout__title{color:var(--info)}.post-listing{width:min(var(--max-page),calc(100vw - 2rem));margin-left:50%;transform:translate(-50%)}.post-listing__grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}@media(min-width:640px){.post-listing__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.post-listing__grid{grid-template-columns:repeat(3,1fr)}}.timeline{margin:var(--sp-8) 0}.timeline__title{margin-top:0}.timeline__track{position:relative;padding-left:var(--sp-8)}.timeline__track:before{content:"";position:absolute;left:11px;top:0;bottom:0;width:2px;background:var(--brand-200)}.timeline__event{position:relative;padding-bottom:var(--sp-6)}.timeline__event:last-child{padding-bottom:0}.timeline__marker{position:absolute;left:calc(-1 * var(--sp-8) + 4px);top:4px;width:16px;height:16px;border-radius:50%;background:var(--cta);border:3px solid var(--surface-warm);box-shadow:0 0 0 2px var(--cta)}.timeline__date{display:inline-block;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--cta);margin-bottom:var(--sp-1)}.timeline__event-title{margin:0 0 var(--sp-1);font-size:1.05rem;color:var(--brand-900)}.timeline__description{margin:0;font-size:.92rem;color:var(--brand-700);line-height:1.6}.data-card{display:inline-flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-3) var(--sp-5);background:var(--surface-latte);border-radius:var(--radius-sm);border-left:3px solid var(--cta);margin:var(--sp-3) 0}.data-card.--featured{display:flex;text-align:center;padding:var(--sp-6);border-left:none;border-top:3px solid var(--cta);background:var(--cta-light)}.data-card__value{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:var(--cta);line-height:1.1}.data-card.--featured .data-card__value{font-size:clamp(2rem,4vw,3rem)}.data-card__label{font-size:.88rem;font-weight:500;color:var(--brand-700)}.data-card__source{font-size:.75rem;color:var(--brand-600);font-style:normal}.accordion{margin:var(--sp-6) 0}.accordion__title{margin-top:0;margin-bottom:var(--sp-3)}.accordion__item{border:1px solid var(--brand-200);border-radius:var(--radius-sm);margin-bottom:var(--sp-2);overflow:hidden}.accordion__summary{cursor:pointer;font-weight:600;font-size:1rem;padding:var(--sp-3) var(--sp-4);color:var(--brand-900);background:var(--surface-latte);list-style:none;transition:background .15s}.accordion__summary::-webkit-details-marker{display:none}.accordion__summary:before{content:"+ ";color:var(--cta);font-weight:700;margin-right:var(--sp-2)}.accordion__item[open] .accordion__summary:before{content:"– "}.accordion__item[open] .accordion__summary{background:var(--cta-light);color:var(--brand-900)}.accordion__summary:hover{background:var(--brand-100)}.accordion__content{padding:var(--sp-3) var(--sp-4) var(--sp-4);font-size:.92rem;line-height:1.65;color:var(--brand-700)}.accordion__content p{margin:0}.info-grid{display:grid;gap:var(--sp-4);margin:var(--sp-6) 0}.info-grid.--cols-2{grid-template-columns:repeat(2,1fr)}.info-grid.--cols-3{grid-template-columns:repeat(3,1fr)}@media(max-width:639px){.info-grid.--cols-2,.info-grid.--cols-3{grid-template-columns:1fr}}.info-grid__card{padding:var(--sp-5);background:var(--surface-latte);border-radius:var(--radius);border:1px solid var(--brand-200);transition:border-color .2s,box-shadow .2s}.info-grid__card:hover{border-color:var(--cta);box-shadow:0 4px 12px #0000000a}.info-grid__icon{display:block;font-size:1.75rem;margin-bottom:var(--sp-2);line-height:1}.info-grid__title{margin:0 0 var(--sp-2);font-size:1rem;color:var(--brand-900)}.info-grid__description{margin:0;font-size:.88rem;color:var(--brand-700);line-height:1.55}.pull-quote{margin:var(--sp-8) 0;padding:var(--sp-6) 0;border-top:2px solid var(--cta);border-bottom:2px solid var(--cta);font-family:var(--font-heading);font-size:clamp(1.25rem,2.5vw,1.6rem);font-weight:700;line-height:1.4;color:var(--brand-900)}.pull-quote.--center{text-align:center}.pull-quote.--left{text-align:left}.pull-quote p{margin:0}.side-note{margin:var(--sp-4) 0;padding:var(--sp-3) var(--sp-4);background:var(--surface-latte);border-radius:var(--radius-sm);font-size:.88rem;line-height:1.55;position:relative}.side-note__label{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--brand-600);margin-bottom:var(--sp-1)}.side-note__content{color:var(--brand-700)}.side-note__content p{margin:0}.summary-box{margin:var(--sp-8) 0;padding:var(--sp-6);background:var(--surface-latte);border-radius:var(--radius);border:2px solid var(--brand-200);position:relative}.summary-box:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--cta);border-radius:var(--radius) var(--radius) 0 0}.summary-box__title{margin:0 0 var(--sp-3);font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--brand-900);text-transform:var(--heading-transform, none)}.summary-box__content{font-size:.95rem;line-height:1.65;color:var(--brand-700)}.summary-box__content p{margin:0}.summary-box__content p+p{margin-top:var(--sp-2)}.code-block{margin:var(--sp-6) 0;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--brand-200)}.code-block__header{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-2) var(--sp-4);background:var(--brand-900);color:var(--brand-100);font-size:.8rem;font-weight:600}.code-block__lang{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;opacity:.6}.code-block__pre{margin:0;padding:var(--sp-4);background:var(--brand-800);color:var(--brand-100);font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.88rem;line-height:1.6;overflow-x:auto;tab-size:2}.code-block__pre code{font-family:inherit}.definition-list{margin:var(--sp-6) 0}.definition-list__title{margin:0 0 var(--sp-3)}.definition-list dl{margin:0}.definition-list dt{font-weight:700;font-size:1rem;color:var(--brand-900);padding-top:var(--sp-3);border-top:1px solid var(--brand-200);margin-top:var(--sp-3)}.definition-list dt:first-of-type{border-top:none;margin-top:0;padding-top:0}.definition-list dd{margin:var(--sp-1) 0 0;font-size:.92rem;color:var(--brand-700);line-height:1.6}.numbered-insight{margin:var(--sp-6) 0;display:flex;flex-direction:column;gap:var(--sp-4)}.numbered-insight__item{display:flex;gap:var(--sp-4);align-items:flex-start;padding:var(--sp-5);background:var(--surface-latte);border-radius:var(--radius);border:1px solid var(--brand-200)}.numbered-insight__number{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--cta);color:#fff;font-family:var(--font-heading);font-weight:800;font-size:1.35rem;line-height:1}.numbered-insight__body{flex:1;min-width:0}.numbered-insight__title{margin:0 0 var(--sp-1);font-size:1.05rem;color:var(--brand-900)}.numbered-insight__description{margin:0;font-size:.92rem;color:var(--brand-700);line-height:1.6}.cgl-chat-trigger{position:fixed;bottom:24px;right:24px;z-index:9999;width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e8e8f0;box-shadow:0 4px 24px #0000004d,0 0 0 1px #ffffff0f;transition:transform .2s ease,box-shadow .2s ease;animation:cgl-chat-pop .3s ease backwards;animation-delay:1s}.cgl-chat-trigger:hover{transform:scale(1.08);box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a}.cgl-chat-trigger:active{transform:scale(.96)}.cgl-chat-trigger--open{background:#2a2a40}@keyframes cgl-chat-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.cgl-chat-teaser{position:fixed;bottom:36px;right:90px;z-index:9999;display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 8px 32px #00000059,0 0 0 1px #ffffff0f;animation:cgl-chat-teaser-in .4s cubic-bezier(.16,1,.3,1);white-space:nowrap;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.cgl-chat-teaser:after{content:"";position:absolute;right:-6px;bottom:18px;width:12px;height:12px;background:#16213e;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);transform:rotate(-45deg)}.cgl-chat-teaser-text{font-size:13.5px;font-weight:500;color:#eeeef5}.cgl-chat-teaser-close{background:none;border:none;cursor:pointer;color:#8888a8;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s;flex-shrink:0}.cgl-chat-teaser-close:hover{color:#eeeef5;background:#ffffff14}@keyframes cgl-chat-teaser-in{0%{opacity:0;transform:translate(10px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.cgl-chat-panel{--chat-bg: #0f0f1a;--chat-surface: #1a1a2e;--chat-surface-hover: #252545;--chat-text: #eeeef5;--chat-text-muted: #a0a0be;--chat-accent: #10b981;--chat-accent-hover: #059669;--chat-user-bg: #0f3021;--chat-user-border: #15803d;--chat-border: rgba(255, 255, 255, .1);--chat-radius: 16px;position:fixed;bottom:92px;right:24px;z-index:9998;width:400px;height:560px;max-height:calc(100vh - 120px);display:flex;flex-direction:column;background:var(--chat-bg);border:1px solid var(--chat-border);border-radius:var(--chat-radius);box-shadow:0 24px 80px #00000080,0 0 0 1px #ffffff14;overflow:hidden;animation:cgl-chat-slide-up .25s cubic-bezier(.16,1,.3,1);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:var(--chat-text)}.cgl-chat-panel,.cgl-chat-panel *{color:inherit}.cgl-chat-panel{color:var(--chat-text)}@keyframes cgl-chat-slide-up{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cgl-chat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--chat-border);background:var(--chat-surface);flex-shrink:0}.cgl-chat-header-left{display:flex;align-items:center;gap:10px}.cgl-chat-header-dot{width:8px;height:8px;border-radius:50%;background:var(--chat-accent);box-shadow:0 0 8px #05966980}.cgl-chat-header-title{font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--chat-text)}.cgl-chat-close{background:none;border:none;cursor:pointer;color:var(--chat-text-muted);padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.cgl-chat-close:hover{color:var(--chat-text);background:#ffffff0f}.cgl-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.cgl-chat-messages::-webkit-scrollbar{width:4px}.cgl-chat-messages::-webkit-scrollbar-track{background:transparent}.cgl-chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.cgl-chat-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 16px 16px;gap:8px}.cgl-chat-welcome-icon{color:var(--chat-accent);margin-bottom:4px;opacity:.8}.cgl-chat-welcome-text{font-size:16px;font-weight:600;color:var(--chat-text);margin:0}.cgl-chat-welcome-sub{font-size:13px;color:var(--chat-text-muted);margin:0 0 12px;max-width:280px}.cgl-chat-suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.cgl-chat-suggestion{padding:8px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:var(--chat-surface-hover);color:var(--chat-text-muted);font-size:12.5px;cursor:pointer;transition:all .15s ease;font-family:inherit;line-height:1.3}.cgl-chat-suggestion:hover{border-color:var(--chat-accent);color:var(--chat-text);background:var(--chat-surface-hover)}.cgl-chat-msg{display:flex;flex-direction:column;max-width:88%;animation:cgl-chat-msg-in .2s ease}@keyframes cgl-chat-msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cgl-chat-msg--user{align-self:flex-end}.cgl-chat-msg--assistant{align-self:flex-start}.cgl-chat-msg-bubble{padding:10px 14px;border-radius:14px;word-break:break-word}.cgl-chat-msg-bubble p{margin:0}.cgl-chat-msg-bubble p+p{margin-top:8px}.cgl-chat-msg-bubble ul{margin:6px 0;padding-left:18px}.cgl-chat-msg-bubble li{margin-bottom:2px}.cgl-chat-msg-bubble a{color:#60a5fa;text-decoration:underline;text-decoration-color:#60a5fa4d;text-underline-offset:2px}.cgl-chat-msg-bubble a:hover{text-decoration-color:#60a5fab3}.cgl-chat-msg-bubble strong{font-weight:600;color:#f0f0f8}.cgl-chat-msg--user .cgl-chat-msg-bubble{background:var(--chat-user-bg);border:1px solid rgba(16,185,129,.25);color:#d1fae5;border-bottom-right-radius:4px}.cgl-chat-msg--assistant .cgl-chat-msg-bubble{background:var(--chat-surface);border:1px solid var(--chat-border);border-bottom-left-radius:4px;color:var(--chat-text)}.cgl-chat-cursor{display:inline-block;width:2px;height:14px;background:var(--chat-accent);margin-left:2px;vertical-align:text-bottom;animation:cgl-chat-blink .8s step-end infinite}@keyframes cgl-chat-blink{50%{opacity:0}}.cgl-chat-typing{display:flex;gap:5px;padding:14px 18px}.cgl-chat-typing span{width:7px;height:7px;border-radius:50%;background:var(--chat-text-muted);animation:cgl-chat-bounce 1.2s ease-in-out infinite}.cgl-chat-typing span:nth-child(2){animation-delay:.15s}.cgl-chat-typing span:nth-child(3){animation-delay:.3s}@keyframes cgl-chat-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.cgl-chat-sources{display:flex;flex-direction:column;gap:6px;margin-top:8px}.cgl-chat-source-pill{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:10px;background:var(--chat-surface-hover);border:1px solid rgba(255,255,255,.12);color:var(--chat-text-muted);text-decoration:none;font-size:12px;transition:all .15s ease;overflow:hidden}.cgl-chat-source-pill:hover{border-color:#60a5fa4d;color:var(--chat-text);background:var(--chat-surface-hover)}.cgl-chat-source-cat{padding:2px 7px;border-radius:6px;background:#10b9811f;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;color:var(--chat-accent)}.cgl-chat-source-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cgl-chat-source-pill svg{flex-shrink:0;opacity:.5}.cgl-chat-input-wrap{padding:12px 16px;border-top:1px solid var(--chat-border);background:var(--chat-surface);flex-shrink:0}.cgl-chat-input-row{display:flex;align-items:flex-end;gap:8px;background:var(--chat-bg);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:4px 4px 4px 14px;transition:border-color .15s}.cgl-chat-input-row:focus-within{border-color:#05966966}.cgl-chat-textarea{flex:1;background:none;border:none;outline:none;resize:none;color:var(--chat-text);font-family:inherit;font-size:13.5px;line-height:1.5;padding:8px 0;max-height:120px}.cgl-chat-textarea::placeholder{color:#8888a8}.cgl-chat-textarea:disabled{opacity:.5}.cgl-chat-send{width:36px;height:36px;min-width:36px;border-radius:10px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#ffffff0a;color:var(--chat-text-muted);transition:all .15s ease}.cgl-chat-send--active{background:var(--chat-accent);color:#fff}.cgl-chat-send--active:hover{background:var(--chat-accent-hover)}.cgl-chat-send:disabled{cursor:not-allowed;opacity:.3}.cgl-chat-char-count{display:block;text-align:right;font-size:11px;color:var(--chat-text-muted);margin-top:4px;padding-right:4px}@media(max-width:480px){.cgl-chat-panel{bottom:0;right:0;left:0;width:100%;height:85vh;max-height:85vh;border-radius:var(--chat-radius) var(--chat-radius) 0 0;animation-name:cgl-chat-slide-up-mobile}@keyframes cgl-chat-slide-up-mobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cgl-chat-trigger{bottom:16px;right:16px}.cgl-chat-trigger--open{display:none}.cgl-chat-teaser{bottom:28px;right:82px}}