/* Reset und Basis-Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
	--fw-orange: #ff6600;
	--fw-dark-orange: #e55100;
	--fw-blue: #003c78;
	--fw-dark-blue: #002855;
	--fw-light-blue: #e8f2fa;
	--text-dark: #1a1a1a;
	--text-light: #666666;
	--background-light: #f5f7fa;
	--white: #ffffff;
}

body {
	font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	line-height: 1.6;
	color: var(--text-dark);
}
@font-face {
  font-family: 'fspicon';
  src: url('../fonts/fspicon.eot?80825644');
  src: url('../fonts/fspicon.eot?80825644#iefix') format('embedded-opentype'),
       url('../fonts/fspicon.woff2?80825644') format('woff2'),
       url('../fonts/fspicon.woff?80825644') format('woff'),
       url('../fonts/fspicon.ttf?80825644') format('truetype'),
       url('../fonts/fspicon.svg?80825644#fspicon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}		
[class^="iic-"]:before, [class*=" iic-"]:before {font-family:"fspicon"; font-style:normal; font-weight:normal; speak:none; display:inline-block; text-decoration:inherit; width:1em; margin-right:.2em; text-align:center; font-variant:normal; text-transform:none; line-height:1em; margin-left:.2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.iic-share:before{content:'\e800'; }
.iic-play:before{content:'\e801'; }
.iic-note:before{content:'\e802'; }
.iic-link:before{content:'\e803'; }
.iic-lamp:before{content:'\e804'; }
.iic-lightbulb:before{content:'\e805'; }
.iic-clock-1:before{content:'\e806'; }
.iic-mail:before{content:'\e80b'; }
.iic-town-hall:before{content:'\e83c'; }
.iic-apple-podcast:before{content:'\e855'; }
.iic-google-podcast:before{content:'\e856'; }
.iic-link-1:before{content:'\e857'; }
.iic-spotify:before{content:'\e858'; }
.iic-x:before{content:'\e859'; }
.iic-art-usd:before{content:'\e85a'; }
.iic-classical-building:before{content:'\e85b'; }
.iic-diplomacy:before{content:'\e85c'; }
.iic-direct-hit:before{content:'\e85d'; }
.iic-lamp-connect:before{content:'\e85e'; }
.iic-medical-chart:before{content:'\e85f'; }
.iic-parliament:before{content:'\e861'; }
.iic-sheaf-of-rice:before{content:'\e862'; }
.iic-wheat:before{content:'\e863'; }
.iic-world-globe:before{content:'\e864'; }
.iic-world-map:before{content:'\e865'; }
.iic-speech:before{content:'\e866'; }
.iic-twitter-2:before{content:'\f099'; }
.iic-facebook:before{content:'\f09a'; }
.iic-mail-alt:before{content:'\f0e0'; }
.iic-linkedin:before{content:'\f0e1'; }
.iic-youtube-play:before{content:'\f16a'; }
.iic-pinterest-2:before{content:'\f231'; }
.iic-whatsapp:before{content:'\f232'; }
.iic-handshake-o:before{content:'\f2b5'; }

	p{margin:0 0 1.5rem;}

	img, object, embed, video, iframe {max-width:100%;}
	img {height:auto;}

	a {color:var(--fw-orange); outline:none; text-decoration:none; transition: all .3s ease-in-out;}
	a:hover {/* color:#d10047; */ }

	blockquote{quotes:none;}
	blockquote:before,
	blockquote:after {content:"";	content:none;}
	blockquote {font-style:italic; margin:20px 0 30px; padding-left:20px; border-left:5px solid var(--fw-orange);}
	 
		table {width:100%; border:none; max-width:100%; overflow:auto;}
			
