.cosy-nav-item{position:relative}
.cosy-nav-item>a{display:flex;align-items:center;gap:5px}
.cosy-nav-item>a i{font-size:10px;font-style:normal;transition:transform .2s ease}
.cosy-nav-item:hover>a i{transform:rotate(180deg)}
.cosy-submenu{position:absolute;top:58px;left:50%;min-width:150px;padding:8px;visibility:hidden;opacity:0;transform:translate(-50%,8px);background:var(--c-card);border:1px solid var(--c-border);border-radius:9px;box-shadow:0 14px 35px rgba(25,28,35,.13);transition:.2s ease}
.cosy-nav-item:hover .cosy-submenu{visibility:visible;opacity:1;transform:translate(-50%,0)}
.cosy-nav .cosy-submenu a{display:block;padding:8px 11px;white-space:nowrap;color:var(--c-muted);border-radius:6px;font-size:13px}
.cosy-nav .cosy-submenu a:hover{color:var(--c-primary);background:var(--c-bg)}
.cosy-nav .cosy-submenu a:after{display:none}
.cosy-mobile-nav a.child{padding-left:18px;color:var(--c-muted);font-size:12px}

/* Keep every homepage title to a consistent two-line rhythm. */
.cosy-feature h1,.cosy-feature h2,.cosy-post-card h2,.cosy-category-lead h3,.cosy-category-small h3,.cosy-topic-grid h3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}

/* The hero backdrop is an enlarged blurred copy of the lead image. */
.cosy-magazine{overflow:hidden;background:#34383d;isolation:isolate}
.cosy-magazine-bg{z-index:0;inset:-45px;background-position:center 42%;background-size:cover;filter:blur(22px) saturate(1.18) brightness(.86);opacity:1;transform:scale(1.06)}
.cosy-magazine:after{position:absolute;z-index:1;inset:0;content:"";background:linear-gradient(90deg,rgba(20,25,29,.28),rgba(28,32,35,.12),rgba(20,25,29,.24));pointer-events:none}
.cosy-magazine-grid{z-index:2}

/* Wider editorial canvas for large desktop screens. */
@media (min-width:1200px){
  .cosy-container{width:min(1440px,calc(100% - 72px))}
  .cosy-magazine-grid{grid-template-columns:1.08fr .92fr;height:520px}
  .cosy-feature h1{font-size:30px}
  .cosy-promo a{height:108px}
  .cosy-post-grid{gap:22px}
  .cosy-post-cover{height:250px}
  .cosy-category-layout{height:570px}
  .cosy-topic-grid>a{height:230px}
}

@media (min-width:1680px){
  body{background-color:#edf1f5;background-image:radial-gradient(circle at 0 20%,rgba(104,94,255,.16),transparent 28%),radial-gradient(circle at 100% 52%,rgba(59,190,176,.14),transparent 30%),linear-gradient(115deg,rgba(247,246,255,.9),rgba(238,246,247,.82));background-attachment:fixed}
  body[data-scheme=dark]{background-color:#17181c;background-image:radial-gradient(circle at 0 20%,rgba(104,94,255,.14),transparent 28%),radial-gradient(circle at 100% 52%,rgba(59,190,176,.1),transparent 30%)}
  .cosy-container{width:min(1920px,calc(100% - 64px))}
  .cosy-post-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
  .cosy-post-cover{height:235px}
  .cosy-promo-grid{gap:12px}
  .cosy-main,.cosy-topics{position:relative}
  .cosy-main:before,.cosy-topics:after{position:absolute;z-index:-1;width:240px;height:240px;content:"";border:1px solid rgba(99,91,255,.08);border-radius:42% 58% 64% 36%;filter:blur(.2px);pointer-events:none}
  .cosy-main:before{top:150px;left:-135px;transform:rotate(24deg)}
  .cosy-topics:after{right:-130px;bottom:25px;transform:rotate(-18deg)}
}

@media (min-width:1680px) and (max-width:1960px){
  .cosy-container{width:calc(100% - 56px)}
}