.favorite-button{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border:2px solid #e5e7eb;border-radius:.5rem;background:white;color:#374151;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.favorite-button:hover{border-color:#d1d5db;background:#f9fafb}.favorite-button:disabled{opacity:.5;cursor:not-allowed}.favorite-button.favorited{border-color:#fbbf24;background:#fffbeb;color:#d97706}.favorite-button.favorited:hover{border-color:#f59e0b;background:#fef3c7}.favorite-button__icon{font-size:1rem;color:#fbbf24}.favorite-button.favorited .favorite-button__icon{color:#d97706}.favorite-button__text{font-size:1rem}@media (min-width:768px){.favorite-button{gap:.5rem;padding:.5rem 1rem;font-size:1rem}.favorite-button__icon,.favorite-button__text{font-size:1rem}}.page-header{display:flex;justify-content:flex-end;padding:1rem;margin-bottom:0}.page-favorite-button{align-self:flex-end}.learn-page-content{margin:0 auto;padding:1rem;line-height:1.6;font-size:1rem}.learn-page-content h1{color:var(--color-primary-darkest);font-size:2rem;text-align:center;margin:1.5rem 0 2rem;font-weight:700}.learn-page-content h2{clear:both;color:white;background:linear-gradient(135deg,rgb(76,164,215),rgb(56,144,195));padding:.8rem 1rem;margin:2rem 0 1rem;border-radius:6px;font-size:1.3rem;font-weight:600;box-shadow:0 3px 8px rgba(76,164,215,.3)}.learn-page-content h3{clear:both;color:var(--color-primary-darkest);font-size:1.1rem;margin:1.5rem 0 .8rem;padding:.6rem .8rem;border-left:3px solid rgb(76,164,215);background:rgba(76,164,215,.1);border-radius:0 4px 4px 0}.learn-page-content h4{margin:1.2rem 0 .6rem}.learn-page-content h4,.learn-page-content h5{color:var(--color-primary-darkest);font-size:1rem;font-weight:600}.learn-page-content h5{margin:1rem 0 .5rem}.learn-page-content h6{color:var(--color-primary-darkest);font-size:1rem;margin:1rem 0 .5rem;font-weight:600}.learn-page-content p{margin:1rem 0;color:var(--color-text-primary)}.learn-page-content ol,.learn-page-content ul{margin:1rem 0;padding-left:1.5rem}.learn-page-content li{margin:.6rem 0;line-height:1.5}.learn-page-content ul li::marker{color:rgb(76,164,215)}.learn-page-content ol li::marker{color:rgb(76,164,215);font-weight:600}.learn-page-content ol ol,.learn-page-content ol ul,.learn-page-content ul ol,.learn-page-content ul ul{margin:.5rem 0;padding-left:1.2rem}.learn-page-content a{color:rgb(76,164,215);text-decoration:underline;font-weight:500}.learn-page-content a:hover{color:rgb(56,144,195);text-decoration:none}.learn-page-content a.internal-link{color:rgb(76,164,215);text-decoration:underline;font-weight:500;border-bottom:1px solid transparent;transition:border-bottom-color .2s ease}.learn-page-content a.internal-link:hover{color:rgb(56,144,195);border-bottom-color:rgb(56,144,195)}.learn-page-content a.external-link{color:rgb(76,164,215);text-decoration:underline;font-weight:500}.learn-page-content a.external-link:hover{color:rgb(56,144,195)}.learn-page-content a.external-link:after{content:" ↗";font-size:1rem;opacity:.7;margin-left:.2em}.learn-page-content em{color:var(--color-primary-darkest);font-style:italic;font-weight:500}.learn-page-content strong{color:var(--color-primary-darkest);font-weight:600}.learn-page-content code{background:rgba(76,164,215,.1);padding:.2rem .4rem;border-radius:3px;font-family:Courier New,monospace;font-size:1rem;color:var(--color-primary-darkest)}.learn-page-content pre{background:rgba(76,164,215,.1);padding:1rem;border-radius:6px;overflow-x:auto;margin:1.5rem 0;border-left:3px solid rgb(76,164,215)}.learn-page-content pre code{background:none;padding:0;border-radius:0}.learn-page-content blockquote{border-left:4px solid rgb(76,164,215);background:rgba(76,164,215,.05);padding:1rem 1.5rem;margin:1.5rem 0;border-radius:0 6px 6px 0;font-style:italic;color:var(--color-primary-darkest)}.learn-page-content img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);margin:1rem 0}.learn-page-content .hero-image{display:block;width:100%;max-width:300px;height:auto;margin:1.5rem auto}.learn-page-content .video-container{position:relative;width:100%;max-width:400px;margin:1.5rem auto;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.learn-page-content .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:8px}.learn-page-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.learn-page-content td,.learn-page-content th{padding:.8rem;text-align:left;border-bottom:1px solid rgba(76,164,215,.2)}.learn-page-content th{background:rgb(76,164,215);color:white;font-weight:600}.learn-page-content tr:nth-child(2n){background:rgba(76,164,215,.05)}.learn-page-content hr{border:none;height:2px;background:linear-gradient(90deg,transparent,rgb(76,164,215),transparent);margin:2rem 0}@media (min-width:580px){.learn-page-content{padding:1.5rem;font-size:1.05rem}.learn-page-content h1{font-size:2.3rem;margin:2rem 0 2.5rem}.learn-page-content h2{font-size:1.5rem;padding:1rem 1.2rem;margin:2.2rem 0 1.2rem}.learn-page-content h3{font-size:1.2rem;padding:.7rem 1rem}.learn-page-content ol,.learn-page-content ul{padding-left:1.8rem}.learn-page-content .hero-image{width:260px;margin:0 1.5rem 1rem 0;float:left}.learn-page-content .video-container{width:280px;margin:.5rem 1.5rem 1.5rem 0;padding-bottom:157px;shape-outside:margin-box;float:left}}@media (min-width:768px){.page-header{padding:1.5rem 4rem 0}.learn-page-content{max-width:80dvw;padding:0 4rem;line-height:1.7;font-size:1.1rem}.learn-page-content h1{font-size:3rem;margin:2rem 0 3rem}.learn-page-content h2{font-size:1.8rem;padding:.6rem 1.5rem;margin:2.5rem 0 1.5rem;border-radius:8px;box-shadow:0 4px 12px rgba(76,164,215,.3)}.learn-page-content h3{font-size:1.4rem;margin:2rem 0 1rem;padding:.8rem 1rem;border-left:4px solid rgb(76,164,215);border-radius:0 6px 6px 0}.learn-page-content p{margin:1.2rem 0;text-align:justify}.learn-page-content ol,.learn-page-content ul{margin:1.5rem 0;padding-left:2rem}.learn-page-content li{margin:.8rem 0;line-height:1.6}.learn-page-content img{border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.15)}.learn-page-content .hero-image{width:260px}.learn-page-content .video-container{width:320px;padding-bottom:180px}.learn-page-content table{margin:2rem 0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.learn-page-content td,.learn-page-content th{padding:1rem}}@media (min-width:1200px){.page-header{padding:1.5rem 6rem 0}.learn-page-content{max-width:80dvw;padding:0 6rem 2rem}}