input[type=text],
input[type=email],
input[type=tel],
input[type=date],
select,
textarea{width:100%; padding:12px; border:1px solid #ddd; border-radius:6px; font-size:1rem; font-family:inherit; transition:border-color 0.3s ease;}
input:focus,
select:focus,
textarea:focus{outline:none; border-color:#8B4513;}
textarea{resize:vertical; min-height:100px;}
button{padding:0; border:none; cursor:pointer; background-color:transparent;}

input[type=submit],
.suggest-btn{background:var(--fw-orange); border:none; border-radius:30px; color:white; cursor:pointer; display:inline-block; font-size:1.1rem; font-weight:bold; padding:1rem 2rem; text-decoration:none; transition:all 0.3s; }
input[type=submit]:hover,
.suggest-btn:hover{background:var(--fw-dark-orange); transform:scale(1.05); }
	 
	h1,h2,h3,h4,h5,h6 {font-family:var(--font-heading);font-weight:700; margin:0 0 1rem; line-height:1.2; /* color: var(--fw-blue); */}
	h1 {font-size:2.8rem;}
	h2 {font-size:2rem;}
	h3 {font-size:1.5rem;}
	h4 {font-size:1.375rem;}
	h5 {font-size:1.25rem;}
	h6 {font-size:1rem;}

	

/* Header */
.header {background:white; box-shadow:0 2px 10px rgba(0,0,0,0.08); position:fixed; top:0; left:0; right:0; z-index:1000;}
body.logged-in.admin-bar .header {top:32px;}
.header_in {max-width:1400px; margin:0 auto; padding:1rem 5%; display:flex; justify-content:space-between; align-items:center;}

.logo{align-items:center; display:flex; gap:10px; }
.logo .h1,
.logo h1{color:var(--fw-blue); font-size:1.8rem; font-weight:700; margin-bottom:1rem; line-height:1.2;}
.logo .highlight{color:var(--fw-orange); font-weight:bold; }
.logo a {text-decoration:none; color:inherit;}
.logo a:hover .h1,
.logo a:hover h1 {color:var(--fw-orange);}

.main {padding:4rem 5%; background:#fff;}
.container {max-width:1200px; margin:0 auto;}

.newsletter-btn {
	background: var(--fw-orange);
	color: white;
	padding: 0.5rem 1.5rem;
	border: none;
	border-radius: 25px;
	cursor: pointer;
	font-weight: bold;
	transition: transform 0.3s;
}

.newsletter-btn:hover {
	transform: scale(1.05);
	background: var(--fw-dark-orange);
}

/* Hero Section */
.htop{align-items:center; background:linear-gradient(135deg, var(--fw-orange) 0%, var(--fw-dark-orange) 100%); display:flex; margin-top:80px; min-height:500px; padding:4rem 5%; }
.htop-content{align-items:center; display:grid; gap:4rem; grid-template-columns:1fr 1fr; margin:0 auto; max-width:1400px; }
.htop-text{color:white; }
.htop-text h2{font-size:3rem; line-height:1.2; margin-bottom:1rem; }
.htop-text p{font-size:1.2rem; margin-bottom:2rem; opacity:0.95; }
.htop-buttons{display:flex; gap:1rem; }

.btn-primary {
	background: white;
	color: var(--fw-orange);
	padding: 1rem 2rem;
	border: none;
	border-radius: 30px;
	font-weight: bold;
	font-size: 1.1rem;
	cursor: pointer;
	transition: all 0.3s;
	text-decoration: none;
	display: inline-block;
}

.btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 20px rgba(0,0,0,0.2);
}

.btn-secondary {
	background: transparent;
	color: white;
	border: 2px solid white;
	padding: 1rem 2rem;
	border-radius: 30px;
	font-weight: bold;
	font-size: 1.1rem;
	cursor: pointer;
	transition: all 0.3s;
	text-decoration: none;
	display: inline-block;
}

.btn-secondary:hover {
	background: white;
	color: var(--fw-orange);
}

.hero-image {
	position: relative;
}

.podcast-cover {
	width: 100%;
	max-width: 500px;
	border-radius: 20px;
	box-shadow: 0 20px 40px rgba(0,0,0,0.3);
	transition: transform 0.3s;
	overflow: hidden;
}
.podcast-cover img {vertical-align:bottom;}

.podcast-cover:hover {
	transform: scale(1.02);
}

/* Latest Episodes */
.episodes{background:var(--fw-light-blue); padding:4rem 5%; }
.section-title{color:var(--fw-blue); font-size:2.5rem; font-weight:700; margin-bottom:3rem; text-align:center; }
.episodes-grid{display:grid; gap:2rem; grid-template-columns:repeat(auto-fit, minmax(328px, 1fr)); margin:0 auto; max-width:1400px; }
.episode-card{background:white; border:1px solid rgba(0, 60, 120, 0.1); border-radius:15px; box-shadow:0 5px 20px rgba(0,0,0,0.08); overflow:hidden; transition:transform 0.3s; }
.episode-card:hover{box-shadow:0 10px 30px rgba(0,0,0,0.15); transform:translateY(-5px); }
.episode-thumbnail{align-items:center; background:linear-gradient(135deg, var(--fw-orange), var(--fw-dark-orange)); color:white; display:flex; font-size:1.5rem; font-weight:bold; height:200px; justify-content:center; overflow:hidden; width:100%; }
.episode-content{padding:1.5rem; }
.episode-category{background:var(--fw-orange); border-radius:20px; color:white; display:inline-block; font-size:0.85rem; margin-bottom:1rem; padding:0.3rem 1rem; }
.episode-title a{color:var(--fw-blue); font-size:1.3rem; font-weight:600; margin-bottom:0.5rem; }
.episode-description{color:var(--text-light); line-height:1.5; margin-bottom:1rem; }
.episode-meta{align-items:center; display:flex; justify-content:space-between; }
.a-btn{background:var(--fw-blue); border:none; border-radius:20px; color:white; cursor:pointer; font-weight:bold; padding:0.5rem 1.5rem; transition:all 0.3s; }
.a-btn:hover{background:var(--fw-dark-blue); transform:scale(1.05); }

.moders{background:white; padding:4rem 5%; }
.m-container{display:grid; gap:3rem; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); margin:0 auto; max-width:1200px; }
.m-card{text-align:center; }
.m-image{align-items:center; background:linear-gradient(135deg, var(--fw-blue), var(--fw-dark-blue)); border-radius:50%; color:white; display:flex; font-size:3rem; font-weight:bold; height:200px; justify-content:center; margin:0 auto 1.5rem; width:200px; overflow:hidden;}
.m-name{color:var(--fw-blue); font-size:1.5rem; font-weight:600; margin-bottom:0.5rem; }
.m-bio{color:var(--text-light); line-height:1.6; }
 
/* Categories */
.u-themen{background:var(--fw-light-blue); padding:4rem 5%; }
.themen-grid{display:grid; gap:1.5rem; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); margin:0 auto; max-width:1400px; }
.themen-card{background:white; border:2px solid transparent; border-radius:15px; padding:2rem; text-align:center; transition:all 0.3s; }
.themen-card:hover{border-color:var(--fw-orange); box-shadow:0 10px 30px rgba(0,0,0,0.1); transform:translateY(-5px); }
.themen-icon{font-size:3rem; margin-bottom:1rem; }
.themen-name a{color:var(--fw-blue); font-size:1.2rem; font-weight:bold; }
.themen-name a:hover {color: var(--fw-orange);}

