/* ROB RUN — サンセット・クライム誌（pop × magazine）
   クリーム紙に焼きオレンジと深いティール。網点・太枠・ハード影で、黒背景のWikiに見えないようにする。 */

body.rr-site {
  --pi-bg: #f7ecd7;
  --pi-panel: #fffbef;
  --pi-input: #fffdf6;
  --pi-hover: #efdfc2;
  --pi-card: #fffdf6;
  --pi-paper: #191510;
  --pi-muted: #4f3e2c;
  --pi-line: #2a2118;
  --pi-green: #0d666b;
  --pi-red: #a3232c;
  --pi-red-ink: #8d1c25;
  --pi-accent-sub: #b03d12;
  --pi-accent-text: #9c350f;
  --pi-accent-border: #191510;
  --pi-shadow: #191510;
  --pi-font: "Yu Gothic UI", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  --pi-radius: 4px;
  --c-tint: #efe0c6;
  --c-surface: #fffdf6;
  background-color: var(--pi-bg);
  background-image:
    radial-gradient(circle at 12% 0%, rgba(217, 84, 30, .12), transparent 42%),
    radial-gradient(circle at 88% 8%, rgba(13, 102, 107, .10), transparent 38%),
    radial-gradient(rgba(42, 33, 24, .16) 1px, transparent 1.2px);
  background-size: auto, auto, 14px 14px;
}

/* 見出しは極太ゴシック。雑誌の見出しのように詰める */
body.rr-site h1,
body.rr-site h2,
body.rr-site h3,
body.rr-site .logo,
body.rr-site .p-card-title {
  font-family: "Yu Gothic UI", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  font-weight: 900;
  letter-spacing: .01em;
}

body.rr-site .gh-top {
  background: var(--pi-paper);
  border-top: 6px solid var(--pi-accent-sub);
  border-bottom: 3px solid var(--pi-paper);
}
body.rr-site .gh-top .logo,
body.rr-site .gh-top .logo small,
body.rr-site .gh-top a {
  color: var(--pi-bg);
}
body.rr-site .logo-mark {
  background: var(--pi-accent-sub);
  color: #fff8ea;
  border: 2px solid var(--pi-bg);
  border-radius: 2px;
}
body.rr-site .search-box {
  background: #2a2118;
  border: 1px solid #6b5843;
}
body.rr-site .search-box input { color: var(--pi-bg); }
body.rr-site .gnav {
  background: var(--pi-panel);
  border-bottom: 3px solid var(--pi-paper);
}
body.rr-site .gnav a { font-weight: 800; }
body.rr-site .gnav a.current {
  background: var(--pi-accent-sub);
  color: #fff8ea;
}

/* ヒーロー：黒枠＋オレンジのハード影。上に極小のファイルラベル */
body.rr-site .hero { padding-top: 18px; }
body.rr-site .hero .wrap { position: relative; }
body.rr-site .hero .wrap::before {
  content: "LOOTY BAY / CRIME FILES";
  display: inline-block;
  margin: 0 0 6px;
  padding: 2px 9px;
  background: var(--pi-paper);
  color: var(--pi-bg);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .22em;
}
body.rr-site .hero-img.hero-wide {
  border: 4px solid var(--pi-paper);
  box-shadow: 9px 9px 0 var(--pi-accent-sub);
  filter: saturate(1.05) contrast(1.03);
}
body.rr-site .hero-img + .hero-title {
  display: inline-block;
  margin-top: 10px;
  padding: 3px 12px;
  background: var(--pi-paper);
  color: var(--pi-bg);
  font-weight: 800;
  letter-spacing: .18em;
}

