/*
Theme Name: THE CORNER Cocoon
Theme URI: https://the-corner.jp/
Description: THE CORNER の読みやすいニュースメディア用 Cocoon 子テーマ。
Author: THE CORNER
Version: 1.2.2
Template: cocoon-master
Text Domain: the-corner-cocoon
*/

:root {
  --corner-ink: #17202d;
  --corner-muted: #627084;
  --corner-red: #c61f32;
  --corner-bg: #f4f6f8;
  --corner-line: #e2e7ec;
}

body {
  background: var(--corner-bg);
  color: var(--corner-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", sans-serif;
  line-height: 1.75;
}

a { color: inherit; }
a:hover { color: var(--corner-red); }

.header-container, .navi, .navi-in, .mobile-menu-buttons {
  background: #111923;
  color: #fff;
}

.header-container a, .navi a, .navi-in a, .mobile-menu-buttons a { color: #fff; }
.header-container a:hover, .navi a:hover, .navi-in a:hover { color: #fff; opacity: .78; }

.site-name-text-link, .site-name-text {
  color: #fff;
  font-weight: 900;
  letter-spacing: .045em;
}

.navi-in > ul > li > a { font-size: .88rem; font-weight: 700; letter-spacing: .02em; }
.navi-in > ul > li > a:hover, .navi-in > ul > li.current-menu-item > a { background: var(--corner-red); }

.content-in { max-width: 1200px; }
.home .content-in { display: block; }
.home .main { float: none; width: 100%; max-width: none; }
.home .sidebar { display: none; }
.main, .sidebar { min-width: 0; }
.main {
  background: #fff;
  border: 1px solid var(--corner-line);
  border-radius: 8px;
  box-shadow: 0 6px 28px rgba(24, 37, 51, .04);
}
.sidebar { font-size: .93rem; }
.sidebar .widget { background: #fff; border: 1px solid var(--corner-line); border-radius: 8px; padding: 18px; }
.sidebar .widget-title, .sidebar h3 { border-bottom: 2px solid var(--corner-red); padding-bottom: 8px; }

.entry-title, .article h1 {
  color: var(--corner-ink);
  font-weight: 850;
  line-height: 1.38;
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
}
.entry-content { font-size: 1.04rem; line-height: 1.95; }
.entry-content p { margin: 0 0 1.5em; }
.entry-content h2 {
  background: #f5f7f9;
  border-left: 5px solid var(--corner-red);
  color: var(--corner-ink);
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 2.4em 0 1em;
  padding: .7em .9em;
}
.entry-content h3 {
  border-bottom: 2px solid var(--corner-line);
  font-size: 1.18rem;
  line-height: 1.5;
  margin: 2em 0 .8em;
  padding-bottom: .45em;
}
.entry-content img { height: auto; border-radius: 6px; }
.entry-content figcaption { color: var(--corner-muted); font-size: .82rem; }
.entry-content table { display: block; overflow-x: auto; white-space: nowrap; }
.entry-content a { color: #a9172b; text-decoration: underline; text-underline-offset: 3px; }
.entry-content a:hover { color: #7e1020; }

.entry-card-wrap {
  border: 1px solid var(--corner-line);
  border-radius: 8px;
  overflow: hidden;
  transition: box-shadow .18s ease, transform .18s ease;
}
.entry-card-wrap:hover { box-shadow: 0 10px 24px rgba(24, 37, 51, .1); transform: translateY(-2px); }
.entry-card-title { color: var(--corner-ink); font-weight: 800; line-height: 1.5; overflow-wrap: anywhere; }
.entry-card-snippet, .post-date, .post-update { color: var(--corner-muted); }
.cat-label { background: var(--corner-red); font-weight: 700; }
.archive-title, .list-title { color: var(--corner-ink); border-bottom: 3px solid var(--corner-red); padding-bottom: .45em; }
.pagination a, .pagination span { border-radius: 4px; }

/* Editorial front page */
.corner-home, .corner-archive { max-width: 1180px; margin: 0 auto; padding: 24px 18px 72px; }
.corner-home { font-size: 15px; }
.corner-home a, .corner-archive a { text-decoration: none; }
.corner-dateline { display: flex; gap: 18px; align-items: center; padding: 10px 16px; background: #edf1f5; color: #526174; font-size: .78rem; letter-spacing: .04em; }
.corner-dateline strong { color: #b0192d; letter-spacing: .14em; }
.corner-lead { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(280px, 1fr); gap: 18px; margin: 20px 0 32px; }
.corner-feature { position: relative; display: flex; align-items: flex-end; min-height: 490px; overflow: hidden; color: #fff !important; background: linear-gradient(135deg,#172435,#263e54); }
.corner-feature::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(6,14,24,.95),rgba(6,14,24,.13) 80%); }
.corner-feature img { position: absolute; width: 100%; height: 100%; object-fit: cover; transition: transform .25s; }
.corner-feature:hover img { transform: scale(1.03); }
.corner-feature-text { position: relative; z-index: 1; padding: clamp(20px, 4vw, 42px); }
.corner-feature-text small, .corner-heading small { color: #d62942; font-weight: 900; letter-spacing: .12em; }
.corner-feature-text h1 { margin: 12px 0; font-size: clamp(1.7rem,3vw,2.8rem); line-height: 1.35; color: white; }
.corner-feature-text p { max-width: 40em; line-height: 1.7; }
.corner-feature-text b { display: inline-block; margin-top: 10px; color: #fff; }
.corner-latest, .corner-panel, .corner-cards article, .corner-policy { background: #fff; border: 1px solid var(--corner-line); }
.corner-latest { padding: 20px; overflow: hidden; }
.corner-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
.corner-heading h2 { margin: 4px 0 0; padding: 0; border: 0; font-size: clamp(1.35rem,2vw,1.9rem); font-weight: 850; }
.corner-heading > span { color: var(--corner-muted); font-size: .85rem; }
.corner-heading a { color: #aa1b30; font-size: .84rem; font-weight: 800; white-space: nowrap; }
.corner-latest .corner-heading span { color: #be1e35; font-size: .85rem; font-weight: 900; letter-spacing: .1em; }
.corner-latest > a { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 12px; align-items: center; padding: 12px 0; border-top: 1px solid var(--corner-line); }
.corner-latest > a img { display: block; width: 88px; height: 66px; object-fit: cover; border-radius: 4px; background: #e9eef2; }
.corner-latest time, .corner-news-row time, .corner-result-row time { display: block; color: var(--corner-muted); font-size: .78rem; }
.corner-latest strong { display: block; margin-top: 4px; font-size: .96rem; line-height: 1.5; }
.corner-grid-two { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.corner-panel { padding: 22px; }
.corner-news-row { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 14px; align-items: center; padding: 12px 0; border-top: 1px solid var(--corner-line); }
.corner-news-row img { display: block; width: 96px; height: 72px; object-fit: cover; border-radius: 4px; background: #e9eef2; }
.corner-news-row strong { display: block; line-height: 1.5; }
.corner-result-row { padding: 12px 0; border-top: 1px solid var(--corner-line); }
.corner-result-row strong { display: block; }
.corner-result-row p { margin: 3px 0 0; color: var(--corner-muted); font-size: .84rem; line-height: 1.6; }
.corner-section { margin-top: 55px; }
.corner-section > .corner-heading { border-bottom: 3px solid #c61f32; padding-bottom: 12px; }
.corner-event { display: grid; grid-template-columns: 62px 56px 1fr 150px; gap: 16px; align-items: start; padding: 17px 12px; background: #fff; border-bottom: 1px solid var(--corner-line); }
.corner-event time { color: #ba2036; font-size: 1.4rem; font-weight: 900; white-space: nowrap; }
.corner-region, .corner-status { display: inline-block; background: #eef2f5; color: #385069; padding: 3px 7px; font-size: .75rem; font-weight: 700; }
.corner-event h3 { margin: 0 0 4px; font-size: 1rem; line-height: 1.45; }
.corner-event p { margin: 0; color: var(--corner-muted); font-size: .84rem; line-height: 1.6; }
.corner-event aside { color: var(--corner-muted); font-size: .8rem; line-height: 1.6; }
.corner-event aside b { color: #b21c32; }
.corner-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.corner-cards article a { display: block; height: 100%; overflow: hidden; }
.corner-cards article img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: #e9eef2; }
.corner-cards article a > div { padding: 18px 20px 22px; }
.corner-cards small { color: #bd1d35; font-weight: 800; letter-spacing: .1em; }
.corner-cards h3 { margin: 12px 0; font-size: 1.05rem; line-height: 1.45; }
.corner-cards p { color: var(--corner-muted); font-size: .85rem; line-height: 1.7; }
.corner-cards b { color: #ae1c31; font-size: .84rem; }
.corner-fighters { display: grid; grid-template-columns: repeat(6,1fr); gap: 12px; }
.corner-fighters a { display: block; background: #fff; border: 1px solid var(--corner-line); padding-bottom: 14px; }
.corner-fighters img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; }
.corner-fighters strong, .corner-fighters span { display: block; margin: 9px 12px 0; }
.corner-fighters span { color: #ac1a30; font-size: .76rem; }
.corner-policy { margin-top: 50px; padding: 24px; border-left: 4px solid #bf2037; }
.corner-policy p { margin: 8px 0; color: var(--corner-muted); }
.corner-policy a { color: #a6152a; font-weight: 700; }
.corner-archive { max-width: 850px; }
.corner-archive header { padding: 20px 0 30px; border-bottom: 3px solid #ba1e34; }
.corner-archive header small { color: #ba1e34; font-weight: 900; }
.corner-archive h1 { font-size: clamp(1.8rem,3vw,2.5rem); }
.corner-archive article { padding: 25px 0; border-bottom: 1px solid var(--corner-line); }
.corner-archive article h2 { margin: 8px 0; font-size: 1.24rem; line-height: 1.5; }
.corner-archive article time, .corner-archive article small { color: var(--corner-muted); }
.corner-archive article p { color: #4f5e70; margin: 7px 0; }
.corner-result-detail { margin-top: 14px; color: #4f5e70; line-height: 1.75; }
.corner-result-detail ul { margin: 14px 0 14px 1.35em; padding: 0; }
.corner-result-detail li { margin: 0 0 8px; padding-left: 3px; }
.corner-result-detail li::marker { color: #ba1e34; }
.corner-result-detail a { color: #aa1930; text-decoration: underline; text-underline-offset: 3px; }
.corner-archive .corner-archive-card { padding: 18px 0; }
.corner-archive-card > a { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 22px; align-items: center; }
.corner-archive-card img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 5px; background: #e9eef2; }
.corner-archive-card h2 { margin: 4px 0 8px !important; }
.corner-archive-card p { line-height: 1.6; }
.corner-cover img { width: 100%; height: auto; }
.corner-deck { color: #46566b; font-size: 1.13rem; font-weight: 600; }
.analysis-note, .article-cta, .sources, .profile-source { padding: 20px; margin: 24px 0; background: #f4f7fa; border-left: 4px solid #c61f32; }
@media(max-width: 900px) { .corner-lead, .corner-grid-two { grid-template-columns: 1fr; } .corner-feature { min-height: 410px; } .corner-fighters { grid-template-columns: repeat(3,1fr); } }
@media(max-width: 600px) { .corner-home, .corner-archive { padding: 12px 10px 48px; } .corner-dateline { flex-wrap: wrap; gap: 4px 10px; } .corner-feature { min-height: 360px; } .corner-feature-text p { display: none; } .corner-event { grid-template-columns: 58px 1fr; gap: 7px 12px; } .corner-event .corner-region { grid-column: 2; grid-row: 1; justify-self: start; } .corner-event > div { grid-column: 1 / -1; } .corner-event aside { grid-column: 1 / -1; } .corner-cards { grid-template-columns: 1fr; } .corner-fighters { grid-template-columns: repeat(2,1fr); } .corner-latest > a { grid-template-columns: 76px minmax(0, 1fr); } .corner-latest > a img { width: 76px; height: 62px; } .corner-news-row { grid-template-columns: 88px minmax(0, 1fr); gap: 10px; } .corner-news-row img { width: 88px; height: 68px; } .corner-archive-card > a { grid-template-columns: 110px minmax(0, 1fr); gap: 12px; } .corner-archive-card h2 { font-size: 1rem !important; } .corner-archive-card p { display: none; } }
.pagination .current { background: var(--corner-red); color: #fff; }

.footer { background: #111923; color: #d9e0e8; }
.footer a { color: #d9e0e8; }

@media (max-width: 834px) {
  .content-in { padding-left: 14px; padding-right: 14px; }
  .main { border-radius: 6px; }
  .entry-content { font-size: 1rem; line-height: 1.85; }
  .entry-content h2 { font-size: 1.22rem; margin-top: 2em; }
  .entry-title, .article h1 { font-size: clamp(1.55rem, 5vw, 2rem); }
  .entry-card-wrap:hover { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .entry-card-wrap { transition: none; }
}

/* Editorial magazine masthead and reading surfaces, 2026-10-06 */
body{background:#fff}.header-container,.navi,.navi-in{background:#fff!important;color:#111923!important}.header-container a,.site-name-text,.site-name-text-link,.navi a,.navi-in a{color:#111923!important}#header .logo{padding:16px 0 8px!important}.site-name-text{font-size:clamp(2.1rem,4.4vw,3.7rem)!important;letter-spacing:-.055em!important;font-weight:900!important}#header .logo a:after{content:'BOXING NEWS & STORIES';display:block;font-size:10px;font-weight:700;letter-spacing:.26em;color:#a9172b;margin-top:3px}#navi{border-top:1px solid #e1e5e9;border-bottom:2px solid #111923}.navi-in>ul>li>a{height:48px!important;line-height:48px!important;font-size:.82rem!important}.navi-in>ul>li.current-menu-item>a,.navi-in>ul>li>a:hover{background:#fff!important;color:#b0192d!important;box-shadow:inset 0 -3px #b0192d}.main{border-radius:0;box-shadow:none;border:0}.sidebar .widget{border-radius:0;box-shadow:none;border:0;border-top:1px solid #dce3ea}.entry-card-wrap{border-radius:0;box-shadow:none}.entry-content img{border-radius:0}.entry-content h2{background:transparent;border-left:0;border-top:2px solid #111923;padding:.8em 0 .3em}.entry-content h3{border-bottom:1px solid #dce3ea}.corner-archive-card img{border-radius:0}.corner-archive header{border-bottom:1px solid #111923}.corner-archive article{border-bottom:1px solid #dce3ea}@media(max-width:800px){.navi-in>ul>li>a{height:40px!important;line-height:40px!important}}