.social-proof{background:var(--fw-blue); color:white; padding:3rem 5%; }
.stats{display:grid; gap:2rem; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); margin:0 auto; max-width:1200px; text-align:center; }
.stat-item .num{color:var(--fw-orange); font-size:2.5rem; font-weight:bold; margin-bottom:0.5rem; }
.stat-item .lbl{font-size:1.1rem; opacity:0.9; }



.social-links {
	display: flex;
	gap: 1rem;
	margin-top: 1rem;
}

.social-links a {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: var(--fw-orange);
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	transition: transform 0.3s;
}

.social-links a:hover {
	transform: scale(1.1);
	background: var(--fw-dark-orange);
}


.main_menu {display:flex; gap:2rem; list-style:none;}        
.main_menu a {text-decoration:none; font-weight:500; color:var(--text-dark); transition:color 0.3s; position:relative;}
.main_menu a:hover {color:var(--fw-orange);}
.main_menu > li > a {font-weight:500;}
/* .main_menu > li > a::after {content:''; position:absolute; bottom:-5px; left:0; width:0; height:2px; background:var(--fw-orange); transition:all 0.3s ease;}
.main_menu > li > a:hover::after {width:100%;} */
.menu-item-has-children {position:relative;}
.sub-menu {position:absolute; top:100%; left:0; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,.1); border-radius:8px; padding:1rem 0; min-width:250px; opacity:0; visibility:hidden; transform:translateY(-10px); transition:all 0.3s ease; list-style:none;}
.main_menu li:hover > ul.sub-menu{opacity:1; visibility:visible; transform: translateY(0);}
.main_menu .sub-menu li {padding:0.5rem 1.5rem;}
	.main_menu .sub-menu .sub-menu {margin-left:100%; top:0; margin-top:-2px; padding-left:1px;}
	.main_menu .sub-menu .sub-menu::before{width:0;}

	.menu-toggle{display:none; position:relative; padding:11px 11px; cursor:pointer; z-index:999; margin-left:40px;}
	.menu-toggle-inner,
	.menu-toggle-inner:after,
	.menu-toggle-inner:before{
		width:22px;
		height:2px;
		background-color:var(--fw-blue);
		border-radius:0px;
		position:absolute; left:0;
		transition-property:-webkit-transform;
		transition-property:transform;
		transition-property:transform, -webkit-transform;
		transition-duration:0.15s;
		transition-timing-function:ease;
	}
	.menu-toggle-inner{top:50%; margin-top:-1px;}
	.menu-toggle-inner:after,
	.menu-toggle-inner:before{content:""; display:block;}
	.menu-toggle-inner:before{top:-7px;}
	.menu-toggle-inner:after{bottom:-7px;}

	.menu-toggle.toggled .menu-toggle-inner{
		-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
		transition-delay:0.14s;
		transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.menu-toggle.toggled .menu-toggle-inner:before{
		top:0;
		opacity:0;
		transition:top 0.1s ease, opacity 0.1s 0.14s ease;
	}
	.menu-toggle.toggled .menu-toggle-inner:after{
		bottom:0;
		-webkit-transform:rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform:rotate(-90deg);
		transition:bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition:bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition:bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
	}









        /* Episode Hero Section */
        .episode-hero {
            margin-top: 80px;
            background: linear-gradient(135deg, var(--fw-orange) 0%, var(--fw-dark-orange) 100%);
            padding: 4rem 5%;
            color: white;
            position: relative;
            overflow: hidden;
        }

        .episode-hero::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -10%;
            width: 60%;
            height: 200%;
            background: rgba(255,255,255,0.05);
            transform: rotate(45deg);
        }

        .hero-content {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 400px 1fr;
            gap: 4rem;
            align-items: center;
            position: relative;
            z-index: 1;
        }

        .episode-cover {
            background: rgba(0, 60, 120, 0.9);
            border-radius: 20px;
            padding: 3rem;
            text-align: center;
            font-size: 1.5rem;
            font-weight: bold;
            box-shadow: 0 20px 40px rgba(0,0,0,0.3);
            backdrop-filter: blur(10px);
            border: 2px solid rgba(255,255,255,0.2);
        }

        .hero-info h1 {
            font-size: 2.8rem;
            margin-bottom: 1.5rem;
            line-height: 1.2;
        }

        .episode-meta-hero {
            display: flex;
            gap: 1rem;
            margin-bottom: 2rem;
            flex-wrap: wrap;
        }