/* 記事の見出し：オレンジ帯にクリーム文字。magazine の枠を活かして影を強める */
body.rr-site.layout-magazine .article h2 {
  background: var(--pi-accent-sub);
  color: #fff8ea;
  border: 3px solid var(--pi-paper);
  box-shadow: 5px 5px 0 var(--pi-paper);
  border-radius: 3px;
}
body.rr-site .article h3 {
  margin-top: 28px;
  padding-left: 10px;
  border-left: 6px solid var(--pi-accent-sub);
  font-size: 18px;
}
body.rr-site .article h1 {
  border-bottom: 5px solid var(--pi-paper);
  padding-bottom: 10px;
}
body.rr-site .article a {
  color: var(--pi-accent-text);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
body.rr-site .article a:hover { color: var(--pi-red-ink); }

/* 要点枠・カード */
body.rr-site.layout-magazine .c-answer {
  background: var(--pi-panel);
  border: 3px solid var(--pi-paper);
  border-left: 10px solid var(--pi-accent-sub);
  box-shadow: 6px 6px 0 var(--pi-paper);
}
body.rr-site.layout-magazine .p-card,
body.rr-site.layout-magazine.site-database .p-card.is-primary {
  background: var(--pi-card);
  border: 2px solid var(--pi-paper);
  box-shadow: 5px 5px 0 var(--pi-paper);
}
body.rr-site.layout-magazine .p-card.is-primary { border-top: 7px solid var(--pi-accent-sub); }
body.rr-site.layout-magazine .p-card:hover {
  transform: translate(-2px, -2px);
  box-shadow: 7px 7px 0 var(--pi-accent-sub);
}

/* トップのセクション見出しは、ボタンに見えない小さなラベル帯にする */
body.rr-site#top .article section > h2 {
  display: inline-block;
  padding: 3px 14px;
  font-size: 17px;
  box-shadow: 4px 4px 0 var(--pi-paper);
}

/* 表：黒ヘッダー＋クリームの縞 */
body.rr-site table.data thead th,
body.rr-site.pattern-indie table.data th {
  background: var(--pi-paper);
  color: var(--pi-bg);
  border-color: var(--pi-paper);
}
body.rr-site table.data tbody tr:nth-child(even) { background: rgba(176, 61, 18, .06); }
body.rr-site table.data td { border-color: #c9b795; }

/* バッジ・タグは角を立てて紙のラベル風に */
body.rr-site .chip,
body.rr-site .tag,
body.rr-site .badge {
  border: 1.5px solid var(--pi-paper);
  border-radius: 2px;
  font-weight: 800;
}
body.rr-site .btn-more,
body.rr-site .pager a {
  border: 2px solid var(--pi-paper);
  box-shadow: 3px 3px 0 var(--pi-accent-sub);
  font-weight: 800;
}
body.rr-site .btn-more:hover,
body.rr-site .pager a:hover {
  background: var(--pi-accent-sub);
  color: #fff8ea;
}

/* スタンプ（@@STAMP）を極太の検印に */
body.rr-site .stamp,
body.rr-site .c-stamp {
  border: 3px double var(--pi-red);
  color: var(--pi-red-ink);
  font-weight: 900;
  letter-spacing: .18em;
}

/* トップの独自カード群は、見出しを小さな黒ラベルに */
body.rr-site .p-group-title,
body.rr-site .i-sec-title {
  display: inline-block;
  padding: 2px 10px;
  background: var(--pi-paper);
  color: var(--pi-bg);
  font-size: 12px;
  letter-spacing: .12em;
}

/* フッターは黒帯 */
body.rr-site .gf {
  background: var(--pi-paper);
  color: #e9d9bd;
  border-top: 6px solid var(--pi-accent-sub);
}
body.rr-site .gf .gf-name,
body.rr-site .gf a { color: #fdf3e3; }
body.rr-site .gf .gf-note { color: #dcc8a9; }

@media (max-width: 700px) {
  body.rr-site .hero .wrap::before { font-size: 9px; }
  body.rr-site .hero-img.hero-wide { box-shadow: 5px 5px 0 var(--pi-accent-sub); }
  body.rr-site.layout-magazine .article h2 { box-shadow: 3px 3px 0 var(--pi-paper); }
  body.rr-site table.data th {
    background: var(--pi-paper) !important;
    color: #fff8ea !important;
  }
  body.rr-site .p-cards3 { grid-template-columns: 1fr; }
}

@media (min-width: 1000px) {
  body.rr-site.site-database .article { max-width: 960px; }
  body.rr-site.site-database .article:has(.table-scroll) { max-width: none; }
}