/*
Theme Name: FANZA Catalog Starter (Cocoon Child)
Description: Reusable Cocoon child theme for automated manga catalogs. Home, genre index, rankings, related works and product information.
Author: OpenAI
Version: 1.0.0
Template: cocoon-master
Text Domain: fanza-catalog-starter
*/
:root{--ink:#15284d;--navy:#10264d;--blue:#1f4d8f;--gold:#d5a63b;--paper:#f6f8fc;--line:#dce4f0;--muted:#66748a}
body{background:var(--paper);color:#17243a;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif}
a{color:var(--blue);text-decoration:none}a:hover{color:#b17b16}
.site,.wrap{max-width:1240px}
#header-container{background:#fff;border-bottom:1px solid var(--line)}
.header-container-in{max-width:1240px;margin:auto}
.site-name a{color:var(--navy);font-weight:900;letter-spacing:.04em}
.navi{background:var(--navy)}
.navi a{color:#fff}
.content-in{gap:28px}
main#main{min-width:0}
.entry-card,.popular-card,.feature-card,.new-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 5px 18px rgba(22,43,78,.05)}
.hitomi-home{max-width:1240px;margin:22px auto 44px;padding:0 16px}
.hitomi-hero{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin-bottom:30px}
.hitomi-hero-main{min-height:300px;position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(120deg,#eaf1fb,#cbdaf0);display:flex;align-items:end}
.hitomi-hero-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78}
.hitomi-hero-copy{position:relative;z-index:1;padding:30px;max-width:540px;background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.72),transparent)}
.hitomi-kicker{display:inline-block;background:var(--gold);color:#fff;padding:5px 12px;border-radius:30px;font-size:12px;font-weight:800}
.hitomi-hero h1{font-size:clamp(26px,4vw,42px);line-height:1.35;color:var(--navy);margin:12px 0}
.hitomi-hero p{color:#3d4c64;line-height:1.8}
.hitomi-hero-side{display:grid;grid-template-rows:1fr 1fr;gap:16px}
.hitomi-side-tile{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;justify-content:center}
.hitomi-side-tile strong{font-size:19px;color:var(--navy)}
.hitomi-section{margin:30px 0}
.hitomi-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.hitomi-section h2{margin:0;color:var(--navy);font-size:24px}
.hitomi-section-head a{font-size:13px;font-weight:700}
.hitomi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.hitomi-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 4px 14px rgba(22,43,78,.04);min-width:0}
.hitomi-thumb{display:block;aspect-ratio:3/4;background:#e7edf6;position:relative;overflow:hidden}
.hitomi-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.hitomi-card:hover .hitomi-thumb img{transform:scale(1.04)}
.hitomi-rank{position:absolute;top:10px;left:10px;background:var(--navy);color:#fff;border-radius:9px;padding:5px 10px;font-weight:900}
.hitomi-card-body{padding:12px}
.hitomi-card h3{font-size:14px;line-height:1.55;margin:0 0 7px;color:var(--navy)}
.hitomi-meta{font-size:12px;color:var(--muted);line-height:1.7}
.hitomi-badge{display:inline-block;border:1px solid #d6e1f2;background:#f0f5fc;color:#34537f;border-radius:20px;padding:3px 8px;font-size:11px;margin:3px 3px 0 0}
.hitomi-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hitomi-new{display:flex;gap:12px;align-items:center;padding:10px;background:#fff;border:1px solid var(--line);border-radius:12px;min-width:0}
.hitomi-new img{width:88px;height:112px;object-fit:cover;border-radius:8px;background:#e7edf6}
.hitomi-new h3{font-size:14px;line-height:1.5;margin:0 0 6px}
.hitomi-empty{padding:22px;background:#fff;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}
.hitomi-cats{display:flex;flex-wrap:wrap;gap:9px}
.hitomi-cats a{background:#fff;border:1px solid var(--line);padding:9px 14px;border-radius:30px;color:var(--navy);font-weight:700;font-size:13px}
.hitomi-cats a:hover{background:var(--navy);color:#fff}
.hitomi-button{display:inline-block;background:var(--navy);color:#fff!important;border-radius:30px;padding:11px 20px;font-weight:800}
.hitomi-button:hover{background:var(--blue)}
.hitomi-age{position:fixed;z-index:99999;inset:0;background:rgba(8,18,38,.88);display:none;align-items:center;justify-content:center;padding:20px}
.hitomi-age.is-visible{display:flex}
.hitomi-age-box{max-width:440px;background:#fff;border-radius:18px;padding:30px;text-align:center;box-shadow:0 15px 60px #0005}
.hitomi-age-box h2{color:var(--navy);margin-top:0}
.hitomi-age-box p{line-height:1.7;color:#536078}
.hitomi-age-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.hitomi-age-actions button{border:0;border-radius:30px;padding:12px 20px;font-weight:800;cursor:pointer}
.hitomi-age-yes{background:var(--navy);color:#fff}.hitomi-age-no{background:#edf0f5;color:#26344c}
@media(max-width:900px){.hitomi-hero{grid-template-columns:1fr}.hitomi-hero-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.hitomi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hitomi-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hitomi-home{padding:0 10px;margin-top:12px}.hitomi-hero-main{min-height:260px}.hitomi-hero-copy{padding:18px}.hitomi-hero-side{grid-template-columns:1fr}.hitomi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hitomi-list{grid-template-columns:1fr}.hitomi-section h2{font-size:20px}.hitomi-card-body{padding:9px}.hitomi-card h3{font-size:13px}}


/* v1.1: Cocoonトップページをフル幅に（他のページは変更しない） */
body.home #content.hitomi-content,
body.home #content-in.hitomi-content-in,
body.home #main.hitomi-main {width:100%!important;max-width:1320px!important;min-width:0!important;box-sizing:border-box;}
body.home #content.hitomi-content{margin:0 auto!important;padding:0 22px!important;background:transparent;}
body.home #content-in.hitomi-content-in {display:block!important;margin:0 auto!important;padding:0!important;}
body.home #main.hitomi-main{float:none!important;margin:0 auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
body.home .hitomi-home{max-width:1240px;margin:28px auto 64px;padding:0 10px;box-sizing:border-box;}
body.home .hitomi-grid{grid-template-columns:repeat(5,minmax(0,1fr));}
body.home .hitomi-card h3 a{color:var(--navy);overflow-wrap:anywhere;}
body.home .hitomi-card h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
body.home .hitomi-thumb > .hitomi-thumb-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#dde7f4,#f7f9fd);}
body.home .hitomi-empty{grid-column:1/-1;}
.hitomi-rank-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 15px;}
.hitomi-rank-tabs a{padding:8px 17px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--navy);font-size:14px;font-weight:700;}
.hitomi-rank-tabs a.is-active{background:var(--navy);border-color:var(--navy);color:#fff;}
.hitomi-search{display:flex;gap:8px;margin:0 0 22px;max-width:650px;}
.hitomi-search input[type=search]{min-width:0;flex:1;padding:13px 15px;border:1px solid #cbd6e6;border-radius:12px;background:#fff;font-size:16px;}
.hitomi-search button{padding:11px 20px;border:0;border-radius:12px;background:var(--navy);color:#fff;font-weight:700;cursor:pointer;}
.hitomi-tag-list{display:flex;flex-wrap:wrap;gap:9px;}
.hitomi-tag-list a{padding:8px 13px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--navy);font-size:13px;}
.hitomi-section-head h2{line-height:1.35;}
.hitomi-period-note{font-size:12px;color:var(--muted);margin:-4px 0 12px;}
@media(max-width:1000px){body.home .hitomi-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:760px){body.home #content.hitomi-content{padding:0 12px!important;}body.home .hitomi-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.hitomi-hero-main{min-height:270px;}.hitomi-hero-copy{padding:20px;}}
@media(max-width:520px){body.home #content.hitomi-content{padding:0 7px!important;}body.home .hitomi-home{margin-top:12px;padding:0 4px;}body.home .hitomi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.hitomi-hero{gap:10px}.hitomi-hero-side{grid-template-columns:1fr 1fr;gap:9px}.hitomi-side-tile{padding:12px;border-radius:12px}.hitomi-side-tile strong{font-size:14px}.hitomi-side-tile span:last-child{font-size:11px}.hitomi-hero h1{font-size:25px}.hitomi-section{margin:26px 0}.hitomi-search button{padding:10px 14px}.hitomi-new img{width:82px;height:108px;}}


/* v1.2: トップページの親コンテナによる幅制限を解除。記事ページは対象外。 */
body.home #container,
body.home .container,
body.home #content-wrap,
body.home #content,
body.home #content-in,
body.home #main {
  box-sizing:border-box;
  max-width:none!important;
}
body.home #container,
body.home .container,
body.home #content-wrap {width:100%!important;}
body.home #content.hitomi-content {
  width:100%!important;
  max-width:1360px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:0 28px!important;
}
body.home #content-in.hitomi-content-in,
body.home #main.hitomi-main {width:100%!important;max-width:none!important;}
body.home .hitomi-home {width:100%;max-width:1304px;padding:0;margin:30px auto 68px;}
/* 作品カードの視認性 */
body.home .hitomi-grid {gap:18px;}
body.home .hitomi-card h3 {font-size:15px;line-height:1.55;}
body.home .hitomi-thumb {aspect-ratio:3/4;}
/* 新着作品：横長のリストカードを充分な横幅で表示 */
body.home .hitomi-list {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
body.home .hitomi-new {padding:12px;gap:15px;}
body.home .hitomi-new>a {flex:0 0 110px;display:block;}
body.home .hitomi-new img {display:block;width:110px;height:145px;object-fit:cover;}
body.home .hitomi-new>div {min-width:0;flex:1;}
body.home .hitomi-new h3 {overflow-wrap:anywhere;font-size:15px;}
@media(max-width:1100px){
  body.home .hitomi-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media(max-width:800px){
  body.home #content.hitomi-content {padding:0 16px!important;}
  body.home .hitomi-home {margin-top:20px;}
  body.home .hitomi-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
  body.home .hitomi-list {grid-template-columns:repeat(2,minmax(0,1fr));}
  body.home .hitomi-new>a {flex-basis:78px;}
  body.home .hitomi-new img {width:78px;height:108px;}
}
@media(max-width:600px){
  body.home #content.hitomi-content {padding:0 12px!important;}
  body.home .hitomi-home {margin-top:12px;}
  body.home .hitomi-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  body.home .hitomi-list {grid-template-columns:1fr;gap:10px;}
  body.home .hitomi-new>a {flex-basis:94px;}
  body.home .hitomi-new img {width:94px;height:124px;}
  body.home .hitomi-new h3 {font-size:14px;}
  body.home .hitomi-card h3 {font-size:13px;}
}

/* v1.3: カード見やすさ・ランキング順位・スマートフォンのファーストビュー調整 */
body.home .hitomi-card .hitomi-meta {margin-top:7px;}
body.home .hitomi-rank {z-index:2;top:9px;left:9px;background:#1b3159;color:#fff;border:1px solid rgba(255,255,255,.8);box-shadow:0 2px 9px #0004;font-size:13px;line-height:1.3;padding:7px 10px;border-radius:999px;}
body.home .hitomi-rank-1 {background:#c99a2c;}
body.home .hitomi-rank-2 {background:#697e9b;}
body.home .hitomi-rank-3 {background:#a97650;}
body.home .hitomi-side-tile .hitomi-kicker {align-self:flex-start;}
@media (max-width:600px) {
 body.home .hitomi-hero-main {min-height:0;align-items:center;}
 body.home .hitomi-hero-main img {opacity:.48;}
 body.home .hitomi-hero-copy {padding:17px 18px;max-width:100%;width:100%;background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.73));}
 body.home .hitomi-hero h1 {font-size:clamp(22px,6vw,27px);line-height:1.35;margin:8px 0;}
 body.home .hitomi-hero p {font-size:13px;line-height:1.55;margin:6px 0 10px;}
 body.home .hitomi-hero .hitomi-button {padding:9px 16px;font-size:13px;}
 body.home .hitomi-hero-side {display:grid;grid-template-columns:1fr;gap:9px;}
 body.home .hitomi-side-tile {padding:13px 15px;gap:3px;min-height:0;}
 body.home .hitomi-side-tile strong {font-size:16px;line-height:1.5;word-break:normal;overflow-wrap:normal;}
 body.home .hitomi-side-tile span:last-child {font-size:12px;line-height:1.5;}
 body.home .hitomi-side-tile .hitomi-kicker {font-size:11px;}
 body.home .hitomi-section {margin:23px 0;}
 body.home .hitomi-rank {padding:5px 8px;font-size:12px;}
}


/* v1.4: 記事詳細ページの見た目のみ調整。投稿本文やリンク先は変更しない。 */
body.single-post #main {
  box-sizing:border-box;
  min-width:0;
}
body.single-post .article-header .entry-title,
body.single-post h1.entry-title {
  color:var(--navy);
  font-size:clamp(22px,2.3vw,30px);
  line-height:1.55;
  letter-spacing:.015em;
  overflow-wrap:anywhere;
  margin-bottom:18px;
}
/* Cocoonの本文レイアウトを保持し、表紙に相当する先頭の画像だけを整える */
body.single-post .entry-content > p:first-of-type:has(> img),
body.single-post .entry-content > figure:first-of-type {
  text-align:center;
}
body.single-post .entry-content > p:first-of-type > img,
body.single-post .entry-content > figure:first-of-type > img,
body.single-post .entry-content > figure:first-of-type > a > img {
  max-width:min(100%,480px);
  width:auto;
  height:auto;
  display:inline-block;
  border-radius:10px;
}
/* 目次は既存の開閉機能を生かしつつ、読みやすいサイズに */
body.single-post .toc {
  border:1px solid var(--line);
  border-radius:12px;
  padding:16px 18px;
  background:#fbfcff;
  max-width:100%;
  box-sizing:border-box;
}
body.single-post .toc-title {color:var(--navy);font-weight:700;}
body.single-post .toc a {overflow-wrap:anywhere;}
body.single-post .toc-list {line-height:1.8;}
/* SNSシェア・CTAなどの既存の動作、順番、リンクは変更しない */
body.single-post .sns-share {margin-block:18px;}
body.single-post .entry-content {overflow-wrap:anywhere;}
@media(max-width:600px){
  body.single-post #main {padding-left:14px!important;padding-right:14px!important;}
  body.single-post .article-header .entry-title,
  body.single-post h1.entry-title {font-size:clamp(20px,5.6vw,24px);line-height:1.5;margin-bottom:14px;}
  body.single-post .entry-content > p:first-of-type > img,
  body.single-post .entry-content > figure:first-of-type > img,
  body.single-post .entry-content > figure:first-of-type > a > img {max-width:100%;border-radius:8px;}
  body.single-post .toc {padding:12px 12px;font-size:14px;}
  body.single-post .toc-list {padding-left:18px;}
  body.single-post .sns-share {margin-block:12px;}
}

/* v1.5: 順位バッジとサムネイル未設定時の背景表示を分離 */
body.home .hitomi-thumb > .hitomi-rank {display:inline-block;width:auto;height:auto;max-width:calc(100% - 18px);box-sizing:border-box;}

/* v1.6 genre navigation */
.hitomi-genre-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.hitomi-genre-list a{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:14px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--navy);font-weight:700;overflow-wrap:anywhere}
.hitomi-genre-list a:hover{border-color:var(--gold);box-shadow:0 3px 12px #13284d12}
.hitomi-genre-list small{color:var(--muted);white-space:nowrap;font-size:.75em;font-weight:400}
.hitomi-genre-status{font-size:14px;color:var(--muted);padding:12px 0}
.hitomi-genre-pagination{display:flex;gap:8px;justify-content:center;margin:24px 0;flex-wrap:wrap}
.hitomi-genre-pagination a,.hitomi-genre-pagination span{display:inline-block;padding:9px 12px;border:1px solid var(--line);border-radius:8px}
@media(max-width:900px){.hitomi-genre-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.hitomi-genre-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hitomi-genre-list a{padding:11px 9px;font-size:13px}}

/* Ver.1.7: トップ24件と全ジャンル検索。既存の投稿やインデックスは維持 */
.hitomi-genre-more{text-align:center;margin:20px 0 4px}
.hitomi-genre-more-link{display:inline-block;background:var(--navy);color:#fff!important;font-weight:700;border-radius:12px;padding:13px 22px;text-decoration:none}
.hitomi-genre-more-link:hover{background:var(--blue);color:#fff!important}
.hitomi-genre-directory-page .hitomi-section-head h1{font-size:clamp(23px,3vw,30px);color:var(--navy);margin:0}
.hitomi-genre-search{margin:24px 0 12px;max-width:600px}
.hitomi-genre-search label{display:block;font-size:15px;font-weight:700;color:var(--navy);margin:0 0 8px}
.hitomi-genre-search input{display:block;width:100%;max-width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 16px;background:#fff;color:var(--navy);font-size:16px}
.hitomi-genre-search input:focus{outline:2px solid var(--gold);outline-offset:2px}
.hitomi-genre-count{color:var(--muted);font-size:13px;margin:9px 0 0}
.hitomi-genre-list a[hidden],.hitomi-genre-no-matches[hidden]{display:none!important}
.hitomi-genre-no-matches{margin:20px 0;color:var(--muted)}
@media(max-width:600px){.hitomi-genre-more-link{width:100%;box-sizing:border-box}.hitomi-genre-directory-page .hitomi-genre-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Ver.1.8: 作品詳細ページの関連作品。既存のリンクや本文には干渉しない */
body.single-post .hitomi-related{clear:both;margin:36px 0 22px;padding:24px 0 0;border-top:1px solid var(--line)}
body.single-post .hitomi-related h2{font-size:clamp(20px,2.6vw,25px);line-height:1.45;margin:0 0 18px;color:var(--navy);border:0;padding:0;background:none}
body.single-post .hitomi-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.single-post .hitomi-related .hitomi-card{margin:0;max-width:100%}
body.single-post .hitomi-related .hitomi-thumb{display:block;overflow:hidden}
body.single-post .hitomi-related .hitomi-card h3{font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 6px}
body.single-post .hitomi-related .hitomi-card h3 a{color:var(--navy);overflow-wrap:anywhere}
body.single-post .hitomi-related .hitomi-meta{font-size:11px;color:var(--muted)}
@media(max-width:650px){
  body.single-post .hitomi-related{margin-top:28px;padding-top:20px}
  body.single-post .hitomi-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body.single-post .hitomi-related .hitomi-card-body{padding:9px}
}


/* Ver.2.0: Cocoonが記事本文の見出しに付ける灰色の背景・縦線を
   独自関連記事カードのタイトルに限って解除する。本文の見出しは変更しない。 */
body.single-post .hitomi-related .hitomi-related-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:0;
}
body.single-post .hitomi-related .hitomi-card {
  min-width:0;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:0 4px 14px rgba(22,43,78,.04);
  overflow:hidden;
}
body.single-post .hitomi-related .hitomi-card-body {
  padding:12px;
  background:#fff;
}
body.single-post .hitomi-related .hitomi-card-body > h3 {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  font-size:14px;
  font-weight:700;
  line-height:1.55;
  color:var(--navy);
  margin:0 0 7px;
  padding:0!important;
  border:0!important;
  border-left:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  min-height:0;
}
body.single-post .hitomi-related .hitomi-card-body > h3::before,
body.single-post .hitomi-related .hitomi-card-body > h3::after {
  content:none!important;
  display:none!important;
}
body.single-post .hitomi-related .hitomi-card-body > h3 a {
  display:inline;
  color:var(--navy)!important;
  font-size:inherit;
  line-height:inherit;
  text-decoration:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  overflow-wrap:anywhere;
}
body.single-post .hitomi-related .hitomi-card-body > h3 a:hover {
  color:var(--blue)!important;
}
body.single-post .hitomi-related .hitomi-card .hitomi-thumb {
  width:100%;
  aspect-ratio:3/4;
  background:#e7edf6;
  border:0;
  padding:0;
}
body.single-post .hitomi-related .hitomi-card .hitomi-thumb img {
  width:100%;
  height:100%;
  object-fit:cover;
}
body.single-post .hitomi-related .hitomi-card .hitomi-meta {
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}
@media(max-width:650px){
  body.single-post .hitomi-related .hitomi-related-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  body.single-post .hitomi-related .hitomi-card-body {padding:9px;}
  body.single-post .hitomi-related .hitomi-card-body > h3 {font-size:13px;line-height:1.5;}
}

/* Shared catalog: product details, preserve original post content and outbound links */
body.single-post .entry-content{line-height:1.9;overflow-wrap:anywhere}
body.single-post .entry-content img{max-width:100%;height:auto}
body.single-post .entry-content ul{padding-left:1.3em}
body.single-post .fcs-product-facts{background:#fff;border:1px solid var(--line);border-radius:18px;margin:16px 0 26px;padding:20px 22px;box-shadow:0 4px 18px rgba(20,40,75,.05)}
body.single-post .fcs-product-facts h2{background:transparent!important;border:0!important;padding:0!important;margin:0 0 15px!important;color:var(--navy);font-size:19px}
body.single-post .fcs-product-facts dl{display:grid;grid-template-columns:minmax(80px,120px) minmax(0,1fr);gap:0;margin:0}
body.single-post .fcs-product-facts dt,body.single-post .fcs-product-facts dd{border-bottom:1px solid #e9edf5;margin:0;padding:10px 5px;font-size:14px;line-height:1.65}
body.single-post .fcs-product-facts dt{font-weight:700;color:var(--navy)}
body.single-post .fcs-product-facts dd{min-width:0;overflow-wrap:anywhere;color:#34465e}
body.single-post .fcs-product-facts dd a{color:var(--blue)}
body.single-post .fcs-product-facts p{font-size:12px;color:var(--muted);margin:12px 0 0}
/* The visitor-facing design keeps three related-work cards per row, including phones. */
@media(max-width:650px){body.single-post .hitomi-related .hitomi-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}body.single-post .hitomi-related .hitomi-card-body{padding:7px}body.single-post .hitomi-related .hitomi-card-body>h3{font-size:11px;line-height:1.4}body.single-post .fcs-product-facts{padding:14px}body.single-post .fcs-product-facts dl{grid-template-columns:85px minmax(0,1fr)}}