:root { text-wrap: pretty; }
html { scroll-behavior: smooth; }
body { overflow-wrap: break-word; }
a { text-underline-offset: .16em; }
.wp-site-blocks { min-height: 100vh; }
.wp-site-blocks > * { margin-block-start: 0; }
.media-shell { max-width: 1280px; margin-inline: auto; }
.media-kicker, .media-eyebrow { letter-spacing: .08em; text-transform: uppercase; font-size: .72rem; font-weight: 800; }
.media-eyebrow { margin-top: .85rem; color: var(--wp--preset--color--accent); }
.media-eyebrow a { color: inherit; text-decoration: none; }
.media-section-title { margin: 0; }
.media-section-head { margin-bottom: 2rem; align-items: end; }
.media-section-head p { margin: 0; }
.media-card { height: 100%; }
.media-card .wp-block-post-featured-image, .media-topic-card .wp-block-post-featured-image { margin-bottom: 1rem; overflow: hidden; border-radius: 16px; background: var(--wp--preset--color--surface); }
.media-card img, .media-topic-card img { width: 100%; object-fit: cover; transition: transform .28s ease; }
.media-card:hover img, .media-topic-card:hover img { transform: scale(1.018); }
.media-card .wp-block-post-title, .media-topic-card .wp-block-post-title { margin-top: .42rem; margin-bottom: .48rem; }
.media-card .wp-block-post-excerpt, .media-topic-card .wp-block-post-excerpt { color: var(--wp--preset--color--muted); }
.media-meta { color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--meta); }
.media-header { position: relative; z-index: 20; background: rgba(255,255,255,.97); border-bottom: 1px solid var(--wp--preset--color--border); }
.media-brand-row { min-height: 88px; }
.media-brand { gap: .75rem; }
.media-brand-row .wp-block-site-title { margin:0; font-family: var(--wp--preset--font-family--display); font-size: clamp(1.65rem,2.4vw,2.25rem); font-weight: 700; letter-spacing: -.045em; }
.media-brand-row .wp-block-site-title a { text-decoration:none; }
.media-brand-row .wp-block-site-tagline { margin: .12rem 0 0; color: var(--wp--preset--color--muted); font-size: .8rem; }
.media-header-actions { gap:.55rem; }
.media-header-search .wp-block-search__inside-wrapper { border:1px solid var(--wp--preset--color--border); border-radius:999px; overflow:hidden; padding:2px; }
.media-header-search input { min-width:150px; border:0; }
.media-header-search button { border-radius:999px; }
.media-nav-row { border-top: 1px solid var(--wp--preset--color--border); }
.media-nav-row .wp-block-navigation { min-height: 46px; }
.media-nav-row .wp-block-navigation-item__content { text-decoration:none; }
.media-hero { padding-block: clamp(2.6rem,5vw,4.8rem); }
.media-hero-grid { display:grid; grid-template-columns:minmax(0,1.78fr) minmax(280px,.82fr); gap:clamp(2rem,4vw,4.5rem); }
.media-hero-main .wp-block-post-featured-image { margin:0 0 1.15rem; border-radius:22px; overflow:hidden; background:var(--wp--preset--color--surface); }
.media-hero-main .wp-block-post-featured-image img { width:100%; aspect-ratio:16/9; object-fit:cover; }
.media-hero-main .wp-block-post-title { margin:.45rem 0 .7rem; max-width:14ch; }
.media-hero-main .wp-block-post-title a { text-decoration:none; }
.media-hero-main .wp-block-post-excerpt { color: var(--wp--preset--color--muted); max-width: 46rem; margin-bottom:.8rem; }
.media-hero-side { border-left:1px solid var(--wp--preset--color--border); padding-left:clamp(1.25rem,2.4vw,2.25rem); }
.media-secondary-list .wp-block-post { display:grid; grid-template-columns:108px minmax(0,1fr); gap:1rem; align-items:start; padding-block:1.15rem; border-bottom:1px solid var(--wp--preset--color--border); }
.media-secondary-list .wp-block-post:first-child { padding-top:.3rem; }
.media-secondary-list .wp-block-post-featured-image { margin:0; border-radius:10px; overflow:hidden; }
.media-secondary-list .wp-block-post-featured-image img { width:100%; height:78px; object-fit:cover; }
.media-secondary-list .wp-block-post-title { margin:.25rem 0 .25rem; font-family:var(--wp--preset--font-family--body); font-size:1rem; line-height:1.35; font-weight:750; }
.media-secondary-list .wp-block-post-title a { text-decoration:none; }
.media-secondary-list .media-eyebrow { margin-top:0; }
.media-trending { border-block:1px solid var(--wp--preset--color--border); background:var(--wp--preset--color--surface); }
.media-trending .wp-block-post-template { gap:1rem 1.75rem; }
.media-trending .wp-block-post-title { font-family:var(--wp--preset--font-family--body); font-size:.88rem; font-weight:700; margin:0; }
.media-section { padding-block: clamp(3rem,6vw,5.6rem); }
.media-latest .wp-block-post-template { gap:2.4rem 1.5rem; }
.media-topic { border-top:1px solid var(--wp--preset--color--border); }
.media-topic-query .wp-block-post-template { display:grid; grid-template-columns:1.55fr repeat(3,1fr); gap:1.35rem; }
.media-topic-query .wp-block-post:first-child .wp-block-post-title { font-size:clamp(1.5rem,2.4vw,2.25rem); }
.media-topic-query .wp-block-post:first-child .wp-block-post-featured-image { border-radius:20px; }
.media-topic-card .wp-block-post-excerpt { margin-top:.4rem; }
.media-dark { background:var(--wp--preset--color--primary); color:var(--wp--preset--color--base); }
.media-dark a, .media-dark h1, .media-dark h2, .media-dark h3, .media-dark .wp-block-post-title, .media-dark .wp-block-post-title a { color:var(--wp--preset--color--base) !important; }
.media-dark .wp-block-post-excerpt { color:rgba(255,255,255,.76) !important; }
.media-editors-pick .wp-block-post-featured-image { border-radius:18px; overflow:hidden; margin-bottom:1.25rem; }
.media-editors-pick .wp-block-post-title { margin:.4rem 0 .65rem; }
.media-newsletter { border-radius:22px; }
.media-newsletter .wp-block-heading { margin-bottom:.6rem; }
.media-newsletter-copy { max-width:46rem; color:var(--wp--preset--color--muted); }
.media-footer { border-top:1px solid var(--wp--preset--color--border); }
.media-footer .wp-block-site-title { font-family:var(--wp--preset--font-family--display); font-size:1.5rem; font-weight:700; }
.media-ad-placeholder { border:1px dashed var(--wp--preset--color--border); min-height:92px; display:grid; place-items:center; color:var(--wp--preset--color--muted); background:var(--wp--preset--color--surface); }
.single .wp-block-post-content > p { margin-block:1.25em; }
.single .wp-block-post-content > h2 { margin-top:2.2em; }
@media (max-width: 980px) {
  .media-hero-grid { grid-template-columns:1fr; }
  .media-hero-side { border-left:0; border-top:1px solid var(--wp--preset--color--border); padding:1.5rem 0 0; }
  .media-secondary-list .wp-block-post-template { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
  .media-secondary-list .wp-block-post { display:block; border-bottom:0; padding:0; }
  .media-secondary-list .wp-block-post-featured-image img { height:auto; aspect-ratio:16/9; }
  .media-topic-query .wp-block-post-template { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 781px) {
  .media-desktop-only { display:none !important; }
  .media-brand-row { min-height:66px; }
  .media-brand-row .wp-block-site-tagline { display:none; }
  .media-nav-row { display:none; }
  .media-header-search input { display:none; }
  .media-header-search .wp-block-search__inside-wrapper { border:0; }
  .media-hero { padding-block:1.8rem 2.5rem; }
  .media-hero-main .wp-block-post-featured-image { border-radius:14px; }
  .media-hero-main .wp-block-post-title { font-size:clamp(2rem,10vw,3.15rem) !important; max-width:none; }
  .media-secondary-list .wp-block-post-template { display:block; }
  .media-secondary-list .wp-block-post { display:grid; grid-template-columns:112px minmax(0,1fr); gap:.9rem; padding-block:1rem; border-bottom:1px solid var(--wp--preset--color--border); }
  .media-secondary-list .wp-block-post-featured-image img { height:76px; }
  .media-section { padding-block:2.8rem; }
  .media-latest .wp-block-post-template, .media-topic-query .wp-block-post-template { grid-template-columns:1fr !important; }
  .media-card .wp-block-post-excerpt { display:none; }
  .media-topic-query .wp-block-post:first-child .wp-block-post-title { font-size:1.65rem; }
  .media-newsletter { border-radius:16px; }
}

/* v0.4 Editorial Alpha */
body { -webkit-font-smoothing: antialiased; }
.media-header { box-shadow: 0 1px 0 rgba(17,24,39,.02); }
.media-brand-row { min-height: 104px; }
.media-brand-row .wp-block-site-title { font-size: clamp(1.9rem,2.7vw,2.65rem); }
.media-brand-row .wp-block-site-tagline { font-size:.82rem; letter-spacing:.01em; }
.media-header-label { margin:0; color:var(--wp--preset--color--muted); font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; }
.media-nav-row .wp-block-group.alignwide { min-height:50px; }
.media-nav-row .wp-block-navigation-item__content { padding-block:.85rem; }
.media-hero { padding-block: clamp(2.4rem,4.7vw,4.5rem); }
.media-hero-main .wp-block-post-title { max-width: 12.5ch; font-size:clamp(2.7rem,5.1vw,4.9rem) !important; letter-spacing:-.045em; }
.media-hero-main .wp-block-post-excerpt { max-width:42rem; }
.media-byline { gap:.7rem; margin-top:.8rem; }
.media-byline > * + *:before { content:'·'; margin-right:.7rem; color:var(--wp--preset--color--muted); }
.media-secondary-list .wp-block-post { grid-template-columns:132px minmax(0,1fr); padding-block:1.25rem; }
.media-secondary-list .wp-block-post-featured-image img { height:96px; }
.media-secondary-list .wp-block-post-title { font-size:1.04rem; }
.media-trending { position:relative; }
.media-trending .wp-block-group.alignwide { min-height:66px; align-items:center; }
.media-section { padding-block: clamp(3.6rem,6vw,6.4rem); }
.media-section-head { padding-bottom:.25rem; border-bottom:2px solid var(--wp--preset--color--contrast); }
.media-section-head .media-kicker { margin-bottom:.45rem; color:var(--wp--preset--color--accent); }
.media-latest .wp-block-post-template { gap:3rem 1.6rem; }
.media-latest .media-card .wp-block-post-title { font-size:clamp(1.3rem,1.7vw,1.7rem); line-height:1.27; }
.media-latest .media-card .wp-block-post-featured-image { border-radius:18px; }
.media-topic { background:linear-gradient(180deg,var(--wp--preset--color--base),#fafafa); }
.media-topic-query .wp-block-post-template { grid-template-columns:1.55fr repeat(3,1fr); gap:1.6rem; align-items:start; }
.media-topic-query .wp-block-post:first-child { grid-row:span 1; }
.media-topic-query .wp-block-post:first-child .wp-block-post-title { font-size:clamp(1.65rem,2.4vw,2.4rem); line-height:1.18; }
.media-topic-query .wp-block-post:not(:first-child) .wp-block-post-excerpt { display:none; }
.media-topic-card .wp-block-post-title { font-family:var(--wp--preset--font-family--body); font-weight:750; line-height:1.35; }
.media-editors-pick { padding-block:clamp(4rem,7vw,7rem); }
.media-editors-grid { display:grid; grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr); gap:clamp(2rem,6vw,6rem); align-items:center; }
.media-editors-intro { max-width:24rem; }
.media-editors-intro h2 { color:var(--wp--preset--color--base) !important; }
.media-editors-intro p { color:rgba(255,255,255,.7); }
.media-editors-pick .wp-block-post-title, .media-editors-pick .wp-block-post-title a { color:#ffffff !important; }
.media-editors-pick .wp-block-post-excerpt, .media-editors-pick .wp-block-post-excerpt p { color:rgba(255,255,255,.78) !important; }
.media-editors-pick .media-eyebrow, .media-editors-pick .media-eyebrow a { color:#93c5fd !important; }
.media-editors-pick .wp-block-post-featured-image { border-radius:24px; }
.media-newsletter { border:1px solid var(--wp--preset--color--border); box-shadow:0 18px 50px rgba(17,24,39,.06); }
@media (max-width:980px) {
  .media-editors-grid { grid-template-columns:1fr; }
  .media-header-label { display:none; }
}
@media (max-width:781px) {
  .media-brand-row { min-height:72px; }
  .media-hero-main .wp-block-post-title { font-size:clamp(2.15rem,10vw,3.25rem) !important; }
  .media-secondary-list .wp-block-post { grid-template-columns:116px minmax(0,1fr); }
  .media-secondary-list .wp-block-post-featured-image img { height:82px; }
  .media-section-head { align-items:flex-start; gap:.75rem; }
  .media-section-head > p { display:none; }
  .media-latest .wp-block-post-template { gap:2.5rem; }
  .media-editors-pick { padding-block:3.4rem; }
}
/* v0.4.1 regression fixes */
.media-hero { display:block !important; min-height:0 !important; }
.media-hero-main { display:block !important; }
.media-editors-pick .wp-block-post-title,
.media-editors-pick .wp-block-post-title a,
.media-editors-pick h1,
.media-editors-pick h2,
.media-editors-pick h3 { color:#fff !important; }

/* v0.4.3: Query Loop compatibility hero. Render a normal multi-post query, display only first item. */
.media-hero-main .wp-block-post-template > li:not(:first-child) { display:none !important; }
.media-hero-main .wp-block-post-template { list-style:none; margin:0; padding:0; }

/* v0.6 Editorial refinement */
.media-header { position: sticky; top: 0; backdrop-filter: blur(16px); background: rgba(255,255,255,.94); }
.admin-bar .media-header { top: 32px; }
.media-brand-row { min-height: 86px; }
.media-brand-row .wp-block-site-title { font-size: clamp(2rem,2.4vw,2.5rem); line-height:1; }
.media-brand-row .wp-block-site-title a { letter-spacing:-.055em; }
.media-nav-row { background: var(--wp--preset--color--base); }
.media-nav-row .wp-block-group.alignwide { min-height:46px; }
.media-category-nav { margin:0; padding:0; }
.media-category-nav.wp-block-categories-list { display:flex; align-items:center; gap:1.6rem; list-style:none; white-space:nowrap; overflow-x:auto; scrollbar-width:none; }
.media-category-nav.wp-block-categories-list::-webkit-scrollbar { display:none; }
.media-category-nav.wp-block-categories-list li { margin:0; padding:0; }
.media-category-nav.wp-block-categories-list a { text-decoration:none; font-size:.88rem; font-weight:700; }
.media-header-search .wp-block-search__inside-wrapper { height:44px; min-width:260px; }
.media-header-search input { min-width:200px; font-size:.9rem; }
.media-hero { padding-block: clamp(2.1rem,4vw,3.6rem); }
.media-hero > .wp-block-media-core-featured-story,
.media-hero > [class*="wp-block-media-core"] { margin-inline:auto; }
.media-hero .media-core-featured-story { gap:clamp(1.8rem,4vw,3.5rem); }
.media-hero .media-core-featured-story__title { font-size:clamp(2.5rem,4.5vw,4.35rem); line-height:1.06; letter-spacing:-.055em; max-width:11ch; }
.media-hero .media-core-featured-story__excerpt { font-size:clamp(1rem,1.25vw,1.15rem); line-height:1.7; }
.media-trending .wp-block-group.alignwide { gap:1.4rem; }
.media-trending .media-kicker { flex:0 0 auto; }
.media-trending .wp-block-query { min-width:0; flex:1 1 auto; }
.media-trending .wp-block-post-template { display:flex !important; flex-wrap:nowrap !important; gap:1.8rem !important; overflow-x:auto; scrollbar-width:none; padding-bottom:1px; }
.media-trending .wp-block-post-template::-webkit-scrollbar { display:none; }
.media-trending .wp-block-post { flex:0 0 auto; }
.media-trending .wp-block-post-title { white-space:nowrap; }
.media-section-head { border-bottom:1px solid var(--wp--preset--color--contrast); padding-bottom:1rem; }
.media-section-head .media-section-title { letter-spacing:-.04em; }
.media-latest .media-card .wp-block-post-title { font-family:var(--wp--preset--font-family--body); font-weight:760; letter-spacing:-.025em; }
.media-latest .media-card .wp-block-post-featured-image { border-radius:14px; }
.media-topic-query .wp-block-post:first-child { grid-column:span 1; }
.media-topic-query .wp-block-post:first-child .wp-block-post-featured-image { aspect-ratio:4/3; }
.media-topic-card .wp-block-post-title { letter-spacing:-.025em; }
.media-newsletter { background:linear-gradient(135deg,#f7f8fa,#eef2f7) !important; }
@media (max-width: 781px) {
  .admin-bar .media-header { top:46px; }
  .media-header { position:relative; top:auto; }
  .media-brand-row { min-height:72px; }
  .media-brand-row .wp-block-site-title { font-size:2rem; }
  .media-header-search { display:none; }
  .media-nav-row { display:block; }
  .media-nav-row .wp-block-group.alignwide { min-height:44px; overflow:hidden; }
  .media-category-nav.wp-block-categories-list { gap:1.25rem; }
  .media-category-nav.wp-block-categories-list a { font-size:.84rem; }
  .media-header-label { display:none; }
  .media-hero { padding-block:1.45rem 2.25rem; }
  .media-hero .media-core-featured-story__title { max-width:none; font-size:clamp(2.15rem,10vw,3.1rem); line-height:1.08; }
  .media-trending { padding-block:.15rem; }
  .media-trending .wp-block-group.alignwide { min-height:54px; flex-wrap:nowrap; overflow:hidden; }
  .media-trending .wp-block-post-template { gap:1.4rem !important; }
  .media-trending .wp-block-post-title { font-size:.84rem; }
  .media-section { padding-block:2.6rem; }
  .media-section-head { margin-bottom:1.5rem; padding-bottom:.8rem; }
}


/* v0.6.1 — Editorial hero proportion & Korean typography refinement */
.media-hero {
  padding-block: clamp(2rem, 3.2vw, 3.25rem);
}
.media-hero .media-core-featured-story {
  max-width: 1280px;
  padding: 0 clamp(1.25rem, 3vw, 2rem);
}
.media-hero .media-core-featured-story__article {
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, .95fr);
  gap: clamp(2.25rem, 4.2vw, 4.75rem);
  align-items: center;
}
.media-hero .media-core-featured-story__title {
  max-width: 14ch;
  font-size: clamp(2.45rem, 3.65vw, 4rem);
  line-height: 1.105;
  letter-spacing: -.045em;
  word-break: keep-all;
  overflow-wrap: break-word;
  text-wrap: balance;
}
.media-hero .media-core-featured-story__excerpt {
  max-width: 34rem;
  margin-top: 1rem;
  font-size: clamp(.98rem, 1.08vw, 1.08rem);
  line-height: 1.72;
  word-break: keep-all;
}
.media-hero .media-core-featured-story__category {
  margin-bottom: .65rem;
}
.media-hero .media-core-featured-story__date {
  margin-top: .9rem;
}

@media (max-width: 980px) {
  .media-hero .media-core-featured-story__article {
    grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr);
    gap: 2rem;
  }
  .media-hero .media-core-featured-story__title {
    font-size: clamp(2.25rem, 4.4vw, 3.35rem);
    max-width: 15ch;
  }
}

@media (max-width: 781px) {
  .media-hero {
    padding-block: 1.35rem 2rem;
  }
  .media-hero .media-core-featured-story {
    padding: 0 1.25rem;
  }
  .media-hero .media-core-featured-story__article {
    grid-template-columns: 1fr;
    gap: 1.15rem;
  }
  .media-hero .media-core-featured-story__title {
    max-width: none;
    font-size: clamp(2rem, 9vw, 2.85rem);
    line-height: 1.12;
    letter-spacing: -.04em;
  }
  .media-hero .media-core-featured-story__excerpt {
    font-size: 1rem;
    line-height: 1.68;
  }
}