.meta-badge{backdrop-filter:blur(10px); background:rgba(255,255,255,0.2); border:1px solid rgba(255,255,255,0.3); border-radius:25px; color:#fff; font-size:0.9rem; padding:0.4rem 1.2rem; }

.player-section{background:var(--fw-blue); margin-top:-2px; padding:2rem 5%; }
.player-container{margin:0 auto; max-width:1200px; }


        /* Content Section */
        .content-section {
            max-width: 1200px;
            margin: 4rem auto;
            padding: 0 5%;
            display: grid;
            grid-template-columns: 2fr 1fr;
            gap: 3rem;
        }

        /* Tabs */
        .content-tabs {
            display: flex;
            gap: 0;
            border-bottom: 2px solid var(--fw-light-blue);
            margin-bottom: 2rem;
        }

        .tab-button {
            padding: 1rem 2rem;
            background: none;
            border: none;
            color: var(--text-light);
            cursor: pointer;
            font-size: 1rem;
            font-weight: 600;
            border-bottom: 3px solid transparent;
            transition: all 0.3s;
            position: relative;
        }

        .tab-button.active {
            color: var(--fw-orange);
            border-bottom-color: var(--fw-orange);
        }

        .tab-content {
            padding: 1rem 0;
        }

        .description {
            line-height: 1.8;
            color: var(--text-dark);
            font-size: 1.05rem;
        }

        .description h3 {
            color: var(--fw-blue);
            margin: 2rem 0 1rem;
            font-size: 1.4rem;
        }

        .description ul {
            margin: 1rem 0 1rem 2rem;
        }

        .description ul li {
            margin-bottom: 0.5rem;
        }

.hbox{background:var(--fw-light-blue); border-left:4px solid var(--fw-orange); border-radius:15px; margin:2rem 0; padding:2rem; }
.hbox h3{color:var(--fw-blue);}
.hbox h4{color:var(--fw-blue); font-size:1.2rem;}
.hbox p{color:var(--text-dark); line-height:1.6; }
.hbox p:last-child{margin-bottom:0; }

        /* Sidebar */
        .sidebar {
            display: flex;
            flex-direction: column;
            gap: 2rem;
        }

        .sidebar-card {
            background: white;
            border-radius: 15px;
            padding: 2rem;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            border: 1px solid var(--fw-light-blue);
        }

        .sidebar-card h3 {
            color: var(--fw-blue);
            margin-bottom: 1.5rem;
            font-size: 1.3rem;
            font-weight: 700;
        }

        .platform-links {
            display: flex;
            flex-direction: column;
            gap: 0.8rem;
        }

        .platform-link {
            display: flex;
            align-items: center;
            gap: 1rem;
            padding: 1rem;
            background: var(--background-light);
            border-radius: 10px;
            text-decoration: none;
            color: var(--text-dark);
            font-weight: 500;
            transition: all 0.3s;
            border: 1px solid transparent;
        }

        .platform-link:hover {
            background: var(--fw-orange);
            color: white;
            transform: translateX(5px);
            border-color: var(--fw-orange);
        }

        .platform-icon {
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            background: white;
            border-radius: 8px;
        }

        .platform-link:hover .platform-icon {
            background: rgba(255,255,255,0.2);
        }

/* Share Section */
.sosh-buttons{display:grid; gap:0.8rem; grid-template-columns:repeat(3, 1fr); }
.sosh-btn{background:var(--background-light); border:1px solid var(--fw-light-blue); border-radius:10px; cursor:pointer; font-size:1.2rem; padding:1rem; transition:all 0.3s; }
.sosh-btn > *{pointer-events:none; }
.sosh-btn:hover{background:var(--fw-orange); border-color:var(--fw-orange); color:white; transform:translateY(-3px); }

.g-grid{display:grid; gap:1rem; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); margin-top:1rem; }
.g-mini{background:var(--background-light); border-radius:10px; padding:1rem; text-align:center; transition:all 0.3s; }
.g-mini:hover{background:var(--fw-light-blue); transform:translateY(-3px); }
.g-avatar{align-items:center; background:linear-gradient(135deg, var(--fw-blue), var(--fw-dark-blue)); border-radius:50%; color:white; display:flex; font-size:1.3rem; font-weight:bold; height:70px; justify-content:center; margin:0 auto 0.8rem; width:70px; }
.g-name{color:var(--fw-blue); font-size:0.95rem; font-weight:600; }
.g-role{color:var(--text-light); font-size:0.8rem; margin-top:0.3rem; }

        /* Related Episodes */
.related-episodes{background:var(--background-light); margin-top:4rem; padding:4rem 5%; }
.related-container{margin:0 auto; max-width:1200px; }
.related-container h2{color:var(--fw-blue); font-size:2.2rem; font-weight:700; margin-bottom:2rem; }
.related-grid{display:grid; gap:2rem; grid-template-columns:repeat(auto-fill, minmax(320px, 1fr)); }
.related-card{background:white; border:1px solid var(--fw-light-blue); border-radius:15px; box-shadow:0 5px 20px rgba(0,0,0,0.08); overflow:hidden; transition:transform 0.3s; }
.related-card:hover{box-shadow:0 10px 30px rgba(0,0,0,0.15); transform:translateY(-5px); }

.ep-image {/* height: 250px; */overflow:hidden;}
.ep-image img{height:100%; object-fit:cover; transition:all 0.3s ease; width:100%; }
.ep-image:hover img{transform:scale(1.1); }

        /* .related-thumb {
            height: 180px;
            background: linear-gradient(135deg, var(--fw-orange), var(--fw-dark-orange));
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            padding: 2rem;
            text-align: center;
            font-size: 1.1rem;
        } */

.related-info{padding:1.5rem; }
.related-category{background:var(--fw-blue); border-radius:15px; color:white; display:inline-block; font-size:0.75rem; font-weight:600; margin-bottom:0.8rem; padding:0.3rem 0.8rem; }
.related-title a{color:var(--fw-blue); font-size:1.1rem; font-weight:700; line-height:1.3; margin-bottom:0.5rem; }
.related-meta{color:var(--text-light); display:flex; font-size:0.9rem; gap:1rem; }

        /* Newsletter CTA */
        .newsletter-cta {
            background: linear-gradient(135deg, var(--fw-blue), var(--fw-dark-blue));
            padding: 3rem 5%;
            text-align: center;
            color: white;
        }

        .newsletter-container {
            max-width: 600px;
            margin: 0 auto;
        }

        .newsletter-container h3 {
            font-size: 2rem;
            margin-bottom: 1rem;
        }

        .newsletter-container p {
            margin-bottom: 2rem;
            opacity: 0.95;
        }

        .newsletter-form {
            display: flex;
            gap: 1rem;
            max-width: 500px;
            margin: 0 auto;
        }

        .newsletter-input {
            flex: 1;
            padding: 1rem;
            border: none;
            border-radius: 25px;
            font-size: 1rem;
        }

        .newsletter-submit {
            padding: 1rem 2rem;
            background: var(--fw-orange);
            border: none;
            border-radius: 25px;
            color: white;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s;
        }

        .newsletter-submit:hover {
            background: var(--fw-dark-orange);
            transform: scale(1.05);
        }

 /* Page Hero */
