.techtube-reads-logo{max-width:400px;width:100%;height:auto;display:block;margin:0 auto var(--spacing-6) auto}@media (max-width: 767px){.techtube-reads-logo{max-width:280px}}.featured-articles-section{padding-top:0;padding-bottom:var(--spacing-12);background-color:var(--color-white)}.featured-episode-main-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-8);width:100%}@media (min-width: 768px){.featured-episode-main-content{grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:flex-start}}.featured-episode-image-card{position:relative;width:100%;height:0;padding-bottom:100%;overflow:hidden;border-radius:24px}.featured-episode-image-card img,.featured-episode-image-card video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.episode-badge{position:absolute;top:16px;left:16px;background-color:#0006;color:#fff;padding:6px 12px;border-radius:20px;font-size:.875rem;font-weight:600;font-family:var(--font-family-manrope);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10}.featured-episode-text-content{display:flex;flex-direction:column;justify-content:flex-start;padding:0}.episode-meta{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.episode-date{font-family:var(--font-family-manrope);font-size:.875rem;font-weight:500;color:var(--color-gray-600)}.episode-duration{font-family:var(--font-family-manrope);font-size:.875rem;font-weight:500;color:var(--color-gray-600);display:flex;align-items:center}.episode-duration:before{content:"•";margin-right:var(--spacing-2);color:var(--color-gray-400)}.episode-title{font-family:var(--font-family-manrope);font-size:2rem;font-weight:700;color:var(--color-black);margin-bottom:var(--spacing-4);line-height:1.2}.episode-description{font-family:var(--font-family-manrope);font-size:1.125rem;line-height:1.6;color:var(--color-gray-700);margin-bottom:var(--spacing-8)}.episode-topics{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-6)}.topic-tag{background-color:var(--color-gray-100);color:var(--color-gray-700);padding:4px 12px;border-radius:16px;font-size:.75rem;font-weight:500;font-family:var(--font-family-manrope)}.about-podcast{padding:var(--spacing-16) 0;background-color:#fdfdfd}.about-podcast-content{max-width:800px;margin:0 auto;text-align:center}.about-podcast-content .section-title{margin-bottom:var(--spacing-12)}.about-text{font-family:var(--font-family-manrope);font-size:16px;line-height:1.7;color:var(--color-black);margin-bottom:var(--spacing-4)}@media (min-width: 768px){.about-text{max-width:700px;margin:0 auto var(--spacing-4) auto}}.about-text:last-child{margin-bottom:0}.upcoming-episodes{padding:var(--spacing-16) 0;background-color:var(--color-white)}.episodes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6);margin-top:var(--spacing-8)}@media (min-width: 768px){.episodes-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-12)}}.episode-card{background:#fff;border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.1);outline:.25px solid rgba(0,0,0,.015);box-shadow:inset 0 0 .5px #ffffff4d,0 1px 2px #00000005,0 3px 6px #00000008;position:relative;overflow:hidden;margin-bottom:10px}.episode-number{font-family:var(--font-family-manrope);font-size:3rem;font-weight:700;color:#0000000d;position:absolute;top:12px;right:16px;line-height:1}.episode-card-title{font-family:var(--font-family-manrope);font-size:1.25rem;font-weight:600;color:var(--color-black);margin-bottom:var(--spacing-3);position:relative;z-index:1}.episode-card-description{font-family:var(--font-family-manrope);font-size:.875rem;line-height:1.6;color:var(--color-gray-600);margin-bottom:var(--spacing-4);position:relative;z-index:1}.episode-card-meta{display:flex;align-items:center;gap:var(--spacing-4);position:relative;z-index:1}.episode-card-date{font-family:var(--font-family-manrope);font-size:.875rem;font-weight:500;color:var(--color-gray-500)}.subscribe-section{padding:var(--spacing-16) 0;background-color:var(--color-white)}.subscribe-content{max-width:600px;margin:0 auto;text-align:center}.subscribe-content .section-title{margin-bottom:var(--spacing-12)}.subscribe-text{font-family:var(--font-family-manrope);font-size:1.125rem;line-height:1.6;color:var(--color-black);margin-bottom:var(--spacing-6)}.subscribe-form{display:flex;flex-direction:column;gap:var(--spacing-4);max-width:400px;margin:0 auto;position:relative}@media (min-width: 640px){.subscribe-form{flex-direction:row}}.subscribe-input{flex:1;padding:12px 16px;border:1px solid var(--color-gray-300);border-radius:24px;font-family:var(--font-family-manrope);font-size:1rem;color:var(--color-black);transition:border-color .3s ease,box-shadow .3s ease}.subscribe-input:focus{outline:none;border-color:var(--color-gray-500);box-shadow:0 0 0 3px #0000000d}.btn-subscribe{background-color:#111;color:#fff;border:none;padding:12px 24px;border-radius:24px;font-size:1rem;font-weight:600;font-family:var(--font-family-manrope);cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-subscribe:hover{background-color:#000;transform:translateY(-2px)}@media (max-width: 767px){.featured-articles-section{padding:var(--spacing-8) 0}.featured-episode-main-content{gap:var(--spacing-6)}.featured-episode-image-card{border-radius:16px}.featured-episode-text-content{padding:0}.episode-title{font-size:1.5rem}.episode-description{font-size:.875rem}.about-podcast{padding:var(--spacing-12) 0}.about-podcast-content .section-title{margin-bottom:var(--spacing-8)}.about-text{font-size:16px;padding:0 var(--spacing-6)}.upcoming-episodes{padding:var(--spacing-12) 0}.episodes-grid{gap:var(--spacing-4)}.subscribe-section{padding:var(--spacing-12) 0}.subscribe-content .section-title{margin-bottom:var(--spacing-8)}.subscribe-text{font-size:1rem;padding:0 var(--spacing-4)}}.latest-features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-8);margin-top:var(--spacing-8)}@media (min-width: 768px){.latest-features-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-16);row-gap:var(--spacing-24)}}.featured-article-card{display:flex;flex-direction:column;background-color:var(--color-white);border-radius:16px;overflow:hidden}.featured-article-image-link{display:block;text-decoration:none;width:100%;cursor:pointer}.featured-article-image{position:relative;width:100%;overflow:hidden;border-radius:6px!important;box-shadow:0 4px 20px #0000000f,0 1px 3px #0000000d}.featured-article-image img,.featured-article-image video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block!important;border:none!important}.featured-image-large,.featured-image-medium,.featured-image-small{padding-bottom:100%}.featured-article-image{padding-bottom:100%!important;aspect-ratio:1 / 1!important}.featured-article-image video{width:100%!important;height:100%!important;object-fit:cover!important;position:absolute!important;top:0!important;left:0!important}.featured-article-card:hover .featured-article-image img,.featured-article-card:hover .featured-article-image video{transform:scale(1.05)}.featured-article-content{padding:var(--spacing-4) 0;display:flex;flex-direction:column}.featured-article-title{font-family:var(--font-family-manrope);font-size:1.25rem;font-weight:600;color:var(--color-black);margin-bottom:var(--spacing-2);line-height:1.3}.article-title-subtitle{font-weight:500}.featured-article-author{font-family:var(--font-family-manrope);font-size:.875rem;font-weight:500;color:var(--color-gray-600);margin-bottom:var(--spacing-2)}.article-series-label{font-family:var(--font-family-manrope);font-size:.75rem;font-weight:500;color:var(--color-gray-500);margin-bottom:var(--spacing-2);font-style:italic}.featured-article-excerpt{font-family:var(--font-family-manrope);font-size:.875rem;line-height:1.6;color:var(--color-gray-600);margin-bottom:var(--spacing-4);flex-grow:1}.featured-title-link{color:var(--color-black);text-decoration:none;transition:color var(--transition-standard)}.featured-title-link:hover{color:var(--color-black)}.recent-articles{padding:var(--spacing-16) 0;background-color:var(--color-white)}.articles-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-24);margin-top:var(--spacing-8)}@media (min-width: 640px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.articles-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-24) var(--spacing-12)}}.article-card{background-color:var(--color-white);border-radius:16px;overflow:visible;position:relative;display:flex;flex-direction:column;height:100%}.article-card.hidden{display:none}.article-image-link{display:block;text-decoration:none;width:100%;cursor:pointer}.article-card-image{width:100%;height:0;padding-bottom:100%;position:relative;overflow:hidden;border-radius:6px!important;box-shadow:0 4px 20px #0000000f,0 1px 3px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.article-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block!important;border:none!important}.article-card:hover .article-card-image{transform:translateY(-4px);box-shadow:0 8px 30px #0000001a,0 2px 8px #0000000f}.article-card:hover .article-card-image img{transform:scale(1.05)}.article-card-content{padding:var(--spacing-4) 0;display:flex;flex-direction:column;flex-grow:1}.article-card-title{font-family:var(--font-family-manrope);font-size:1.125rem;font-weight:600;color:var(--color-black);margin-bottom:var(--spacing-2);line-height:1.3}.article-card-author{font-family:var(--font-family-manrope);font-size:.875rem;font-weight:500;color:var(--color-gray-600);margin-bottom:var(--spacing-2)}.article-title-link{color:var(--color-black);text-decoration:none;transition:color var(--transition-standard)}.article-title-link:hover{color:var(--color-black)}.article-card-excerpt{font-family:var(--font-family-manrope);font-size:.875rem;line-height:1.6;color:var(--color-gray-600);margin-bottom:var(--spacing-4);flex-grow:1}.article-metadata{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-3);margin-top:auto}.metadata-tag{font-size:.75rem;padding:var(--spacing-1) var(--spacing-2);background-color:#f8f8f8;border-radius:var(--border-radius-sm);color:var(--color-gray-700)}.article-type-tag{background-color:#f8f8f8;color:var(--color-gray-700)}.article-overlay{position:absolute;top:16px;left:16px;background-color:#0006;color:#fff;padding:6px 12px;border-radius:20px;font-family:var(--font-family-manrope);font-weight:600;font-size:.875rem;z-index:10;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.techtube-reads-badge{position:absolute;top:16px;left:16px;background-color:#0006;color:#fff;padding:6px 12px;border-radius:20px;font-size:.875rem;font-weight:600;font-family:var(--font-family-manrope);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10;display:flex;justify-content:center;align-items:center}.explore-sections-wrapper{background-color:#fdfdfd;padding:var(--spacing-16) 0}.explore-sections-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-16)}@media (min-width: 768px){.explore-sections-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-24)}}.topics-section{background-color:transparent;padding:0}.topics-section .section-title{text-align:center;margin-bottom:var(--spacing-8)}.topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-4);justify-content:center}.writing-formats-section{background-color:transparent;padding:0}.writing-formats-section .section-title{text-align:center;margin-bottom:var(--spacing-8)}.writing-formats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-4);justify-content:center}.topic-card{background-color:var(--color-white);border-radius:16px;padding:var(--spacing-4);box-shadow:0 4px 20px #0000000a,0 1px 3px #00000008;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-decoration:none}.topic-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000014,0 2px 8px #0000000d}.topic-card.active{background-color:#111}.topic-card.active .topic-name,.topic-card.active .topic-count{color:#fff}.topic-name{font-family:var(--font-family-manrope);font-size:1rem;font-weight:600;color:var(--color-black);margin-bottom:var(--spacing-2)}.topic-count{font-family:var(--font-family-manrope);font-size:.75rem;color:var(--color-gray-500)}.subscribe-success{background-color:#f0fdf4;border:1px solid #22c55e;color:#15803d;padding:var(--spacing-4);border-radius:var(--border-radius-md);text-align:center;margin-top:var(--spacing-4);font-weight:500;display:none}.subscribe-success.visible{display:block;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 767px){.featured-articles-section{padding:var(--spacing-8) 0}.latest-features-grid{gap:var(--spacing-16)}.featured-article-title{font-size:1.125rem}.featured-article-excerpt{font-size:.875rem}.recent-articles{padding:var(--spacing-12) 0}.articles-grid{grid-template-columns:1fr;gap:var(--spacing-16)}.explore-sections-wrapper{padding:var(--spacing-12) 0}.explore-sections-grid{gap:var(--spacing-12)}.topics-grid,.writing-formats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.subscribe-section{padding:var(--spacing-12) 0}.subscribe-content .section-title{margin-bottom:var(--spacing-8)}.article-overlay{font-size:.75rem}.techtube-reads-badge{font-size:.75rem;padding:5px 12px}}@media (min-width: 768px) and (max-width: 1023px){.latest-features-grid{grid-template-columns:repeat(2,1fr)}.featured-article-card:first-child{grid-column:span 2}.articles-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-16) var(--spacing-8)}}.techtube-reads-page .article-header{margin-bottom:var(--spacing-8)}.techtube-reads-page .article-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-4);line-height:1.2;color:var(--color-black)}.techtube-reads-page .article-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-3);margin-top:var(--spacing-2);margin-bottom:var(--spacing-6)}.techtube-reads-page .article-header{text-align:center}.techtube-reads-page .article-series-label{display:block;font-family:var(--font-family-manrope);font-size:.875rem;font-weight:500;color:var(--color-gray-600);margin-bottom:var(--spacing-2);font-style:italic}.techtube-reads-page .featured-article-author{display:block;font-family:var(--font-family-manrope);font-size:.875rem;font-weight:500;color:var(--color-gray-600);margin-bottom:var(--spacing-6)}.techtube-reads-page .article-datetime-info{display:flex;gap:var(--spacing-3);align-items:center}.techtube-reads-page .article-image{margin-bottom:var(--spacing-8);border-radius:8px;overflow:hidden;position:relative;width:100%;max-width:450px;height:0;padding-bottom:450px;margin-left:auto;margin-right:auto}.techtube-reads-page .article-image img,.techtube-reads-page .article-image video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:8px}.techtube-reads-page .article-body{font-size:1rem;line-height:1.8;color:var(--color-black)}.techtube-reads-page .article-body h2{font-size:1.5rem;font-weight:700;margin-top:var(--spacing-12);margin-bottom:var(--spacing-6);color:var(--color-black)}.techtube-reads-page .article-body h3{font-size:1.25rem;font-weight:600;margin-top:var(--spacing-10);margin-bottom:var(--spacing-4);color:var(--color-black)}.techtube-reads-page .article-body p{margin-bottom:var(--spacing-6)}.techtube-reads-page .article-body ul,.techtube-reads-page .article-body ol{margin-bottom:var(--spacing-6);padding-left:var(--spacing-8)}.techtube-reads-page .article-body li{margin-bottom:var(--spacing-2)}.techtube-reads-page .article-body a{color:var(--color-accent-600);text-decoration:underline;transition:color var(--transition-standard)}.techtube-reads-page .article-body a:hover{color:var(--color-accent-700)}@media (max-width: 767px){.techtube-reads-page .article-title{font-size:1.75rem}.techtube-reads-page .article-meta{justify-content:center}.techtube-reads-page .article-datetime-info{width:100%;justify-content:center;margin-top:var(--spacing-2)}.techtube-reads-page .article-body{font-size:1rem}.techtube-reads-page .article-body h2{font-size:1.25rem;margin-top:var(--spacing-10)}.techtube-reads-page .article-body h3{font-size:1.125rem;margin-top:var(--spacing-8)}.techtube-reads-page .article-image{max-width:330px;padding-bottom:330px}}