/* 相性占い：Pico CSS 2 ＋ 上部アクセント（B案） 2026-11-11 */
body { font-family: "Hiragino Sans", "Noto Sans JP", "Meiryo", sans-serif; }

/* ヘッダー（グラデーションの帯） */
.site-head { background: linear-gradient(135deg, #ff6f7d 0%, #ff9a56 100%); }
.site-head .container { padding-top: 1.1rem; padding-bottom: 1rem; }
.site-head .brand { display: inline-block; margin-bottom: .4rem; font-size: 1.6rem; font-weight: 700; color: #fff; text-decoration: none; }
.site-head .sites { display: flex; flex-wrap: wrap; gap: .2rem 1rem; font-size: .9rem; }
.site-head .sites a { color: #fff; opacity: .85; text-decoration: none; white-space: nowrap; }
.site-head .sites a[aria-current] { opacity: 1; font-weight: 700; border-bottom: 2px solid #fff; }

/* 最初の説明カード（淡いピンク） */
main.container { padding-top: 0; }
article.hero { margin-top: -1px; background: #fff3ef; border: 1px solid #ffd9cc; box-shadow: none; border-top-left-radius: 0; border-top-right-radius: 0; }
article.hero h2 { color: #d9473a; font-size: 1.6rem; }

/* セクション見出しの左線・目次ボタン */
.sec { border-left: 5px solid #ff7f6e; padding-left: .6rem; }
.rows a[role=button] { padding: .3rem .8rem; margin: .15rem; }

.site-foot { padding-bottom: 2rem; color: #6b7280; }

/* 一覧・占い・結果ページ（2026-11-12 追加） */
main > h2 { border-left: 5px solid #ff7f6e; padding-left: .6rem; font-size: 1.45rem; margin-top: 1.8rem; }
main > h2:first-child { margin-top: 1.5rem; }
main h3:not(.sec) { font-size: 1.2rem; color: #d9473a; }
main table td { text-align: center; vertical-align: middle; }
main table img { display: block; max-width: 120px; height: auto; margin: .3rem auto 0; }
.biggest { font-size: 1.8rem; font-weight: 700; }
.bigger { font-size: 1.4rem; font-weight: 700; color: #d9473a; }
main input[type=radio] + label { display: inline-block; margin-right: 1rem; }

/* PC で横に広がりすぎないよう、本文の最大幅を制限（2026-11-12） */
.container { max-width: 960px; }

/* 占いページ・一覧ページの見出しと目次（2026-11-12） */
.target-name { font-size: 1.8rem; font-weight: 700; color: #d9473a; margin-bottom: .4rem; }
main > h3 { background: #fff3ef; color: #d9473a; border-left: 5px solid #ff7f6e; border-radius: 0 8px 8px 0; padding: .45rem .9rem; font-size: 1.15rem; margin-top: 1.6rem; }
main > h3 + ul, main > h2 + ul { columns: 14em; column-gap: 2rem; }
main > h3 + ul li, main > h2 + ul li { break-inside: avoid; }
main > p > a[href^="index_"], main > p > a[href="./"], main > p > a[href="index.html"] { display: inline-block; padding: .2rem .7rem; margin: .15rem; border: 1px solid #ff9a7a; border-radius: 999px; text-decoration: none; font-size: .95rem; }

/* 診断結果のコピーボタン（2026-11-12） */
.share-actions { display: flex; flex-wrap: wrap; gap: .6rem; }
.share-actions > * { margin: 0; }