/* ===== サイトの使い方と全ページ一覧(sitemap.html・2026-09-07)=====
   器は article.css(main.wrap)。ここにはこのページ固有の一覧だけを書く。 */

/* 目的別の入口: 番号つきの問いと答え */
.howto{list-style:none;padding:0;margin:0 0 24px;counter-reset:howto;border-top:1px solid var(--rule)}
main.wrap .howto li{counter-increment:howto;display:grid;grid-template-columns:64px 1fr;gap:20px;padding:24px 0;
  border-bottom:1px solid var(--rule-mid);margin:0}
.howto li::before{content:counter(howto,decimal-leading-zero);font-family:Archivo,sans-serif;font-size:30px;
  font-weight:300;line-height:1;color:var(--primary);letter-spacing:-.03em}
/* article.css の main.wrap h3/p の余白より優先させる */
main.wrap .howto h3{grid-column:2;margin:0 0 6px;font-size:20px}
main.wrap .howto p{grid-column:2;margin:0 0 8px;font-size:15.5px;line-height:1.95}
main.wrap .howto p:last-child{margin-bottom:0}
.howto .go{font-size:14.5px}
.howto .go a{color:var(--primary)}

/* ページ一覧: 題名と説明 */
.plist{list-style:none;padding:0;margin:0 0 18px;border-top:1px solid var(--rule)}
main.wrap .plist li{display:grid;grid-template-columns:minmax(200px,320px) 1fr;gap:20px;padding:12px 0;
  border-bottom:1px solid var(--rule-soft);margin:0;align-items:baseline}
.plist a{font-size:16px;font-weight:700;color:var(--ink);text-decoration:none}
.plist a:hover{color:var(--primary)}
.plist .d{font-size:13.5px;line-height:1.8;color:var(--ink-dim)}
.plist.arts a{font-weight:700;font-size:15px}
main.wrap .plead{margin:18px 0 8px;font-size:14px;line-height:1.8;color:var(--ink-dim)}

/* 星座12・相性78の短いリンクの格子 */
.pgrid{list-style:none;padding:0;margin:0 0 18px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px 14px}
main.wrap .pgrid li{margin:0;font-size:14.5px}
.pgrid a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule-mid)}
.pgrid a:hover{color:var(--primary);border-bottom-color:var(--primary)}
.pairs{margin:0 0 18px}
.pairs summary{cursor:pointer;font-size:14.5px;color:var(--primary);padding-top:8px;padding-bottom:8px}
.pairs .pgrid{margin-top:8px}

@media (max-width:700px){
  .howto li{grid-template-columns:44px 1fr;gap:12px}
  .howto li::before{font-size:24px}
  .plist li{grid-template-columns:1fr;gap:4px}
  .pgrid{grid-template-columns:repeat(2,1fr)}
}