*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{overflow-x:hidden;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:'DM Sans',sans-serif;color:#333;background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
a{text-decoration:none;color:inherit;transition:color .2s}
img,video,iframe{display:block;max-width:100%;height:auto}
.container{max-width:1200px;margin:0 auto;padding:0 32px}

.ad-top{background:#F5F5F5;border-bottom:1px solid #E5E5E5}
.ad-top-label{text-align:center;padding:5px 0 0;font-size:9px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:#bbb}
.ad-top-inner{max-width:1200px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1fr 1.2fr;min-height:100px;align-items:center}
.ad-top-text{padding:20px 0}
.ad-top-text h4{font-family:'Playfair Display',serif;font-size:26px;font-weight:700;color:#1A1A1A;line-height:1.2}
.ad-top-text p{font-size:14px;color:#555;margin-top:6px;line-height:1.4}
.ad-top-text .ad-cta{display:inline-block;border:1.5px solid #1A1A1A;color:#1A1A1A;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:10px 22px;margin-top:14px;transition:all .3s}
.ad-top-text .ad-cta:hover{background:#1A1A1A;color:#fff}
.ad-top-img{height:100%;display:flex;align-items:center;justify-content:flex-end}
.ad-top-img img{width:100%;max-height:120px;object-fit:cover}

.header{background:#fff;position:sticky;top:0;z-index:100;transition:box-shadow .3s}
.header.scrolled{box-shadow:0 1px 8px rgba(0,0,0,.06)}
.header.scrolled .header-row2{max-height:0;overflow:hidden;border:none}
.header-row1{max-width:1200px;margin:0 auto;padding:0 32px;height:62px;display:flex;align-items:center;justify-content:space-between;position:relative}
.header-left{display:flex;align-items:center;gap:14px}
.header-left button{background:none;border:none;cursor:pointer;color:#333;font-size:18px;line-height:1}
.header-logo{position:absolute;left:50%;transform:translateX(-50%)}
.header-logo-text{font-family:'Playfair Display',serif;font-size:34px;font-weight:700;color:#1A1A1A;letter-spacing:.5px}
.header-right{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase}
.header-right a:first-child{color:#b44981}
.header-right a:last-child{color:#333}
.header-right span{color:#ddd;margin:0 4px}
.header-row2{border-bottom:1px solid #E5E5E5;max-height:40px;transition:max-height .3s,border .3s;overflow:hidden}
.header-nav{max-width:1200px;margin:0 auto;padding:0 32px;height:38px;display:flex;align-items:center;justify-content:center;gap:8px}
.header-nav a{font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:#444;padding:0 14px}
.header-nav a:hover{color:#b44981}
.header-nav .dot{color:#ddd;font-size:10px}

.hero{padding:40px 0 0}
.hero-grid{display:grid;grid-template-columns:1fr .65fr;gap:40px;align-items:start}
.hero-img{width:100%;aspect-ratio:3/2;object-fit:cover}
.hero-cat{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#b44981;margin-top:18px;display:inline-block}
.hero-title{font-family:'Playfair Display',serif;font-size:40px;font-weight:700;color:#1A1A1A;line-height:1.12;margin-top:8px}
.hero-title a:hover{color:#b44981}
.hero-meta{font-size:13px;color:#999;margin-top:14px}
.hero-excerpt{font-size:15px;color:#666;line-height:1.65;margin-top:12px}
.hero-sidebar-img{width:100%;aspect-ratio:1/1;object-fit:cover}
.hero-sidebar .badge{display:inline-flex;align-items:center;gap:5px;margin-top:16px;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#b44981}
.hero-sidebar .badge svg{width:12px;height:12px}
.hero-sidebar h3{font-family:'Playfair Display',serif;font-size:24px;font-weight:600;color:#1A1A1A;line-height:1.25;margin-top:8px}
.hero-sidebar h3 a:hover{color:#b44981}
.hero-sidebar p{font-size:14px;color:#888;line-height:1.5;margin-top:8px}

.nl-inline{border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;margin-top:40px;padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}
.nl-inline h4{font-family:'Playfair Display',serif;font-size:26px;font-weight:700;color:#1A1A1A}
.nl-inline p{font-size:15px;color:#777;margin-top:4px}
.nl-inline-btn{background:#1A1A1A;color:#fff;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:16px 40px;white-space:nowrap;transition:background .3s}
.nl-inline-btn:hover{background:#333}

.section-header{display:flex;align-items:center;gap:12px;margin-bottom:28px;padding-top:44px}
.section-header::before{content:'';width:10px;height:3px;background:#1A1A1A;flex-shrink:0}
.section-header h2{font-family:'Playfair Display',serif;font-size:2rem;font-weight:600;color:#1A1A1A;white-space:nowrap}
.section-header::after{content:'';flex:1;height:1px;background:#E5E5E5}
.section-header-link{margin-left:auto;font-size:13px;font-weight:500;color:#b44981;white-space:nowrap;flex-shrink:0}
.section-header-link:hover{text-decoration:underline}

.stories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px}
.story-card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.story-card .cat,.story-card .story-cat{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-top:14px;display:inline-block}
.story-card .cat.distribution,.story-card .story-cat.distribution{color:#b44981}.story-card .cat.brand,.story-card .story-cat.brand{color:#2D5F8A}.story-card .cat.trends,.story-card .story-cat.trends{color:#D4A843}.story-card .cat.tech,.story-card .story-cat.tech{color:#3AAB7C}.story-card .cat.marketing,.story-card .story-cat.marketing{color:#3AAB7C}.story-card .cat.investment,.story-card .story-cat.investment{color:#2D5F8A}.story-card .cat.podcast,.story-card .story-cat.podcast{color:#D4A843}
.story-card h3{font-family:'Playfair Display',serif;font-size:21px;font-weight:600;color:#1A1A1A;line-height:1.3;margin-top:6px}
.story-card h3 a:hover{color:#b44981}
.story-card .date,.story-card .story-date{font-size:12px;color:#aaa;margin-top:8px;text-transform:uppercase;letter-spacing:.5px}

.bof-feed-item{display:grid;grid-template-columns:1fr 280px;gap:32px;padding:28px 0;border-bottom:1px dashed #ddd;align-items:start}
.bof-feed-item:first-child{padding-top:0}
.bof-feed-cat{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.bof-feed-cat.distribution{color:#b44981}.bof-feed-cat.brand{color:#2D5F8A}.bof-feed-cat.trends{color:#D4A843}.bof-feed-cat.tech{color:#3AAB7C}.bof-feed-cat.marketing{color:#3AAB7C}.bof-feed-cat.investment{color:#2D5F8A}
.bof-feed-item h3{font-family:'Playfair Display',serif;font-size:28px;font-weight:700;color:#1A1A1A;line-height:1.18;margin-top:5px}
.bof-feed-item h3 a:hover{color:#b44981}
.bof-feed-item .excerpt{font-size:15px;color:#666;line-height:1.6;margin-top:10px}
.bof-feed-item .fmeta{font-size:13px;color:#b44981;font-weight:600;margin-top:12px}
.bof-feed-item img{width:280px;height:188px;object-fit:cover;max-width:100%}

.ad-mid{margin:20px 0;text-align:center}
.ad-mid-label{font-size:9px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:#ccc;margin-bottom:4px}
.ad-mid-banner{background:linear-gradient(135deg,#b44981,#8a3566);padding:18px 32px;display:flex;align-items:center;justify-content:space-between}
.ad-mid-banner h4{font-family:'Playfair Display',serif;font-size:16px;font-weight:600;color:#fff}
.ad-mid-banner p{font-size:11px;color:rgba(255,255,255,.7);margin-top:2px}
.ad-mid-banner a{border:1px solid rgba(255,255,255,.4);color:#fff;font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:8px 20px;transition:all .3s}
.ad-mid-banner a:hover{background:rgba(255,255,255,.12)}

.most-read-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px}
.most-read-item{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid #F0F0F0}
.most-read-num{font-family:'Playfair Display',serif;font-size:40px;font-weight:700;color:#E8E8E8;line-height:1;flex-shrink:0;min-width:36px}
.most-read-item h4{font-family:'Playfair Display',serif;font-size:16px;font-weight:500;color:#333;line-height:1.35;padding-top:4px}
.most-read-item h4 a:hover{color:#b44981}

.excl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.excl-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.excl-card .badge{display:inline-flex;align-items:center;gap:4px;margin-top:12px;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#b44981}
.excl-card .badge svg{width:11px;height:11px}
.excl-card h4{font-family:'Playfair Display',serif;font-size:17px;font-weight:600;color:#1A1A1A;line-height:1.3;margin-top:6px}
.excl-card h4 a:hover{color:#b44981}
.excl-card .ecat{font-size:11px;color:#aaa;text-transform:uppercase;letter-spacing:1px;margin-top:6px}

/* INVESTMENT SECTION */
.investment-section{margin-top:44px;padding-top:0}
.investment-header{margin-bottom:32px}
.investment-header-line{width:48px;height:3px;background:#1A1A1A;margin-bottom:16px}
.investment-header h2{font-family:'Playfair Display',serif;font-size:2rem;font-weight:700;color:#1A1A1A;line-height:1.2}
.investment-highlight{font-style:italic;color:#D4A843}
.investment-subtitle{font-family:'DM Sans',sans-serif;font-size:15px;color:#888;line-height:1.5;margin-top:8px;max-width:520px}
.investment-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.investment-small-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.investment-card-small img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .4s}
.investment-card-small:hover img{transform:scale(1.03)}
.investment-card-small a{display:block;overflow:hidden}
.investment-card-content{padding-top:10px}
.investment-cat{font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#D4A843;display:inline-block}
.investment-card-small h3{font-family:'Playfair Display',serif;font-size:15px;font-weight:600;color:#1A1A1A;line-height:1.3;margin-top:4px}
.investment-card-small h3 a:hover{color:#b44981}
.investment-card-main{display:flex;flex-direction:column}
.investment-card-main>a{display:block;overflow:hidden}
.investment-card-main img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .4s}
.investment-card-main:hover img{transform:scale(1.02)}
.investment-card-main-content{padding-top:16px}
.investment-card-main-content h3{font-family:'Playfair Display',serif;font-size:24px;font-weight:700;color:#1A1A1A;line-height:1.2;margin-top:6px}
.investment-card-main-content h3 a:hover{color:#b44981}
.investment-card-main-content p{font-family:'DM Sans',sans-serif;font-size:14px;color:#666;line-height:1.6;margin-top:10px}
.investment-read-more{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#D4A843;display:inline-block;margin-top:14px;transition:color .2s}
.investment-read-more:hover{color:#b44981}
/* NOTES DE BAS DE PAJE AD */
.ad-nbdp-label{font-size:9px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:#ccc;margin-bottom:6px;margin-top:36px;text-align:center}
.ad-nbdp{display:block;text-decoration:none;color:inherit;margin:0 auto;max-width:1200px;overflow:hidden;transition:transform .3s;padding:0 32px}
.ad-nbdp:hover{transform:translateY(-2px)}
.ad-nbdp-inner{display:grid;grid-template-columns:1fr 1fr;background:#0A0A0A;min-height:260px}
.ad-nbdp-text{padding:44px 52px;display:flex;flex-direction:column;justify-content:center}
.ad-nbdp-badge{font-family:'DM Sans',sans-serif;font-size:9px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#E8DDD0;margin-bottom:16px;display:inline-block}
.ad-nbdp-brand{font-family:'Playfair Display',serif;font-size:36px;font-weight:700;color:#fff;letter-spacing:.5px;line-height:1.15;margin-bottom:6px}
.ad-nbdp-tagline{font-family:'Playfair Display',serif;font-size:15px;font-weight:400;font-style:italic;color:rgba(255,255,255,.45);margin-bottom:20px;letter-spacing:.5px}
.ad-nbdp-desc{font-family:'DM Sans',sans-serif;font-size:13.5px;color:rgba(255,255,255,.58);line-height:1.65;margin-bottom:24px;max-width:380px}
.ad-nbdp-cta{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#E8DDD0;display:inline-flex;align-items:center;gap:8px;padding:11px 26px;border:1.5px solid rgba(232,221,208,.4);transition:all .3s;align-self:flex-start}
.ad-nbdp:hover .ad-nbdp-cta{background:#E8DDD0;color:#0A0A0A;border-color:#E8DDD0}
.ad-nbdp-img{position:relative;overflow:hidden}
.ad-nbdp-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.ad-nbdp:hover .ad-nbdp-img img{transform:scale(1.03)}

/* NEW FOOTER — BoF Style */
.new-footer{background:#1a1a1a;color:#fff;padding:48px 32px 24px;margin-top:44px;max-width:100%}
.footer-header{max-width:1200px;margin:0 auto 32px;border-bottom:1px solid #333;padding-bottom:24px}
.footer-header h2{font-family:'Playfair Display',serif;font-size:28px;font-weight:700;color:#fff;margin-bottom:8px}
.footer-header p{color:#999;font-size:14px;line-height:1.5;max-width:500px}
.footer-content{max-width:1200px;margin:0 auto 32px;display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr;gap:32px}
.footer-column h4{font-size:12px;font-weight:600;letter-spacing:1.5px;margin-bottom:16px;color:#fff;border-bottom:1px solid #444;padding-bottom:8px}
.footer-column ul{list-style:none;padding:0;margin:0}
.footer-column li{margin-bottom:8px}
.footer-column a{color:#ccc;text-decoration:none;font-size:14px;transition:color .2s}
.footer-column a:hover{color:#fff}
.social-icons{display:flex;gap:16px;margin-top:8px}
.social-icons a{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600;font-style:normal;border:1px solid #444;border-radius:50%;transition:border-color .2s}
.social-icons a:hover{border-color:#fff}
.footer-promo{background:#2a2a2a;padding:16px;border-radius:4px;text-align:center}
.footer-promo img{width:100%;max-width:280px;border-radius:4px;margin:0 auto 12px}
.footer-promo p{font-size:14px;margin-bottom:12px;color:#ccc}
.footer-promo .btn{background:#fff;color:#000;padding:8px 16px;font-size:12px;font-weight:600;letter-spacing:1.5px;text-decoration:none;display:inline-block;transition:background .3s}
.footer-promo .btn:hover{background:#ddd}
.footer-bottom{max-width:1200px;margin:0 auto;border-top:1px solid #333;padding-top:16px;text-align:center}
.footer-bottom p{font-size:12px;color:#666}
.footer-bottom a{color:#999;transition:color .2s}
.footer-bottom a:hover{color:#fff}

/* SEARCH OVERLAY */
.search-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.97);z-index:200;align-items:flex-start;justify-content:center;padding-top:120px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.search-overlay.active{display:flex}
.search-box{width:100%;max-width:640px;padding:0 32px}
.search-box input{width:100%;border:none;border-bottom:2px solid #1A1A1A;font-family:'Playfair Display',serif;font-size:32px;font-weight:600;color:#1A1A1A;padding:16px 0;outline:none;background:transparent}
.search-box input::placeholder{color:#ccc}
.search-close{position:absolute;top:28px;right:36px;background:none;border:none;font-size:28px;cursor:pointer;color:#333}
.search-results{margin-top:24px}
.search-results a{display:block;padding:14px 0;border-bottom:1px solid #eee;font-family:'Playfair Display',serif;font-size:18px;color:#1A1A1A;transition:color .2s}
.search-results a:hover{color:#b44981}
.search-results .sr-cat{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#b44981;margin-bottom:4px;display:block}

/* =============================================
   ARTICLE PAGE — 2-Column Layout (Beauty Independent Style)
   ============================================= */
.article-layout{max-width:1200px;margin:0 auto;padding:48px 32px 0;display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start}
.article-content{min-width:0}
.article-cat-tag{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;display:inline-block;margin-bottom:12px}
.article-cat-tag.distribution{color:#b44981}.article-cat-tag.brand{color:#2D5F8A}.article-cat-tag.trends{color:#D4A843}.article-cat-tag.tech{color:#3AAB7C}.article-cat-tag.marketing{color:#3AAB7C}.article-cat-tag.investment{color:#2D5F8A}.article-cat-tag.podcast{color:#D4A843}
.article-headline{font-family:'Playfair Display',serif;font-size:42px;font-weight:700;color:#1A1A1A;line-height:1.12;margin-bottom:20px}
.article-author-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}
.article-author-info{display:flex;align-items:center;gap:12px}
.article-avatar{width:40px;height:40px;border-radius:50%;background:#E5E5E5;display:flex;align-items:center;justify-content:center;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:700;color:#999;flex-shrink:0}
.article-author-name{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:700;color:#1A1A1A;text-transform:uppercase;letter-spacing:.5px}
.article-author-date{font-family:'DM Sans',sans-serif;font-size:13px;color:#999;margin-top:2px}
.article-social{display:flex;gap:8px}
.article-social a{width:32px;height:32px;border-radius:50%;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;font-size:13px;color:#666;transition:border-color .2s}
.article-social a:hover{border-color:#b44981;color:#b44981}
.article-rose-line{height:3px;background:#b44981;margin:20px 0 28px}
.article-lead{font-family:'Playfair Display',serif;font-size:22px;font-weight:400;color:#1A1A1A;line-height:1.55;margin-bottom:28px}
.article-featured-img{width:100%;aspect-ratio:16/9;object-fit:cover;margin:0 0 28px}
.article-body p{font-family:'DM Sans',sans-serif;font-size:17px;color:#333;line-height:1.85;margin-bottom:24px}
.article-body h2{font-family:'Playfair Display',serif;font-size:22px;font-weight:700;color:#1A1A1A;margin-top:36px;margin-bottom:16px}
.article-pullquote{border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;padding:32px 20px;margin:40px 0;text-align:center}
.article-pullquote p{font-family:'Playfair Display',serif;font-size:28px;font-weight:400;color:#1A1A1A;line-height:1.35;margin-bottom:16px}
.article-pullquote .tweet-this{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#b44981;cursor:pointer}
.article-pullquote .tweet-this:hover{text-decoration:underline}
.article-share-footer{border-top:2px solid #1A1A1A;border-bottom:2px solid #1A1A1A;display:flex;align-items:center;justify-content:space-between;padding:16px 0;margin-top:40px}
.article-share-footer span{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#1A1A1A}

/* Sidebar */
.article-sidebar{position:sticky;top:120px}
.sidebar-nl{background:#FDF0F0;padding:28px;margin-bottom:24px}
.sidebar-nl h3{font-family:'Playfair Display',serif;font-size:24px;font-weight:700;color:#1A1A1A;line-height:1.25}
.sidebar-nl p{font-family:'DM Sans',sans-serif;font-size:14px;color:#666;margin-top:8px;line-height:1.5}
.sidebar-nl input{width:100%;border:1px solid #1A1A1A;padding:12px 14px;font-family:'DM Sans',sans-serif;font-size:14px;margin-top:14px;outline:none}
.sidebar-nl input::placeholder{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:#999}
.sidebar-premium{background:#F5F5F5;padding:24px}
.sidebar-premium h4{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#1A1A1A;margin-bottom:20px;display:flex;align-items:center;gap:6px}
.sidebar-premium h4::before{content:'✦';color:#b44981}
.sidebar-card{display:flex;gap:14px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #E5E5E5}
.sidebar-card:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}
.sidebar-card img{width:80px;height:80px;object-fit:cover;flex-shrink:0}
.sidebar-card-text .scat{font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.sidebar-card-text .scat.distribution{color:#b44981}.sidebar-card-text .scat.brand{color:#2D5F8A}.sidebar-card-text .scat.trends{color:#D4A843}.sidebar-card-text .scat.tech{color:#3AAB7C}.sidebar-card-text .scat.investment{color:#2D5F8A}
.sidebar-card-text h5{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:700;color:#1A1A1A;line-height:1.3;margin-top:4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sidebar-card-text h5 a:hover{color:#b44981}

/* Related Articles (full-width below 2-col) */
.article-related{max-width:1200px;margin:48px auto 0;padding:0 32px}

/* =============================================
   CATEGORY PAGES
   ============================================= */
.cat-page-header{padding:48px 0 0}
.cat-page-border{border-bottom:2px solid #1A1A1A;margin-bottom:40px;padding-bottom:20px}
.cat-page-title{font-family:'Playfair Display',serif;font-size:42px;font-weight:700;color:#1A1A1A}
.cat-page-subtitle{font-family:'DM Sans',sans-serif;font-size:16px;color:#888;margin-top:8px;line-height:1.5}
.cat-featured{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:start;margin-bottom:48px}
.cat-featured img{width:100%;aspect-ratio:3/2;object-fit:cover}
.cat-featured-text .cat-tag{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;display:inline-block}
.cat-featured-text .cat-tag.distribution{color:#b44981}.cat-featured-text .cat-tag.brand{color:#2D5F8A}.cat-featured-text .cat-tag.trends{color:#D4A843}.cat-featured-text .cat-tag.tech{color:#3AAB7C}.cat-featured-text .cat-tag.marketing{color:#3AAB7C}.cat-featured-text .cat-tag.investment{color:#2D5F8A}
.cat-featured-text h2{font-family:'Playfair Display',serif;font-size:32px;font-weight:700;color:#1A1A1A;line-height:1.2;margin-bottom:12px}
.cat-featured-text h2 a:hover{color:#b44981}
.cat-featured-text .excerpt{font-family:'DM Sans',sans-serif;font-size:15px;color:#666;line-height:1.6}
.cat-featured-text .meta{font-family:'DM Sans',sans-serif;font-size:13px;color:#999;margin-top:12px}

/* Podcast episodes */
.podcast-episode{display:flex;align-items:center;gap:24px;padding:28px 0;border-bottom:1px dashed #ddd}
.podcast-episode:first-child{padding-top:0}
.podcast-ep-num{font-family:'Playfair Display',serif;font-size:48px;font-weight:700;color:#E8E8E8;flex-shrink:0;min-width:80px;text-align:center}
.podcast-ep-info{flex:1}
.podcast-ep-info h3{font-family:'Playfair Display',serif;font-size:22px;font-weight:700;color:#1A1A1A;line-height:1.3}
.podcast-ep-info .guest{font-family:'DM Sans',sans-serif;font-size:14px;color:#D4A843;font-weight:600;margin-top:4px}
.podcast-ep-info .ep-meta{font-family:'DM Sans',sans-serif;font-size:13px;color:#999;margin-top:6px}
.podcast-listen-btn{background:#1A1A1A;color:#fff;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:12px 28px;border:none;cursor:pointer;transition:background .3s;flex-shrink:0}
.podcast-listen-btn:hover{background:#333}

/* About & Newsletter pages */
.page-centered{max-width:720px;margin:0 auto;padding:60px 32px}
.page-centered h1{font-family:'Playfair Display',serif;font-size:42px;font-weight:700;color:#1A1A1A;text-align:center;margin-bottom:32px}
.page-centered p{font-family:'DM Sans',sans-serif;font-size:17px;color:#333;line-height:1.85;margin-bottom:20px}
.page-centered h2{font-family:'Playfair Display',serif;font-size:24px;font-weight:700;color:#1A1A1A;margin-top:40px;margin-bottom:16px}
.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px}
.team-member h3{font-family:'Playfair Display',serif;font-size:20px;font-weight:600;color:#1A1A1A}
.team-member p{font-family:'DM Sans',sans-serif;font-size:14px;color:#888;margin-top:4px}
.nl-page-form{max-width:480px;margin:32px auto;text-align:center}
.nl-page-form input{display:block;width:100%;border:1px solid #E5E5E5;padding:14px 16px;font-family:'DM Sans',sans-serif;font-size:15px;color:#333;margin-top:12px;outline:none}
.nl-page-form input:focus{border-color:#b44981}
.nl-page-form input::placeholder{color:#aaa}
.nl-page-form button{display:inline-block;background:#1A1A1A;color:#fff;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:16px 40px;border:none;cursor:pointer;margin-top:16px;transition:background .3s}
.nl-page-form button:hover{background:#333}
.nl-page-form .note{font-family:'DM Sans',sans-serif;font-size:14px;color:#aaa;margin-top:12px}

/* Admin page */
.admin-header{background:#1A1A1A;padding:20px 32px;display:flex;align-items:center;justify-content:space-between}
.admin-header h1{font-family:'Playfair Display',serif;font-size:24px;font-weight:600;color:#fff}
.admin-header a{color:#b44981;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}
.admin-body{max-width:1200px;margin:0 auto;padding:32px}
.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px}
.admin-stat{background:#F5F5F5;padding:20px;text-align:center}
.admin-stat h3{font-family:'Playfair Display',serif;font-size:32px;font-weight:700;color:#1A1A1A}
.admin-stat p{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#999;margin-top:4px}
.admin-table{width:100%;border-collapse:collapse;font-family:'DM Sans',sans-serif;font-size:14px}
.admin-table th{background:#1A1A1A;color:#fff;padding:12px 16px;text-align:left;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.admin-table td{padding:12px 16px;border-bottom:1px solid #E5E5E5}
.admin-table tr:hover td{background:#FAFAFA}
.admin-cat-badge{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;border-radius:2px}
.admin-refresh-btn{background:#b44981;color:#fff;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:12px 28px;border:none;cursor:pointer;transition:background .3s}
.admin-refresh-btn:hover{background:#993d6d}

/* =============================================
   MOBILE MENU OVERLAY
   ============================================= */
.mobile-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.98);z-index:200;padding:80px 40px 40px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.mobile-menu.active{display:block}
.mobile-menu-close{position:absolute;top:24px;right:32px;background:none;border:none;font-size:28px;cursor:pointer;color:#333}
.mobile-menu-nav{display:flex;flex-direction:column;gap:0}
.mobile-menu-nav a{font-family:'Playfair Display',serif;font-size:28px;font-weight:600;color:#1A1A1A;padding:14px 0;border-bottom:1px solid #F0F0F0;transition:color .2s}
.mobile-menu-nav a:hover{color:#b44981}

/* =============================================
   READING PROGRESS BAR
   ============================================= */
.reading-progress{position:fixed;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#b44981,#D4A843);z-index:999;transition:width .1s linear}

/* =============================================
   ARTICLE ENHANCEMENTS (all layouts)
   ============================================= */

/* Reading time badge */
.article-reading-time{font-family:'DM Sans',sans-serif;font-size:12px;color:#999;letter-spacing:.5px;display:inline-flex;align-items:center;gap:5px}
.article-reading-time svg{width:14px;height:14px;stroke:#bbb;fill:none}

/* Drop cap */
.article-lead.has-dropcap::first-letter{font-family:'Playfair Display',serif;float:left;font-size:72px;font-weight:700;line-height:.8;padding-right:10px;padding-top:6px;color:#1A1A1A}

/* Image caption */
.article-img-wrap{margin:0 0 28px}
.article-img-wrap img{width:100%;aspect-ratio:16/9;object-fit:cover}
.article-img-caption{font-family:'DM Sans',sans-serif;font-size:12px;color:#aaa;margin-top:8px;font-style:italic;padding-bottom:16px;border-bottom:1px solid #f0f0f0}

/* Enhanced pullquote with decorative quotes */
.article-pullquote{border:none;padding:40px 24px;margin:44px 0;text-align:center;position:relative;background:#FAFAFA}
.article-pullquote::before{content:'\201C';font-family:'Playfair Display',serif;font-size:80px;font-weight:700;color:#E5E5E5;position:absolute;top:-10px;left:20px;line-height:1}
.article-pullquote p{font-family:'Playfair Display',serif;font-size:24px;font-weight:400;color:#1A1A1A;line-height:1.4;margin-bottom:12px;font-style:italic}
.article-pullquote .pq-source{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#b44981;display:block;margin-top:4px}

/* Sticky floating share bar */
.article-share-float{position:fixed;left:calc(50% - 620px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:50}
.article-share-float a{width:38px;height:38px;border-radius:50%;border:1px solid #E5E5E5;background:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;color:#666;transition:all .2s;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.article-share-float a:hover{border-color:#b44981;color:#b44981;box-shadow:0 2px 8px rgba(180,73,129,.15)}

/* Table of Contents */
.article-toc{background:#FAFAFA;border-left:3px solid #b44981;padding:20px 24px;margin-bottom:32px}
.article-toc-title{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#1A1A1A;margin-bottom:12px;display:flex;align-items:center;gap:6px}
.article-toc-title::before{content:'☰';font-size:14px}
.article-toc ol{list-style:none;counter-reset:toc}
.article-toc ol li{counter-increment:toc;padding:6px 0;border-bottom:1px solid #f0f0f0}
.article-toc ol li:last-child{border-bottom:none}
.article-toc ol li::before{content:counter(toc,decimal-leading-zero);font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;color:#b44981;margin-right:10px}
.article-toc ol li a{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;color:#444;transition:color .2s}
.article-toc ol li a:hover{color:#b44981}

/* Article Tags */
.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;padding-top:20px;border-top:1px solid #E5E5E5}
.article-tags a{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#666;background:#F5F5F5;padding:6px 14px;transition:all .2s}
.article-tags a:hover{background:#b44981;color:#fff}

/* Author Bio Box */
.author-bio-box,.article-author-bio{display:flex;gap:20px;padding:28px;background:#FAFAFA;margin-top:32px;align-items:flex-start}
.author-bio-avatar,.bio-avatar{width:64px;height:64px;border-radius:50%;background:#E5E5E5;display:flex;align-items:center;justify-content:center;font-family:'DM Sans',sans-serif;font-size:20px;font-weight:700;color:#999;flex-shrink:0}
.author-bio-info h4,.bio-info h4{font-family:'Playfair Display',serif;font-size:18px;font-weight:700;color:#1A1A1A}
.author-bio-info .author-bio-role,.bio-info .author-bio-role{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;color:#b44981;letter-spacing:1px;text-transform:uppercase;margin-top:2px}
.author-bio-info p,.bio-info p{font-family:'DM Sans',sans-serif;font-size:14px;color:#666;line-height:1.6;margin-top:8px}

/* Enhanced Related Articles */
.article-related-title{font-family:'Playfair Display',serif;font-size:24px;font-weight:700;color:#1A1A1A;padding-bottom:16px;border-bottom:2px solid #1A1A1A;margin-bottom:28px;display:flex;align-items:center;gap:10px}
.article-related-title::before{content:'';width:8px;height:8px;background:#b44981;border-radius:50%;flex-shrink:0}

/* =============================================
   LAYOUT B — LONG-FORM / DEEP DIVE
   Full-width, no sidebar, hero full-bleed
   ============================================= */
.article-layout-b{max-width:100%;margin:0;padding:0}
.article-hero-fullbleed{width:100%;max-height:560px;overflow:hidden;position:relative}
.article-hero-fullbleed img{width:100%;height:560px;object-fit:cover}
.article-hero-fullbleed .hero-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.65));padding:60px 0 40px}
.article-hero-fullbleed .hero-overlay-inner{max-width:780px;margin:0 auto;padding:0 32px}
.article-hero-fullbleed .hero-overlay .article-cat-tag{color:#D4A843}
.article-hero-fullbleed .hero-overlay h1{font-family:'Playfair Display',serif;font-size:46px;font-weight:700;color:#fff;line-height:1.12;margin-top:8px}
.article-hero-fullbleed .hero-overlay .hero-meta-line{font-family:'DM Sans',sans-serif;font-size:13px;color:rgba(255,255,255,.75);margin-top:16px;display:flex;align-items:center;gap:16px}
.article-b-body{max-width:780px;margin:0 auto;padding:48px 32px 0}
.article-b-body .article-lead{font-size:24px;line-height:1.55;border-left:3px solid #b44981;padding-left:24px;margin-bottom:36px}
.article-b-body .article-body p{font-size:18px;line-height:1.9}
.article-b-body .article-body h2{font-size:26px;margin-top:44px}
.article-b-body .article-pullquote{margin-left:-40px;margin-right:-40px}
.article-b-mid-img{width:100vw;margin-left:calc(-50vw + 50%);margin-top:40px;margin-bottom:40px}
.article-b-mid-img img{width:100%;max-height:420px;object-fit:cover}
.article-b-mid-img .article-img-caption{max-width:780px;margin:8px auto 0;padding:0 32px}

/* =============================================
   LAYOUT C — QUICK TAKE / NEWS BRIEF
   Narrow centered, minimal, no hero image
   ============================================= */
.article-layout-c{max-width:640px;margin:0 auto;padding:48px 32px 0}
.article-quick-badge{font-family:'DM Sans',sans-serif;font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#fff;background:#1A1A1A;padding:5px 14px;display:inline-block;margin-bottom:16px}
.article-layout-c .article-headline{font-size:34px;margin-bottom:16px}
.article-layout-c .article-body p{font-size:16px;line-height:1.8}
.article-layout-c .article-lead{font-size:19px;font-weight:500;color:#444;font-family:'DM Sans',sans-serif;line-height:1.7;border-bottom:1px solid #E5E5E5;padding-bottom:20px;margin-bottom:24px}
.article-layout-c .article-body h2{font-size:20px}
.article-layout-c .key-takeaways{background:#F8F5E6;border-left:3px solid #D4A843;padding:20px 24px;margin:24px 0}
.article-layout-c .key-takeaways h3{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#D4A843;margin-bottom:10px}
.article-layout-c .key-takeaways ul{list-style:none;padding:0}
.article-layout-c .key-takeaways ul li{font-family:'DM Sans',sans-serif;font-size:14px;color:#444;line-height:1.6;padding:6px 0;border-bottom:1px solid rgba(212,168,67,.15);position:relative;padding-left:18px}
.article-layout-c .key-takeaways ul li::before{content:'→';position:absolute;left:0;color:#D4A843;font-weight:700}
.article-layout-c .key-takeaways ul li:last-child{border-bottom:none}

/* =============================================
   RESPONSIVE — Article Enhancements
   ============================================= */
@media(max-width:1280px){
.article-share-float{display:none}
}
@media(max-width:1024px){
.article-layout-b .article-b-body .article-pullquote{margin-left:0;margin-right:0}
}

/* =============================================
   COMPREHENSIVE RESPONSIVE — ADDITIVE ONLY
   No desktop styles modified. Pure media queries.
   Strategy: 5 breakpoints + clamp() fluid scaling
   ============================================= */

/* --- FLUID TYPOGRAPHY (all screens, no breakpoint needed) --- */
/* These use clamp() to scale smoothly from 320px to 1200px viewport.
   On desktop (≥1200px) they resolve to the SAME values as the originals. */

/* --- TABLET LANDSCAPE / SMALL LAPTOP (≤1180px) --- */
@media(max-width:1180px){
  .container{padding:0 28px}
  .header-row1{padding:0 28px}
  .header-nav{padding:0 28px}
  .hero-grid{gap:32px}
  .hero-title{font-size:36px}
  .hero-sidebar h3{font-size:22px}
  .excl-grid{gap:20px}
  .excl-card h4{font-size:16px}
  .new-footer{padding:48px 28px 24px}
  .article-layout{padding:48px 28px 0;gap:36px}
  .article-layout{grid-template-columns:1fr 300px}
  .article-related{padding:0 28px}
  .article-hero-fullbleed .hero-overlay-inner{padding:0 28px}
  .cat-featured{gap:28px}
  .cat-page-title{font-size:38px}
}

/* --- TABLET PORTRAIT (≤1024px) — enriching existing --- */
@media(max-width:1024px){
  .hero-grid{grid-template-columns:1fr .5fr;gap:28px}
  .hero-title{font-size:34px}
  .hero-excerpt{font-size:14px}
  .stories-grid{grid-template-columns:repeat(2,1fr);gap:24px}
  .most-read-grid{grid-template-columns:repeat(2,1fr);gap:0 32px}
  .excl-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .investment-grid{grid-template-columns:1fr;gap:28px}
  .investment-card-main{order:-1}
  .investment-small-grid{grid-template-columns:repeat(4,1fr);gap:16px}
  .investment-card-small h3{font-size:14px}
  .bof-feed-item{grid-template-columns:1fr 220px;gap:24px}
  .bof-feed-item img{width:220px;height:148px}
  .bof-feed-item h3{font-size:24px}
  .footer-content{grid-template-columns:1fr 1fr;gap:24px}
  .footer-promo{grid-column:span 2}
  .ad-top-text h4{font-size:22px}
  .cat-featured-text h2{font-size:28px}
  .cat-page-title{font-size:36px}
  .page-centered{padding:48px 28px}
  .page-centered h1{font-size:36px}
  .admin-body{padding:24px}
  .admin-table{font-size:13px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .admin-table th,.admin-table td{padding:10px 12px}
  /* Article layout: single column on tablet */
  .article-layout{grid-template-columns:1fr;gap:32px}
  .article-sidebar{position:static}

  /* Mobile menu polish for tablet */
  .mobile-menu{padding:70px 48px 40px}
  .mobile-menu-nav a{font-size:26px;padding:12px 0}
}

/* --- PHONE LANDSCAPE / LARGE PHONE (≤768px) — enriching existing --- */
@media(max-width:768px){
  /* Touch targets: minimum 44x44px */
  .header-left button{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}
  .header-right a{min-height:44px;display:inline-flex;align-items:center}
  .article-social a{width:44px;height:44px}
  .article-tags a{padding:10px 16px;min-height:44px;display:inline-flex;align-items:center}
  .nl-inline-btn{padding:16px 32px;min-height:44px}
  .podcast-listen-btn{padding:14px 28px;min-height:44px}
  .footer-column a{min-height:44px;display:flex;align-items:center}
  .social-icons a{min-width:44px;min-height:44px}
  .article-toc ol li a{min-height:44px;display:flex;align-items:center}
  .admin-refresh-btn{min-height:44px}
  .admin-header a{min-height:44px;display:inline-flex;align-items:center}
  .search-results a{min-height:44px;display:flex;align-items:center}
  .sidebar-nl input{min-height:44px}
  .nl-page-form input{min-height:44px}
  .nl-page-form button{min-height:44px}

  /* Header refinements */
  .header-row2{display:none}
  .header-row1{height:56px}
  .header-logo-text{font-size:24px}

  /* Hero */
  .hero{padding:24px 0 0}
  .hero-grid{grid-template-columns:1fr}
  .hero-title{font-size:28px}
  .hero-sidebar h3{font-size:20px}
  .hero-sidebar p{font-size:15px}

  /* Stories grid */
  .stories-grid{grid-template-columns:1fr}
  .story-card h3{font-size:19px}

  /* In Depth feed */
  .bof-feed-item{grid-template-columns:1fr}
  .bof-feed-item img{width:100%;height:auto;aspect-ratio:16/9}
  .bof-feed-item h3{font-size:22px}
  .bof-feed-item .excerpt{font-size:14px}

  /* Most Read */
  .most-read-grid{grid-template-columns:1fr}
  .most-read-num{font-size:32px;min-width:28px}
  .most-read-item h4{font-size:15px}

  /* Exclusives */
  .excl-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .excl-card h4{font-size:15px}

  /* Investment */
  .investment-grid{grid-template-columns:1fr;gap:24px}
  .investment-card-main{order:-1}
  .investment-small-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .investment-card-main-content h3{font-size:20px}
  .investment-header h2{font-size:1.5rem}

  /* Newsletter inline */
  .nl-inline{flex-direction:column;text-align:center;padding:24px 0;gap:16px}
  .nl-inline h4{font-size:22px}

  /* Footer */
  .new-footer{padding:32px 20px 16px;margin-top:32px}
  .footer-header h2{font-size:24px}
  .footer-content{grid-template-columns:1fr 1fr;gap:20px}
  .footer-promo{grid-column:span 2}
  .footer-column a{min-height:40px}
  .footer-bottom{padding-top:12px}

  /* Ad areas */
  .ad-top-inner{grid-template-columns:1fr;text-align:center}
  .ad-top-img{display:none}
  .ad-top-text h4{font-size:20px}
  .ad-mid-banner{flex-direction:column;gap:12px;text-align:center;padding:16px 20px}
  .ad-mid-banner h4{font-size:14px}

  /* Search overlay */
  .search-overlay{padding-top:80px}
  .search-box{padding:0 20px}
  .search-box input{font-size:22px;padding:12px 0}
  .search-close{top:20px;right:20px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}
  .search-results a{font-size:16px;padding:12px 0}

  /* Mobile menu refinements */
  .mobile-menu{padding:70px 28px 32px}
  .mobile-menu-close{top:18px;right:20px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}
  .mobile-menu-nav a{font-size:24px;padding:14px 0;min-height:44px;display:flex;align-items:center}

  /* Article pages — force single column */
  .article-layout{padding:32px 20px 0;gap:24px;grid-template-columns:1fr;display:block}
  .article-content{width:100%}
  .article-sidebar{width:100%;position:static;margin-top:32px}
  .article-headline{font-size:28px;width:100%;word-wrap:break-word}
  .article-lead{font-size:18px}
  .article-body p{font-size:16px;line-height:1.8}
  .article-body h2{font-size:20px}
  .article-pullquote{padding:28px 16px;margin:32px 0}
  .article-pullquote p{font-size:20px}
  .article-pullquote::before{font-size:60px;top:-8px;left:12px}
  .article-author-row{flex-direction:column;gap:12px;align-items:flex-start}
  .article-share-footer{flex-direction:column;gap:12px;text-align:center;padding:14px 0}
  .article-related{padding:0 20px;margin-top:36px}
  .article-related-title{font-size:20px}
  .article-img-caption{font-size:11px}
  .article-lead.has-dropcap::first-letter{font-size:56px;padding-right:8px}
  .author-bio-box,.article-author-bio{flex-direction:column;align-items:center;text-align:center}
  .article-toc{margin-left:0;margin-right:0}

  /* Layout B article */
  .article-b-body .article-lead{border-left:none}
  .article-hero-fullbleed img{height:300px}
  .article-hero-fullbleed .hero-overlay h1{font-size:26px}
  .article-hero-fullbleed .hero-overlay .hero-meta-line{font-size:12px;gap:10px;flex-wrap:wrap}
  .article-hero-fullbleed .hero-overlay-inner{padding:0 20px}
  .article-b-body{padding:32px 20px 0}
  .article-b-body .article-lead{font-size:20px;padding-left:0}
  .article-b-body .article-body p{font-size:16px;line-height:1.8}
  .article-b-body .article-body h2{font-size:22px;margin-top:32px}
  .article-b-mid-img .article-img-caption{padding:0 20px}

  /* Layout C article */
  .article-layout-c{padding:32px 20px 0}
  .article-layout-c .article-headline{font-size:26px}
  .article-layout-c .article-body p{font-size:15px}
  .article-layout-c .article-lead{font-size:17px}
  .article-layout-c .key-takeaways{padding:16px 20px}

  /* Category pages */
  .cat-page-header{padding:32px 0 0}
  .cat-page-border{padding-bottom:16px;margin-bottom:28px}
  .cat-page-title{font-size:30px}
  .cat-page-subtitle{font-size:14px}
  .cat-featured{grid-template-columns:1fr;gap:20px}
  .cat-featured-text h2{font-size:24px}
  .cat-featured-text .excerpt{font-size:14px}

  /* Podcast */
  .podcast-episode{flex-direction:column;text-align:center;gap:16px;padding:24px 0}
  .podcast-ep-num{font-size:36px;min-width:auto}
  .podcast-ep-info h3{font-size:20px}

  /* About / Newsletter pages */
  .page-centered{padding:36px 20px}
  .page-centered h1{font-size:30px;margin-bottom:24px}
  .page-centered p{font-size:16px}
  .page-centered h2{font-size:22px;margin-top:32px}
  .team-grid{grid-template-columns:1fr;gap:24px}

  /* Sidebar (below content at 1024) */
  .sidebar-nl{padding:24px}
  .sidebar-nl h3{font-size:22px}
  .sidebar-premium{padding:20px}

  /* Admin */
  .admin-header{padding:16px 20px;flex-direction:column;gap:8px;text-align:center}
  .admin-body{padding:20px}
  .admin-stats{grid-template-columns:1fr 1fr;gap:12px}
  .admin-stat h3{font-size:26px}
  .admin-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}

  /* Section header */
  .section-header{margin-bottom:20px;padding-top:32px}
  .section-header h2{font-size:1.5rem}
}

/* --- SMALL PHONE (≤480px) --- */
@media(max-width:480px){
  .container{padding:0 16px}

  /* Header */
  .header-row1{padding:0 16px;height:52px}
  .header-logo-text{font-size:22px}
  .header-right{gap:4px;font-size:9px;letter-spacing:1.5px}
  .header-right span{margin:0 2px}

  /* Hero */
  .hero{padding:16px 0 0}
  .hero-title{font-size:24px}
  .hero-cat{font-size:10px;margin-top:14px}
  .hero-meta{font-size:12px;margin-top:10px}
  .hero-excerpt{font-size:15px;margin-top:10px}
  .hero-sidebar h3{font-size:18px}
  .hero-sidebar .badge{font-size:9px}

  /* Newsletter inline */
  .nl-inline{padding:20px 0}
  .nl-inline h4{font-size:20px}
  .nl-inline p{font-size:15px}
  .nl-inline-btn{padding:14px 28px;font-size:11px}

  /* Story cards */
  .story-card h3{font-size:18px}
  .story-card .cat,.story-card .story-cat{font-size:10px;margin-top:10px}

  /* In Depth */
  .bof-feed-item{padding:20px 0}
  .bof-feed-item h3{font-size:20px}
  .bof-feed-item .excerpt{font-size:15px}

  /* Most Read */
  .most-read-item{padding:12px 0;gap:10px}
  .most-read-num{font-size:28px;min-width:24px}
  .most-read-item h4{font-size:15px}

  /* Exclusives — single column on small phone */
  .excl-grid{grid-template-columns:1fr;gap:20px}
  .excl-card h4{font-size:16px}

  /* Investment */
  .investment-section{margin-top:28px}
  .investment-small-grid{grid-template-columns:1fr 1fr;gap:14px}
  .investment-card-small h3{font-size:14px}
  .investment-card-main-content h3{font-size:18px}
  .investment-card-main-content p{font-size:13px}
  .ad-nbdp{padding:0 16px}
  .ad-nbdp-text{padding:24px 20px}
  .ad-nbdp-brand{font-size:24px}
  .ad-nbdp-desc{font-size:12px}
  .ad-nbdp-cta{font-size:10px;padding:10px 20px}
  .ad-nbdp-img{max-height:180px}
  .ad-nbdp-label{margin-top:24px}

  /* Footer */
  .new-footer{padding:24px 16px 12px;margin-top:28px}
  .footer-header h2{font-size:22px}
  .footer-header p{font-size:13px}
  .footer-content{grid-template-columns:1fr;gap:20px}
  .footer-promo{grid-column:span 1}
  .footer-column ul{display:grid;grid-template-columns:1fr 1fr;gap:4px}
  .footer-column a{font-size:13px}
  .footer-bottom p{font-size:11px}

  /* Ad top */
  .ad-top-text{padding:16px 0}
  .ad-top-text h4{font-size:18px}
  .ad-top-text p{font-size:14px}
  .ad-top-text .ad-cta{font-size:10px;padding:8px 18px;margin-top:10px}

  /* Ad mid */
  .ad-mid-banner{padding:14px 16px}
  .ad-mid-banner h4{font-size:13px}
  .ad-mid-banner p{font-size:10px}
  .ad-mid-banner a{font-size:9px;padding:10px 18px}

  /* Search */
  .search-overlay{padding-top:60px}
  .search-box{padding:0 16px}
  .search-box input{font-size:20px}
  .search-close{top:16px;right:16px}
  .search-results a{font-size:15px;padding:10px 0}

  /* Mobile menu */
  .mobile-menu{padding:60px 24px 28px}
  .mobile-menu-close{top:14px;right:16px}
  .mobile-menu-nav a{font-size:22px;padding:12px 0}

  /* Section header */
  .section-header{padding-top:24px;margin-bottom:16px;gap:8px}
  .section-header h2{font-size:18px}
  .section-header-link{font-size:12px}

  /* Article page A */
  .article-layout{padding:24px 16px 0;display:block}
  .article-headline{font-size:24px;margin-bottom:14px;word-wrap:break-word}
  .article-cat-tag{font-size:11px;margin-bottom:8px}
  .article-lead{font-size:17px;margin-bottom:20px}
  .article-body p{font-size:15px;margin-bottom:20px}
  .article-body h2{font-size:19px;margin-top:28px;margin-bottom:12px}
  .article-rose-line{margin:16px 0 20px}
  .article-pullquote{padding:24px 14px;margin:28px 0}
  .article-pullquote p{font-size:18px}
  .article-pullquote::before{font-size:48px;top:-6px;left:8px}
  .article-pullquote .pq-source{font-size:11px}
  .article-toc{padding:16px 18px}
  .article-toc ol li a{font-size:13px}
  .article-tags{gap:6px;margin-top:20px;padding-top:16px}
  .article-tags a{font-size:10px;padding:8px 12px}
  .author-bio-box,.article-author-bio{padding:20px;gap:14px}
  .author-bio-avatar,.bio-avatar{width:52px;height:52px;font-size:16px}
  .author-bio-info h4,.bio-info h4{font-size:16px}
  .author-bio-info p,.bio-info p{font-size:14px}
  .article-share-footer{padding:12px 0;margin-top:28px}
  .article-related{padding:0 16px;margin-top:28px}
  .article-related-title{font-size:18px;padding-bottom:12px;margin-bottom:20px}

  /* Sidebar */
  .sidebar-nl{padding:20px}
  .sidebar-nl h3{font-size:20px}
  .sidebar-nl p{font-size:15px}
  .sidebar-premium{padding:16px}
  .sidebar-card img{width:64px;height:64px}
  .sidebar-card-text h5{font-size:13px}

  /* Layout B */
  .article-hero-fullbleed img{height:240px}
  .article-hero-fullbleed .hero-overlay h1{font-size:22px}
  .article-hero-fullbleed .hero-overlay .hero-meta-line{font-size:11px;gap:8px}
  .article-hero-fullbleed .hero-overlay{padding:40px 0 24px}
  .article-b-body{padding:24px 16px 0}
  .article-b-body .article-lead{font-size:18px;padding-left:0;margin-bottom:24px}
  .article-b-body .article-body p{font-size:15px}
  .article-b-body .article-body h2{font-size:20px;margin-top:28px}
  .article-b-mid-img .article-img-caption{padding:0 16px}

  /* Layout C */
  .article-layout-c{padding:24px 16px 0}
  .article-layout-c .article-headline{font-size:24px}
  .article-layout-c .article-lead{font-size:16px;padding-bottom:16px}
  .article-layout-c .article-body p{font-size:15px}
  .article-layout-c .article-body h2{font-size:18px}
  .article-layout-c .key-takeaways{padding:14px 16px;margin:20px 0}
  .article-layout-c .key-takeaways ul li{font-size:14px}
  .article-quick-badge{font-size:9px;padding:4px 12px;margin-bottom:12px}

  /* Category pages */
  .cat-page-header{padding:24px 0 0}
  .cat-page-title{font-size:26px}
  .cat-page-subtitle{font-size:14px}
  .cat-featured-text h2{font-size:22px}
  .cat-featured-text .excerpt{font-size:15px}

  /* Podcast */
  .podcast-episode{padding:20px 0}
  .podcast-ep-num{font-size:32px}
  .podcast-ep-info h3{font-size:18px}
  .podcast-ep-info .guest{font-size:14px}
  .podcast-ep-info .ep-meta{font-size:13px}
  .podcast-listen-btn{font-size:10px;padding:12px 24px}

  /* About / Newsletter */
  .page-centered{padding:28px 16px}
  .page-centered h1{font-size:26px;margin-bottom:20px}
  .page-centered p{font-size:15px;margin-bottom:16px}
  .page-centered h2{font-size:20px;margin-top:28px}
  .nl-page-form{margin:24px auto}
  .nl-page-form input{padding:12px 14px;font-size:14px}
  .nl-page-form button{padding:14px 32px;font-size:11px}

  /* Admin */
  .admin-header h1{font-size:20px}
  .admin-stats{grid-template-columns:1fr;gap:10px}
  .admin-stat{padding:16px}
  .admin-stat h3{font-size:24px}
}

/* --- EXTRA SMALL PHONE (≤360px) — iPhone SE, small Android --- */
@media(max-width:360px){
  .container{padding:0 14px}
  .header-row1{padding:0 14px}
  .header-logo-text{font-size:20px}
  .header-right{font-size:8px;gap:2px;letter-spacing:1px}

  .hero-title{font-size:22px}
  .hero-excerpt{font-size:14px}
  .hero-sidebar h3{font-size:17px}

  .nl-inline h4{font-size:18px}
  .nl-inline p{font-size:14px}

  .story-card h3{font-size:17px}
  .bof-feed-item h3{font-size:18px}

  .most-read-num{font-size:24px}
  .most-read-item h4{font-size:14px}

  .section-header h2{font-size:17px}

  .article-headline{font-size:22px}
  .article-lead{font-size:16px}
  .article-body p{font-size:15px}
  .article-pullquote p{font-size:17px}

  .article-hero-fullbleed img{height:200px}
  .article-hero-fullbleed .hero-overlay h1{font-size:20px}
  .article-hero-fullbleed .hero-overlay{padding:30px 0 20px}

  .article-layout-c .article-headline{font-size:22px}

  .cat-page-title{font-size:24px}
  .cat-featured-text h2{font-size:20px}

  .page-centered h1{font-size:24px}

  .new-footer{padding:20px 14px 10px}
  .footer-header h2{font-size:20px}
  .footer-column a{font-size:12px}
  .footer-bottom p{font-size:10px}

  .mobile-menu{padding:56px 20px 24px}
  .mobile-menu-nav a{font-size:20px;padding:11px 0}

  .search-box input{font-size:18px}
  .search-results a{font-size:15px}
}