:root{--ink:#07101f;--night:#030915;--paper:#f6f3ed;--white:#fbfaf7;--muted:#667084;--line:rgba(13,26,48,.14);--blue:#2f6cff;--gold:#e2bd76}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,select{font:inherit}
.content-shell{width:min(1320px,88vw);margin:auto}
.content-narrow{width:min(920px,88vw);margin:auto}
.content-reading{width:min(760px,88vw);margin:auto}
.eyebrow{margin:0 0 20px;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:750}
.blue{color:var(--blue)}
.gold{color:var(--gold)}
.brand{font-size:31px;font-weight:800;letter-spacing:-1.5px}
.brand span{color:var(--gold)}
.site-header{height:76px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(3,9,21,.96);color:#fff;border-bottom:1px solid #ffffff20;position:relative;z-index:20}
.main-nav{display:flex;gap:48px;align-items:center;height:100%}
.main-nav a{color:#dce2ec;font-size:15px}
.main-nav a:hover{color:var(--gold)}
.primary-menu,.sub-menu{list-style:none;margin:0;padding:0}
.primary-menu{display:flex;gap:48px;align-items:center;height:100%}
.primary-menu>li{height:100%;display:flex;align-items:center;position:relative}
.main-nav .current-menu-ancestor>a{color:var(--gold)}
.submenu-toggle{border:0;background:transparent;color:#dce2ec;cursor:pointer;padding:8px;margin-left:2px}
.sub-menu{visibility:hidden;opacity:0;transform:translateY(8px);position:absolute;top:calc(100% - 1px);left:0;width:230px;padding:10px;background:#07101f;border:1px solid #ffffff20;box-shadow:0 18px 40px #0007;transition:.18s ease;z-index:40}
.sub-menu li{position:relative}
.sub-menu a{display:block;padding:12px 14px;line-height:1.35}
.sub-menu .submenu-parent-row{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center}
.sub-menu .submenu-parent-row>a{min-width:0}
.sub-menu .submenu-parent-row>.submenu-toggle{width:42px;height:42px;margin:0;padding:0;display:grid;place-items:center}
.sub-menu .sub-menu{top:-11px;left:100%}
.menu-item-has-children:hover>.sub-menu,.menu-item-has-children:focus-within>.sub-menu,.menu-item-has-children.submenu-open>.sub-menu{visibility:visible;opacity:1;transform:translateY(0)}
.header-actions{display:flex;gap:14px}
.icon-button{background:none;border:0;color:#fff;padding:10px;cursor:pointer}
.search-icon{display:block;width:18px;height:18px;border:2px solid currentColor;border-radius:50%;position:relative}
.search-icon:after{content:"";position:absolute;width:8px;height:2px;background:currentColor;right:-6px;bottom:-3px;transform:rotate(48deg)}
.menu-toggle{display:none}
.menu-toggle span{width:21px;height:2px;background:#fff;display:block;margin:5px}
.header-search{display:none;position:absolute;right:5vw;top:76px;width:min(540px,90vw);padding:24px;background:#091426;border:1px solid #ffffff26}
.search-open .header-search{display:block}
.header-search label{display:block;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:10px}
.header-search div{display:flex}
.header-search input{min-width:0;flex:1;padding:15px;border:0}
.header-search button{border:0;background:var(--blue);color:#fff;padding:0 22px}
.hero{min-height:710px;background:radial-gradient(circle at 80% 38%,#103d8e 0,#071b3a 18%,#030915 50%);color:#fff;display:flex;align-items:center;position:relative;overflow:hidden}
.hero:after,.hero-orbit{content:"";position:absolute;border:1px solid #6192ff44;border-radius:50%;width:650px;height:650px;right:-100px;top:35px;box-shadow:0 0 100px #2f6cff28,inset 0 0 80px #2f6cff1f}
.hero:after{width:390px;height:390px;right:25px;top:165px;border-color:#e2bd7655}
.hero-inner{width:min(1320px,88vw);margin:auto;position:relative;z-index:2}
.hero h1,.archive-hero h1,.music-archive-hero h1,.single-header h1,.music-single h1{font-size:clamp(48px,6vw,82px);line-height:1.03;letter-spacing:-.055em;margin:0}
.hero-copy{font-size:19px;line-height:1.7;color:#c5cedd;max-width:620px}
.button-row{display:flex;gap:16px;margin-top:30px}
.button{display:inline-flex;justify-content:space-between;gap:30px;align-items:center;min-width:210px;padding:17px 22px;border-radius:7px;border:0;cursor:pointer}
.primary{background:var(--blue);color:#fff}
.outline{border:1px solid var(--gold);color:var(--gold)}
.paper-section{padding-top:105px;padding-bottom:110px}
.split-heading{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:60px;margin-bottom:50px}
.split-heading h2,.music-promo h2,.related h2{font-size:clamp(40px,5vw,66px);line-height:1.04;letter-spacing:-.045em;margin:0}
.split-heading>p{font-size:17px;line-height:1.75;color:var(--muted)}
.article-grid,.music-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.content-card{background:#fff;border:1px solid var(--line);box-shadow:0 18px 45px #10203c0a}
.card-media{height:240px;background:radial-gradient(circle,#2157bd,#061126 70%);display:grid;place-items:center;overflow:hidden;color:#fff;font-size:46px;font-weight:800}
.card-media img{width:100%;height:100%;object-fit:cover}
.card-body{padding:30px}
.card-body h2,.card-body h3{font-size:26px;line-height:1.12;letter-spacing:-.035em;margin:0 0 14px}
.card-body>p:not(.eyebrow){color:var(--muted);line-height:1.65}
.card-meta{border-top:1px solid var(--line);padding-top:18px;margin-top:22px;display:flex;justify-content:space-between;color:#7e8795;font-size:12px}
.card-meta a{color:var(--blue);font-size:22px}
.music-promo{background:#050c19;color:#fff;padding:105px 0}
.music-promo-grid{display:grid;grid-template-columns:1fr auto;align-items:end;gap:50px}
.music-promo p:not(.eyebrow){color:#9ca8ba;line-height:1.7;max-width:560px}
.archive-hero{padding:110px 0 80px}
.archive-hero.light{background:#ebe8e1}
.archive-hero p:not(.eyebrow){font-size:18px;color:var(--muted)}
.filter-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:34px}
.filter-row a{padding:10px 15px;background:#fff;border:1px solid var(--line);border-radius:99px;font-size:13px}
.single-header{padding:105px 0 55px}
.single-header .dek{font-size:21px;line-height:1.6;color:var(--muted)}
.byline{font-size:13px;color:#7a8493}
.article-cover{margin-bottom:60px}
.article-cover img{width:100%;max-height:720px;object-fit:cover}
.article-content{font-size:18px;line-height:1.85;padding-bottom:110px}
.article-content h2{font-size:34px;line-height:1.2;margin-top:52px}
.article-content blockquote{border-left:3px solid var(--blue);margin:40px 0;padding:12px 0 12px 28px;font-size:24px}
.music-archive-hero,.music-single{background:#030915;color:#fff}
.music-archive-hero{min-height:540px;display:flex;align-items:center;position:relative;overflow:hidden}
.music-archive-hero p:not(.eyebrow){max-width:620px;color:#aeb8c8;font-size:18px;line-height:1.7}
.music-glow{position:absolute;width:600px;height:600px;right:-100px;background:radial-gradient(circle,#3b6cff66,transparent 66%);border:1px solid #e2bd7640;border-radius:50%}
.music-catalog{padding-top:70px;padding-bottom:110px}
.music-filters{display:flex;gap:15px;align-items:end;margin-bottom:45px}
.music-filters label{display:grid;gap:8px;color:#5f6a7a;font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.music-filters select{min-width:200px;padding:15px;background:#fff;border:1px solid var(--line)}
.music-filters .button{min-width:auto}
.music-card{background:#091426;border:1px solid #ffffff18;color:#fff}
.music-art{height:225px;display:grid;place-items:center;background:radial-gradient(circle at 55% 45%,#174ba8,#020711 70%);position:relative;overflow:hidden}
.music-art img{width:100%;height:100%;object-fit:cover}
.music-art>span{font-weight:800;letter-spacing:.2em}
.music-art i{position:absolute;width:54px;height:54px;border-radius:50%;background:#fff;color:#061022;display:grid;place-items:center;font-style:normal}
.music-card>div{padding:25px}
.music-card h2,.music-card h3{font-size:24px;margin:0 0 12px}
.music-card p:not(.eyebrow){color:#9aa6b9;line-height:1.55}
.music-meta{display:flex;justify-content:space-between;border-top:1px solid #ffffff1d;padding-top:16px;color:#8491a5;font-size:12px}
.music-single-head{display:grid;grid-template-columns:1fr 320px;gap:80px;padding-top:80px;padding-bottom:45px}
.music-single-head p:not(.eyebrow){color:#aeb8c8;line-height:1.7}
.music-single dl{margin:0;border-top:1px solid #ffffff28}
.music-single dl div{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff28;padding:16px 0}
.music-single dt{color:#7f8b9e}
.player-shell{aspect-ratio:16/9;background:#07101f}
.player-shell iframe{width:100%;height:100%;border:0}
.player-empty{height:100%;display:grid;place-items:center;color:#778398}
.music-description{padding:55px 0 90px;font-size:18px;line-height:1.8;color:#c3cad6}
.related{padding-bottom:100px}
.music-single .related .music-grid{margin-top:30px}
.site-footer{background:#020712;color:#fff;padding:60px 6vw 28px}
.site-footer>div:first-child{display:flex;justify-content:space-between;align-items:center}
.site-footer p{color:#7f8a9d}
.footer-bottom{border-top:1px solid #ffffff20;padding-top:23px;margin-top:38px;display:flex;justify-content:space-between;color:#738095;font-size:13px}
.nav-links{display:flex;gap:12px;justify-content:center;margin:50px}
.nav-links a,.nav-links span{padding:10px 14px;background:#fff;border:1px solid var(--line)}
@media(max-width:900px){.article-grid,.music-grid{grid-template-columns:repeat(2,1fr)}
.split-heading,.music-single-head{grid-template-columns:1fr}
.hero-orbit{opacity:.5}
.music-promo-grid{grid-template-columns:1fr}
.main-nav{gap:24px}
.primary-menu{gap:24px}
}
@media(max-width:680px){.site-header{height:68px}
.menu-toggle{display:block}
.main-nav{display:none;position:absolute;top:68px;left:0;right:0;height:auto;padding:15px 6vw 25px;background:#07101f;flex-direction:column;align-items:flex-start}
.menu-open .main-nav{display:flex}
.primary-menu{width:100%;height:auto;display:block}
.primary-menu>li{height:auto;display:grid;grid-template-columns:1fr auto;width:100%;border-bottom:1px solid #ffffff14}
.primary-menu>li>a{padding:14px 0}
.sub-menu{display:none;visibility:visible;opacity:1;transform:none;position:static;grid-column:1/-1;width:100%;padding:0 0 8px 16px;border:0;border-left:1px solid #ffffff20;box-shadow:none;background:transparent}
.sub-menu .sub-menu{position:static;padding-left:16px}
.menu-item-has-children:hover>.sub-menu,.menu-item-has-children:focus-within>.sub-menu{display:none}
.menu-item-has-children.submenu-open>.sub-menu{display:block}
.sub-menu .submenu-toggle span{display:inline-block;transform:rotate(90deg)}
.header-search{top:68px}
.hero{min-height:680px}
.hero h1,.archive-hero h1,.music-archive-hero h1,.single-header h1,.music-single h1{font-size:45px}
.hero-orbit,.hero:after{right:-360px}
.button-row,.music-filters{flex-direction:column;align-items:stretch}
.button{width:100%}
.paper-section{padding-top:75px}
.split-heading{grid-template-columns:1fr;gap:25px}
.article-grid,.music-grid{grid-template-columns:1fr}
.card-media,.music-art{height:auto;aspect-ratio:16/9}
.music-single-head{gap:30px}
.site-footer>div:first-child{align-items:flex-start;flex-direction:column}
.footer-bottom{gap:20px}
.music-filters select{width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}

/* Editorial archive and category cards — v1.5.0 */
.content-card{display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.content-card:hover{transform:translateY(-4px);box-shadow:0 24px 55px #10203c17;border-color:rgba(47,108,255,.28)}
.content-card.card--tutorial-ai{background:#f3f7ff;border-color:#dce7fb}
.content-card.card--chatgpt-learn,.content-card.card--beginner-foundation{background:#f3f7ff;border-color:#dce7fb}
.content-card.card--gpt-image-prompts{background:#f8f3ff;border-color:#e8dcfa}
.content-card.card--chatgpt-cheatsheet{background:#f3fbf8;border-color:#d9eee7}
.content-card.card--tutorial-tools-ai{background:#fff8ef;border-color:#f3e2c8}
.content-card.card--news-trend-ai{background:#fffdfa}
.content-card .card-body{padding:28px 30px 26px;display:flex;flex:1;flex-direction:column}
.content-card .card-body h2,.content-card .card-body h3{font-size:25px;line-height:1.16}
.content-card .card-body .eyebrow{margin-bottom:14px}
.content-card .card-body>p:not(.eyebrow){line-height:1.62;margin-top:0}
.content-card .card-meta{align-items:center;margin-top:auto}
.content-card .card-body>p:not(.eyebrow)+.card-meta{padding-top:18px;margin-top:24px}
.archive-hero--compact{padding:62px 0 54px}
.archive-hero--compact h1{font-size:clamp(42px,5vw,68px)}
.archive-hero p:not(.eyebrow){line-height:1.65;max-width:720px;margin:22px 0 0}
.archive-listing{padding-top:54px}
.filter-row{align-items:center;gap:10px}
.filter-row a{display:inline-flex;align-items:center;min-height:40px;padding:9px 16px;font-weight:650}
.filter-row a:hover,.filter-row a.is-active{background:var(--ink);border-color:var(--ink);color:#fff}
@media(max-width:680px){
    .archive-hero--compact{padding:44px 0 40px}
    .archive-listing{padding-top:38px}
    .filter-row{margin-bottom:26px}
    .filter-row a{min-height:38px;padding:8px 13px}
    .content-card .card-body{padding:24px}
}