/* ヨルサガシの見た目（アダルト本部・2026-10-31 オーナー「ヨルサガシ自体ももっとUIUx洗練されたものにしたい。今のちょっと地味」）
   共用のビルダーの style.css には触らず、deploy-yoru.mjs が日本語のページの <head> の最後にこれを足して上書きする。
   夜のサイトなので暗い地に、紫〜桃の差し色。カードの一覧・押しやすいボタン・読みやすい表。 */
:root{
  --ground:#0f0c1a;--ink:#ece7f6;--ink-mute:#a8a1bd;--line:#2c2642;--accent:#e2558a;
  --card:#191529;--card-2:#211c35;--grad:linear-gradient(135deg,#7b3fb0,#e2558a);
  --tone-default:#191529;--tone-kigen:#191529;
}
body{background:radial-gradient(1200px 600px at 50% -200px,#2a1f47 0%,var(--ground) 60%) fixed,var(--ground);color:var(--ink);line-height:1.85}
a{color:#f08ab1}a:hover{color:#ffb3cf}
.hero{background:linear-gradient(180deg,#1d1730,#0f0c1a)!important}
.hero-line{color:var(--ink)}
/* 頭 */
.site-header{position:sticky;top:0;z-index:20;background:rgba(15,12,26,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:.8rem 1rem .7rem}
.site-title{font-family:var(--sans);font-weight:800;font-size:1.45rem;letter-spacing:.12em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.site-nav{margin-top:.5rem;gap:.5rem}
.site-nav a{font-size:.8rem;color:var(--ink);background:var(--card-2);border:1px solid var(--line);border-radius:999px;padding:.25rem .8rem}
.site-nav a:hover{border-color:var(--accent)}
.topic-nav{margin-top:.45rem}.topic-nav a{color:var(--ink-mute)}
/* 見出し・本文 */
main{padding-top:1.2rem}
h1{font-family:var(--sans);font-weight:800;letter-spacing:.02em}
h2{font-family:var(--sans);font-weight:700;border-left:4px solid var(--accent);padding-left:.6rem}
.eyebrow{color:var(--accent);letter-spacing:.2em}
.date,.card-date{color:var(--ink-mute)}
/* 一覧のあるページは横に広げてカードを並べる・記事は読みやすい幅 */
main{max-width:46em}
main:has(.article-list),main:has(#gr-list),main:has(#gr-wlist){max-width:72rem}
main:has(.article-list) > :not(.article-list):not(.topic-group),main:has(#gr-list) .gr-hero,main:has(#gr-list) > p,main:has(#gr-wlist) .gr-hero,main:has(#gr-wlist) > p{max-width:46em;margin-left:auto!important;margin-right:auto!important}
/* トップの一覧をカードに */
.article-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.9rem;padding:0;list-style:none}
.article-list li{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s ease,border-color .15s ease;margin:0}
.article-list li:hover{transform:translateY(-2px);border-color:#5b3f86}
.article-list img.thumb-package{width:100%;height:auto;aspect-ratio:800/538;object-fit:cover;margin:0;border-radius:0}
.article-list img.thumb-actress{width:88px;height:88px;border-radius:50%;margin:1rem auto 0;display:block;border:2px solid #5b3f86}
.article-list .body{padding:.7rem .9rem .9rem;display:flex;flex-direction:column;gap:.3rem}
.article-list .body a{color:var(--ink);font-weight:700;text-decoration:none;line-height:1.5}
.article-list .body a:hover{color:#ffb3cf}
.article-list .body span{font-size:.82rem;color:var(--ink-mute);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* 〔2026-11-02 オーナー「女優の記事は一列1女優はなくて2列で並べて。その分文字は減らしていい」「説明文は文章が2段以上にならないように短く」〕
   スマホでも2列。題は2行・説明は1行で切る */
.article-list .body a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:640px){
  .article-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
  .article-list .body{padding:.5rem .6rem .6rem;gap:.15rem}
  .article-list .body a{font-size:.86rem;line-height:1.4}
  .article-list .body span{font-size:.74rem;-webkit-line-clamp:1}
  .article-list img.thumb-actress{width:64px;height:64px;margin-top:.7rem}
  .article-list .card-date{font-size:.7rem}
}
/* トップの入口ボタン（3つとも同じ形・2026-10-31 オーナー） */
.top-entries{display:grid;gap:.7rem;margin:1.2rem 0}
.top-btn{display:block;text-decoration:none;color:#fff!important;background:var(--grad);border-radius:14px;padding:.95rem 1.1rem;box-shadow:0 6px 20px rgba(226,85,138,.22);transition:transform .15s ease}
.top-btn:hover{transform:translateY(-2px)}
.top-btn b{display:block;font-size:1.12rem;letter-spacing:.03em}
.top-btn small{display:block;font-size:.84rem;opacity:.88;margin-top:.15rem}
.code-go{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem}
.code-go button{background:var(--grad)!important}
/* 入口のボタン */
.kibun-entry a,.cta a,a.cta{background:var(--grad)!important;border-radius:12px!important;box-shadow:0 6px 20px rgba(226,85,138,.25)}
.ranking-entry a{display:inline-block;margin-top:.2rem;padding:.55rem 1rem;border-radius:999px;border:1px solid #5b3f86;background:var(--card-2);color:var(--ink);text-decoration:none}
/* 表・目次・注意書き */
table{border-collapse:collapse;width:100%}
.table-wrap{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card)}
th,td{border-color:var(--line)!important;padding:.55rem .7rem}
th{background:var(--card-2);color:var(--ink)}
tr:nth-child(even) td{background:rgba(255,255,255,.02)}
.toc{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.8rem 1rem}
.note,.pr-note{color:var(--ink-mute)}
.pr-top{background:var(--card)!important;border-color:var(--line)!important}
/* 動画は横幅いっぱい */
.sample-movie{margin:1.2rem 0;border-radius:12px;overflow:hidden;background:#000}
.sample-movie iframe{width:100%;height:auto;aspect-ratio:560/360;display:block;border:0}
/* 気分でAVさがし・ランキングの部品も暗い地に（2026-10-31 オーナー「気分でのボタンが白地に白っぽい文字で見えない」） */
#kibun .kb-chip{background:var(--card-2)!important;color:var(--ink)!important;border-color:#5b3f86!important}
#kibun .kb-chip:hover{border-color:var(--accent)!important}
#kibun .kb-chip[aria-pressed="true"]{background:var(--grad)!important;border-color:transparent!important;color:#fff!important;font-weight:600}
#kibun .kb-search,#kibun .kb-go{background:var(--grad)!important;border-radius:12px!important;color:#fff!important}
#kibun .kb-card{border-top-color:var(--line)!important}
/* 記事一覧の女優さんのカップ数の入口（2026-11-02 オーナー） */
.cup-jump{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0 1rem}
.cup-jump a{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .75rem;border-radius:999px;background:var(--card-2);border:1px solid #5b3f86;color:var(--ink);text-decoration:none;font-size:.85rem}
.cup-jump a:hover{border-color:var(--accent)}
.cup-jump b{font-size:.72rem;color:var(--ink-mute);font-weight:600}
.topic-group :is(h2,h3) .count{display:inline;font-size:.8rem;color:var(--ink-mute);margin-left:.5rem;font-weight:400}
.gr-hero small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}
.gr-rank{background:#2e2547;color:#e9dcff}
.gr-bar{background:#2a2340}
.ad-slot{background:transparent}
.site-footer{border-top:1px solid var(--line);color:var(--ink-mute)}
input,select,textarea{background:var(--card-2);color:var(--ink);border:1px solid var(--line)}