.page-ht{background:linear-gradient(135deg, var(--fw-orange), var(--fw-dark-orange)); color:white; margin-top:80px; overflow:hidden; padding:3rem 5%; position:relative; }
.page-ht::before{background:rgba(255,255,255,0.05); content:''; height:200%; left:-10%; position:absolute; top:-50%; transform:rotate(-45deg); width:60%; }

.ht-content{margin:0 auto; max-width:1200px; position:relative; text-align:center; z-index:1; }
.ht-content h1{font-size:3rem; margin-bottom:1rem; }
.ht-content p{font-size:1.3rem; margin:0 auto; max-width:800px; opacity:0.95; }

 /* Stats Bar */
.stats-bar{background:var(--fw-blue); margin-top:-2px; padding:2rem 5%; }
.stats-container{display:grid; gap:2rem; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); margin:0 auto; max-width:1200px; text-align:center; }
.stat-item{color:white; }
.stat-number{color:var(--fw-orange); font-size:2.5rem; font-weight:bold; }
.stat-label{font-size:1rem; opacity:0.9; }

.topics-section{background:white; padding:4rem 5%; }
.topics-container{margin:0 auto; max-width:1200px; }
.topics-grid{display:grid; gap:2rem; grid-template-columns:repeat(auto-fit, minmax(350px, 1fr)); }
.topic-card{background:white; border:2px solid transparent; border-radius:20px; box-shadow:0 10px 30px rgba(0,0,0,0.1); overflow:hidden; transition:all 0.3s; }
.topic-card:hover{border-color:var(--fw-orange); box-shadow:0 20px 40px rgba(0,0,0,0.15); transform:translateY(-10px); }
.topic-header{background:linear-gradient(135deg, var(--fw-blue), var(--fw-dark-blue)); color:white; padding:3rem 2rem; position:relative; text-align:center; }
.topic-card:nth-child(3) .topic-header{background:linear-gradient(135deg, #2ecc71, #27ae60);}
.topic-card:nth-child(4) .topic-header{background: linear-gradient(135deg, #3498db, #2980b9);}
.topic-card:nth-child(5) .topic-header{background: linear-gradient(135deg, #8b7355, #6b5945);}
.topic-card:nth-child(6) .topic-header{background: linear-gradient(135deg, #e74c3c, #c0392b);}
.topic-icon{font-size:4rem; margin-bottom:1rem; opacity:0.9; }
.topic-title{font-size:1.8rem; margin-bottom:0.5rem; }
.topic-title a{color:#fff;}
.episode-count{background:var(--fw-orange); border-radius:20px; color:white; display:inline-block; font-size:0.9rem; font-weight:600; padding:0.3rem 1rem; }
.topic-body{padding:2rem; }
.topic-description{color:var(--text-dark); line-height:1.8; margin-bottom:1.5rem; }
.recent-episodes{border-top:1px solid var(--fw-light-blue); padding-top:1.5rem; }
.recent-episodes h4{color:var(--fw-blue); font-size:1.1rem; margin-bottom:1rem; }
.episode-list{display:flex; flex-direction:column; gap:0.8rem; }
.episode-link{align-items:center; border-radius:8px; color:var(--text-dark); display:flex; gap:0.8rem; padding:0.5rem; text-decoration:none; transition:all 0.3s; }
.episode-link:hover{background:var(--fw-light-blue); padding-left:1rem; }
.episode-link span{display:-webkit-box; min-width:20px; overflow:hidden; webkit-box-orient:vertical; webkit-line-clamp:2; }
.episode-date{color:var(--text-light); flex:none; font-size:0.85rem; margin-left:auto; }
.special-topic{background:linear-gradient(135deg, var(--fw-orange), var(--fw-dark-orange)); grid-column:span 2; }
.special-topic .topic-header{background:rgba(255,255,255,0.1); }
.special-topic .topic-body{background:white; }

        /* Tag Cloud */
        .tags-section {
            padding: 4rem 5%;
            background: var(--fw-light-blue);
        }

        .tags-container {
            max-width: 1200px;
            margin: 0 auto;
            text-align: center;
        }

        .tags-container h2 {
            color: var(--fw-blue);
            font-size: 2.5rem;
            margin-bottom: 2rem;
        }

        .tag-cloud {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
            justify-content: center;
            margin-top: 2rem;
        }

        .tag {
            background: white;
            padding: 0.5rem 1.5rem;
            border-radius: 25px;
            border: 2px solid var(--fw-blue);
            color: var(--fw-blue);
            text-decoration: none;
            transition: all 0.3s;
            font-weight: 500;
        }

        .tag:hover {
            background: var(--fw-blue);
            color: white;
            transform: scale(1.1);
        }

        .tag.popular {
            background: var(--fw-orange);
            border-color: var(--fw-orange);
            color: white;
            font-size: 1.1rem;
        }

        .tag.popular:hover {
            background: var(--fw-dark-orange);
            border-color: var(--fw-dark-orange);
        }

        /* Featured Series */
        .series-section {
            padding: 4rem 5%;
            background: white;
        }

        .series-container {
            max-width: 1200px;
            margin: 0 auto;
        }

        .series-container h2 {
            color: var(--fw-blue);
            font-size: 2.5rem;
            margin-bottom: 2rem;
            text-align: center;
        }

        .series-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
        }

        .series-card {
            background: var(--fw-light-blue);
            padding: 2rem;
            border-radius: 15px;
            border-left: 4px solid var(--fw-orange);
        }

        .series-card h3 {
            color: var(--fw-blue);
            margin-bottom: 1rem;
        }

        .series-card p {
            color: var(--text-dark);
            margin-bottom: 1rem;
        }

        .series-link {
            color: var(--fw-orange);
            text-decoration: none;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            transition: gap 0.3s;
        }

        .series-link:hover {
            gap: 1rem;
        }

.page-header{background:linear-gradient(135deg, var(--fw-blue), var(--fw-dark-blue)); color:white; margin-top:80px; padding:4rem 5%; }
.page-header-content{margin:0 auto; max-width:1400px; }
.page-header h1{font-size:3rem; margin-bottom:1rem; }
.page-header p{font-size:1.2rem; opacity:0.9; margin-bottom:0;}

/* Filter Section */
.filter-section{background:var(--fw-light-blue); border-bottom:2px solid #d8e5f2; padding:2rem 5%; }
.filter-container{align-items:center; display:flex; flex-wrap:wrap; gap:2rem; margin:0 auto; max-width:1400px; }
.filter-group{align-items:center; display:flex; gap:0.5rem; }
.filter-label{color:var(--text-dark); font-weight:600; }
.filter-select{background:white; border:1px solid #c8d9eb; border-radius:5px; color:var(--text-dark); cursor:pointer; min-width:150px; padding:0.5rem 1rem; }
.search-box{flex:1; min-width:250px; }
.search-box input{border:1px solid #c8d9eb; border-radius:25px; outline:none; padding:0.5rem 1rem; width:100%; }
.search-box input:focus{border-color:var(--fw-orange); }

/* Episodes Grid */
.ep-container{margin:0 auto; max-width:1400px; padding:3rem 5%; }
.results-info{color:var(--text-light); margin-bottom:2rem; }
.ep-list{display:grid; gap:2rem; }
.ep-item{background:white; border:1px solid rgba(0, 60, 120, 0.1); border-radius:15px; box-shadow:0 5px 20px rgba(0,0,0,0.08); display:grid; grid-template-columns:300px 1fr; overflow:hidden; transition:transform 0.3s; }
.ep-item:hover{box-shadow:0 10px 30px rgba(0,0,0,0.15); transform:translateY(-5px); }
.ep-thumbnail{align-items:center; display:flex; justify-content:center; }
.ep-thumbnail img{height:100%; object-fit:cover; }
.ep-details{display:flex; flex-direction:column; justify-content:space-between; padding:2rem; }
.ep-meta{align-items:center; display:flex; gap:1rem; margin-bottom:1rem; }
.ep-number{background:var(--fw-orange); border-radius:20px; color:white; font-size:0.85rem; font-weight:600; padding:0.2rem 0.8rem; }
.ep-category{background:var(--fw-blue); border-radius:20px; color:white; font-size:0.85rem; font-weight:600; padding:0.2rem 0.8rem; }
.ep-date{color:var(--text-light); font-size:0.9rem; }
.ep-title{color:var(--fw-blue); font-size:1.5rem; font-weight:700; margin-bottom:1rem; text-decoration:none; }
.ep-title:hover{color:var(--fw-orange); }
.ep-description{color:var(--text-dark); line-height:1.6; margin-bottom:1.5rem; }
.ep-footer{align-items:center; display:flex; justify-content:space-between; }
.ep-duration{align-items:center; color:var(--text-light); display:flex; gap:0.5rem; }
.ep-actions{display:flex; gap:1rem; }
.btn-details{background:transparent; border:2px solid var(--fw-blue); border-radius:25px; color:var(--fw-blue); cursor:pointer; display:inline-block; font-weight:bold; padding:0.6rem 1.5rem; text-decoration:none; transition:all 0.3s; }
.btn-details:hover{background:var(--fw-blue); color:white; }

        .btn-play {
            background: var(--fw-orange);
            color: white;
            padding: 0.6rem 1.5rem;
            border: none;
            border-radius: 25px;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s;
            text-decoration: none;
            display: inline-block;
        }

        .btn-play:hover {
            background: var(--fw-dark-orange);
            transform: scale(1.05);
        }



.pagenavi{display:flex; gap:0.5rem; justify-content:center; margin:3rem 0; }
.pagenavi a, 
.pagenavi span{background:white; border:1px solid #c8d9eb; border-radius:5px; color:var(--text-dark); padding:0.5rem 1rem; text-decoration:none; transition:all 0.3s; }
.pagenavi a.prev,
.pagenavi a.next{width:50px; }
.pagenavi span.current{background:var(--fw-blue); border-color:var(--fw-blue); color:white; }
.pagenavi a:hover{background:var(--fw-orange); border-color:var(--fw-orange); color:white; }
.pagenavi span.extend{background-color:transparent; border-color:transparent; width:12px; }
.pagenum {cursor:pointer;}
.pagenum:hover {background:var(--fw-orange); border-color:var(--fw-orange); color:white;}

.page-ab{background:linear-gradient(135deg, var(--fw-blue), var(--fw-dark-blue)); color:white; margin-top:80px; overflow:hidden; padding:4rem 5%; position:relative; }
.page-ab::before{background:rgba(255,255,255,0.05); content:''; height:200%; position:absolute; right:-10%; top:-50%; transform:rotate(45deg); width:60%; }
.ab-content{margin:0 auto; max-width:1200px; position:relative; z-index:1; }
.ab-content h1{font-size:3rem; margin-bottom:1rem; }
.ab-content p{font-size:1.3rem; max-width:800px; opacity:0.95; }

	/* Intro Section */
	.intro-section {
		padding: 4rem 5%;
		background: white;
	}

	.intro-container {
		max-width: 1200px;
		margin: 0 auto;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 4rem;
		align-items: center;
	}

	.intro-text h2 {
		color: var(--fw-blue);
		font-size: 2.5rem;
		margin-bottom: 1.5rem;
	}

	.intro-text p {
		color: var(--text-dark);
		font-size: 1.1rem;
		margin-bottom: 1.5rem;
		line-height: 1.8;
	}

	.intro-image {
		position: relative;
	}

	.podcast-visual {
		width: 100%;
		height: 400px;
		background: linear-gradient(135deg, var(--fw-orange), var(--fw-dark-orange));
		border-radius: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 0 20px 40px rgba(0,0,0,0.15);
		position: relative;
		overflow: hidden;
	}

	.podcast-visual::before {
		content: '🎙️';
		font-size: 150px;
		opacity: 0.3;
		position: absolute;
	}

	/* Hosts Section */
.hosts-section{background:var(--fw-light-blue); padding:4rem 5%; }
.hosts-container{margin:0 auto; max-width:1200px; }
.hosts-title{color:var(--fw-blue); font-size:2.5rem; margin-bottom:3rem; text-align:center; }
.hosts-grid{display:grid; gap:4rem; grid-template-columns:1fr 1fr; }
.host-card{background:white; border-radius:20px; box-shadow:0 10px 30px rgba(0,0,0,0.1); overflow:hidden; transition:transform 0.3s; }
.host-card:hover{transform:translateY(-5px); }
.host-image{background:var(--fw-light-blue); /* height:350px; */ overflow:hidden; position:relative; width:100%; }
.host-photo{height:100%; object-fit:cover; object-position:center; width:100%; }
.host-info{padding:2rem; }
.host-name{color:var(--fw-blue); font-size:1.8rem; margin-bottom:0.5rem; }
.host-role{color:var(--fw-orange); font-weight:600; margin-bottom:1.5rem; }
.host-bio{color:var(--text-dark); line-height:1.8; margin-bottom:1.5rem; }
.host-details{background:var(--fw-light-blue); border-radius:10px; margin-top:1rem; padding:1rem; }
.host-details ul{list-style:none; }
.host-details li{align-items:center; color:var(--text-dark); display:flex; gap:0.5rem; padding:0.5rem 0; }
.host-details li::before{color:var(--fw-orange); content:'✓'; font-weight:bold; }

	/* Mission Section */
	.mission-section {
		padding: 4rem 5%;
		background: white;
	}

	.mission-container {
		max-width: 1200px;
		margin: 0 auto;
		text-align: center;
	}

	.mission-container h2 {
		color: var(--fw-blue);
		font-size: 2.5rem;
		margin-bottom: 2rem;
	}

	.mission-grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		gap: 2rem;
		margin-top: 3rem;
	}

	.mission-card {
		padding: 2rem;
		background: white;
		border-radius: 15px;
		box-shadow: 0 5px 20px rgba(0,0,0,0.08);
		border-top: 3px solid var(--fw-orange);
		transition: transform 0.3s;
	}

	.mission-card:hover {
		transform: translateY(-5px);
	}

	.mission-icon {
		font-size: 3rem;
		margin-bottom: 1rem;
	}

	.mission-card h3 {
		color: var(--fw-blue);
		margin-bottom: 1rem;
	}

	.mission-card p {
		color: var(--text-dark);
		line-height: 1.6;
	}

/* Guest Section */
.guests-section{background:var(--fw-light-blue); padding:4rem 5%; }
.guests-container{margin:0 auto; max-width:1200px; }
.guests-container h2{color:var(--fw-blue); font-size:2.5rem; margin-bottom:1rem; text-align:center; }
.guests-intro{color:var(--text-dark); font-size:1.1rem; margin-bottom:3rem; margin-left:auto; margin-right:auto; max-width:800px; text-align:center; }
.guests-grid{display:grid; gap:1.5rem; grid-template-columns:repeat(auto-fill, minmax(250px, 1fr)); }
.guest-item{align-items:center; background:white; border:2px solid transparent; border-radius:10px; display:flex; gap:1rem; padding:1.5rem; transition:all 0.3s; }
.guest-item:hover{border-color:var(--fw-orange); transform:translateX(5px); }
.guest-avatar{align-items:center; background:linear-gradient(135deg, var(--fw-orange), var(--fw-dark-orange)); border-radius:50%; color:white; display:flex; flex-shrink:0; font-weight:bold; height:50px; justify-content:center; width:50px; }
.guest-info h4{color:var(--fw-blue); font-size:1rem; margin-bottom:0.2rem; }
.guest-info p{color:var(--text-light); font-size:0.9rem; margin-bottom:0; }

/* CTA Section */
.cta-section{background:var(--fw-blue); color:white; padding:3rem 5%; text-align:center; }
.a-cta-section{background:linear-gradient(135deg, var(--fw-orange), var(--fw-dark-orange)); color:white; padding:4rem 5%; text-align:center; }
.cta-container{margin:0 auto; max-width:800px; }
.cta-container h2{font-size:2.5rem; margin-bottom:1.5rem; }
.cta-container h3 {font-size:2rem;}
.cta-container p{font-size:1.2rem; margin-bottom:2rem; opacity:0.95; }

.suggest-btn{background:var(--fw-orange); border:none; border-radius:30px; color:white; cursor:pointer; display:inline-block; font-size:1.1rem; font-weight:bold; padding:1rem 2rem; text-decoration:none; transition:all 0.3s; }
.suggest-btn:hover{background:var(--fw-dark-orange); transform:scale(1.05); }

.cta-buttons{display:flex; flex-wrap:wrap; gap:1rem; justify-content:center; }
.cta-btn{background:white; border:none; border-radius:30px; color:var(--fw-orange); cursor:pointer; font-size:1.1rem; font-weight:bold; padding:1rem 2rem; text-decoration:none; transition:all 0.3s; }
.cta-btn:hover{box-shadow:0 10px 30px rgba(0,0,0,0.2); transform:scale(1.05); }
.cta-btn.secondary{background:transparent; border:2px solid white; color:white; }
.cta-btn.secondary:hover{background:white; color:var(--fw-orange); }

/* Footer */
.footer{background:var(--fw-dark-blue); color:white; padding:3rem 5%; }
.footer-content{display:grid; gap:2rem; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); margin:0 auto; max-width:1400px; }
.footer-section h3{color:var(--fw-orange); margin-bottom:1rem; }
.footer-section ul {list-style:none;}
.footer-section a{color:white; display:block; margin-bottom:0.5rem; opacity:0.8; text-decoration:none; transition:opacity 0.3s; }
.footer-section a:hover{color:var(--fw-orange); opacity:1; }
.footer .copy {text-align:center; padding-top:3rem; opacity:0.7; font-size:0.875rem;}


/* Responsive */
@media (max-width: 968px) {
	.menu-toggle{display:block;}
	.main_menu_wrap {display:none; height:auto; background-color:#fff; position:fixed; top:0; left:0; right:0; bottom:0; z-index:997; width:100%; padding:45px 20px 20px; overflow-x:hidden; overflow-y:auto;}
	.main_menu {width:90%; display:block; padding:0;}
	.main_menu li a{display:inline-block; padding:10px 0;}
	.main_menu li {width:100%; position:relative; margin:10px 0;}
		.main_menu > li:after {width:0;}
	.main_menu > li > a {padding:0; margin:0; }
	.main_menu > li > a:hover {background-color:#fff; color:var(--fw-orange);}
	.main_menu > li.current-menu-item > a {background-color:#fff; color:var(--fw-orange); }
	.main_menu .sub-menu {position:static; width:100%; margin:0; border:none; box-shadow:none; padding-top:6px; opacity:1; visibility:visible; display:none; transform:none; transition:none;}
	.main_menu .sub-menu li {padding:6px 0 6px 15px; border:none;}
	.main_menu .sub-menu li a {padding:0;}
	.main_menu .sub-menu .sub-menu {padding-left:0px; padding-top:10px; margin-left:0; margin-top:0;}
	.main_menu li:hover > ul.sub-menu {display:none; transform:none;}

	.sub-menu::before {width:0; height:0;}
	.sub-menu-toggle{color:var(--fw-blue); position:absolute; top:12px; right:20px; padding:5px 10px; border:1px solid; border-radius:8px; line-height:12px; height:24px; cursor:pointer;
		-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		transform:translateY(-50%)
	}
	.main_menu > li > .sub-menu-toggle {top:12px;}
	.sub-menu-toggle:before{border-style:solid; border-width: 0.15em 0.15em 0 0; content:''; display:inline-block; width:0.45em; height:0.45em; position:relative; top:0; vertical-align:top; transform:rotate(135deg);}
	.sub-menu-toggle.active:before{transform: rotate(-45deg); top: 0.15em;}		
	
	.htop-content{grid-template-columns:1fr; text-align:center;}
	.htop-buttons {justify-content:center;}
	.podcast-cover {margin:auto;}
	.hero-content {
		grid-template-columns: 1fr;
		text-align: center;
	}
	
	.content-section {
		grid-template-columns: 1fr;
	}
	
	.hosts-grid {
		grid-template-columns: 1fr;
	}
	.newsletter-form {
		flex-direction: column;
	}
	
	.topics-grid {
		grid-template-columns: 1fr;
	}
	
	.special-topic {
		grid-column: span 1;
	}
	
	.ht-content h1 {font-size:2rem;}
	.intro-container {
		grid-template-columns: 1fr;
	}
	
	.ab-content h1 {
		font-size: 2rem;
	}
}

@media only screen and (max-width: 768px) {
    

	
	.hero-content {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.hero-text h2 {
		font-size: 2rem;
	}

	/* .nav-links {
		display: none;
	} */
	.ep-item {
		grid-template-columns: 1fr;
	}
	.ep-thumbnail img {width:100%; height:auto;}
	
	.filter-container {
		flex-direction: column;
		align-items: stretch;
	}
	
	.filter-group {
		width: 100%;
	}
	
	.filter-select {
		width: 100%;
	}
}

@media only screen and (max-width : 600px) {
	
}

@media only screen and (max-width: 480px) {
	.htop-buttons {flex-direction:column;}
	.header .newsletter-btn {display:none;}
}