.greet-article-reading{--greet-article-green: #2f3e2e;--greet-article-orange: #bd744f;--greet-article-cream: #f4efe3;--greet-article-paper: #fffaf0;--greet-article-line: rgba(47, 62, 46, .14);--greet-article-muted: rgba(47, 62, 46, .68);--greet-article-shadow: 0 18px 42px rgba(26, 38, 27, .12);--greet-article-header-offset: 0px;--greet-article-progress: 0%;position:relative}.greet-article-progress{position:sticky;top:var(--greet-article-header-offset);z-index:45;height:3px;background:#2f3e2e14}.greet-article-progress span{display:block;width:var(--greet-article-progress);height:100%;border-radius:0 999px 999px 0;background:linear-gradient(90deg,var(--greet-article-green),var(--greet-article-orange));transition:width 90ms linear}.greet-article-reading .greet-article-shell{display:grid;grid-template-columns:minmax(0,230px) minmax(0,760px);gap:clamp(22px,3vw,42px);align-items:start;width:min(100% - 32px,1180px);max-width:1180px;padding-left:0;padding-right:0}.greet-article-main{min-width:0}.greet-article-reading .card__surface{border-color:#2f3e2e1f;background:#fffaf0d6}.greet-article-toc{position:sticky;top:calc(var(--greet-article-header-offset) + 18px);max-height:calc(100vh - var(--greet-article-header-offset) - 32px);overflow:auto}.greet-article-toc__card{padding:16px;border:1px solid var(--greet-article-line);border-radius:8px;background:#fffaf0e0;box-shadow:0 10px 26px #2f3e2e14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.greet-article-toc__eyebrow,.greet-article-mobile-toc__label{margin:0 0 10px;color:var(--greet-article-orange);font-size:.72rem;font-weight:850;letter-spacing:.08em;line-height:1;text-transform:uppercase}.greet-article-toc__list{display:grid;gap:4px;margin:0;padding:0;list-style:none}.greet-article-toc__link{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:start;padding:8px;border:1px solid transparent;border-radius:8px;color:var(--greet-article-green);font-size:.86rem;font-weight:750;line-height:1.25;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.greet-article-toc__number{color:#bd744fc7;font-size:.72rem;font-weight:900;line-height:1.35}.greet-article-toc__link.is-active{border-color:#bd744f52;background:#bd744f17}.greet-article-mobile-toc{position:sticky;top:calc(var(--greet-article-header-offset) + 3px);z-index:35;margin:18px -2px 20px;padding:10px 0;background:linear-gradient(180deg,var(--greet-article-paper) 72%,rgba(255,250,240,0))}.greet-article-mobile-toc__label{padding:0 2px}.greet-article-mobile-toc__rail{display:flex;gap:8px;overflow-x:auto;padding:0 2px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.greet-article-mobile-toc__rail::-webkit-scrollbar{display:none}.greet-article-mobile-toc__chip{flex:0 0 auto;max-width:min(76vw,320px);overflow:hidden;padding:9px 12px;border:1px solid rgba(47,62,46,.14);border-radius:999px;background:#fff;color:var(--greet-article-green);font-size:.86rem;font-weight:800;line-height:1;text-overflow:ellipsis;text-decoration:none;white-space:nowrap;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.greet-article-mobile-toc__chip.is-active{border-color:var(--greet-article-green);background:var(--greet-article-green);color:#fff}.greet-article-content{color:var(--greet-article-green);font-size:clamp(1rem,.96rem + .18vw,1.08rem);line-height:1.78;margin-top:36px!important;counter-reset:greet-article-chapter}.greet-article-content>*{max-width:100%}.greet-article-content .greet-article-leading-empty{display:none!important}.greet-article-content>.greet-blog:first-of-type{margin-top:0!important}.greet-article-content>.greet-blog:first-of-type>.blog-header:first-child{padding-top:12px!important;padding-bottom:24px!important;margin-bottom:28px!important}.greet-article-content h2{counter-increment:greet-article-chapter;position:relative;margin-top:clamp(38px,6vw,62px);padding-top:24px;border-top:1px solid rgba(47,62,46,.12);color:var(--greet-article-green);line-height:1.13;scroll-margin-top:calc(var(--greet-article-header-offset) + 28px)}.greet-article-content h2:before{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:26px;margin:0 10px 8px 0;padding:0 9px;border:1px solid rgba(189,116,79,.24);border-radius:999px;background:#bd744f1a;color:var(--greet-article-orange);content:counter(greet-article-chapter,decimal-leading-zero);font-family:inherit;font-size:.72rem;font-weight:900;line-height:1;vertical-align:middle}.greet-article-content h3{color:var(--greet-article-green);line-height:1.2}.greet-article-content a{color:var(--greet-article-green);text-decoration-color:#bd744f8a;text-decoration-thickness:.09em;text-underline-offset:.18em;transition:color .16s ease,text-decoration-color .16s ease,transform .16s ease}.greet-article-content img{display:block;width:auto;max-width:100%;height:auto!important;margin:26px auto;border-radius:14px;object-fit:contain;object-position:center center;box-shadow:0 14px 34px #2f3e2e1a;transition:transform .36s ease,box-shadow .36s ease}.greet-article-content figure{margin:30px 0}.greet-article-content figure img{margin-bottom:10px}.greet-article-content figcaption,.greet-article-content .caption{max-width:92%;margin:8px auto 0;color:var(--greet-article-muted);font-size:.86rem;line-height:1.45;text-align:center}.greet-article-content blockquote{margin:34px 0;padding:22px 24px;border:1px solid rgba(189,116,79,.22);border-left:4px solid var(--greet-article-orange);border-radius:8px;background:#bd744f14;color:var(--greet-article-green);font-size:1.08em;line-height:1.58;box-shadow:0 12px 26px #2f3e2e0f}.greet-article-takeaways,.greet-article-recommendation{margin:32px 0;padding:clamp(18px,3vw,26px);border:1px solid rgba(47,62,46,.12);border-radius:8px;background:#f4efe3d1;box-shadow:0 14px 34px #2f3e2e14}.greet-article-takeaways h2,.greet-article-recommendation h2,.greet-article-recommendation h3,.greet-article-recommendation h4{margin-top:0;padding-top:0;border-top:0}.greet-article-takeaways h2:before{background:var(--greet-article-green);color:#fff}.greet-article-takeaways ul,.greet-article-takeaways ol{display:grid;gap:8px;margin-bottom:0;padding-left:1.25rem}.greet-article-recommendation{background:linear-gradient(135deg,#fffaf0fa,#f4efe3db)}.greet-article-recommendation:before{display:inline-flex;margin-bottom:10px;padding:6px 9px;border-radius:999px;background:#bd744f1f;color:var(--greet-article-orange);content:"GREET Recommends";font-size:.72rem;font-weight:900;letter-spacing:.08em;line-height:1;text-transform:uppercase}.greet-article-recommendation .greet-article-button-link,.greet-article-content a.greet-article-button-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-top:10px;padding:11px 16px;border:1px solid var(--greet-article-green);border-radius:999px;background:var(--greet-article-green);color:#fff;font-weight:900;line-height:1.1;text-decoration:none;box-shadow:0 10px 20px #2f3e2e2e}.greet-article-reading-controls{position:fixed;right:18px;bottom:150px;z-index:44;display:grid;gap:8px}.greet-article-control{padding:10px 12px;border:1px solid rgba(47,62,46,.16);border-radius:999px;background:#fffaf0eb;color:var(--greet-article-green);cursor:pointer;font-size:.82rem;font-weight:850;line-height:1;box-shadow:0 10px 24px #2f3e2e1a;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease}.greet-article-reading.is-enhanced .greet-article-reveal{opacity:.98;transform:translate3d(0,4px,0);transition:opacity .42s ease,transform .42s ease}.greet-article-reading.is-enhanced .greet-article-reveal.is-visible{opacity:1;transform:translateZ(0)}@media(hover:hover)and (pointer:fine){.greet-article-toc__link:hover,.greet-article-mobile-toc__chip:hover{border-color:#bd744f57;background:#bd744f14;transform:translateY(-1px)}.greet-article-content a:hover{color:var(--greet-article-orange);text-decoration-color:currentColor}.greet-article-content img:hover{box-shadow:0 18px 42px #2f3e2e24;transform:translateY(-2px) scale(1.012)}.greet-article-recommendation:hover,.greet-article-takeaways:hover{box-shadow:var(--greet-article-shadow);transform:translateY(-2px)}.greet-article-control:hover,.greet-article-content a.greet-article-button-link:hover{box-shadow:0 14px 28px #2f3e2e29;transform:translateY(-2px)}}.greet-article-recommendation,.greet-article-takeaways{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}@media screen and (max-width:1099px){.greet-article-reading .greet-article-shell{display:block;width:min(100% - 24px,780px);max-width:780px}.greet-article-toc{display:none}}@media screen and (min-width:1100px){.greet-article-mobile-toc{display:none}}@media screen and (max-width:749px){.greet-article-progress{height:2px}.greet-article-content{font-size:1rem;line-height:1.72;margin-top:0!important}.greet-article-mobile-toc{margin:4px -2px 0;padding:0}.greet-article-mobile-toc__rail{padding:0 2px 2px}.greet-article-mobile-toc__label{display:none}.greet-article-mobile-toc__chip{padding:5px 9px;font-size:.78rem;line-height:1}.greet-article-content>.greet-blog:first-of-type>.blog-header:first-child{padding-top:10px!important;padding-bottom:18px!important;margin-bottom:22px!important}.greet-article-content h2{margin-top:36px;padding-top:20px}.greet-article-content h2:before{display:flex;width:fit-content;margin:0 0 9px}.greet-article-content blockquote{padding:18px}.greet-article-reading-controls{right:12px;bottom:74px;grid-template-columns:1fr 1fr;width:calc(100vw - 24px)}.greet-article-control{min-height:40px;padding:10px;background:#fffaf0f5}}@media(prefers-reduced-motion:reduce){.greet-article-progress span,.greet-article-toc__link,.greet-article-mobile-toc__chip,.greet-article-content a,.greet-article-content img,.greet-article-recommendation,.greet-article-takeaways,.greet-article-control,.greet-article-reading.is-enhanced .greet-article-reveal{transition:none}.greet-article-reading.is-enhanced .greet-article-reveal{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/greet-article-reading.css.map */