/* ガイドライン（guidelines/）だけの見た目。可否の印・関連 URL・クレジット文のコピー。幅での切り替えは site-responsive.css の K4 の区切り */

/* 可否の印：OK ○（緑）・要相談 △（金）・NG ×（朱） */
.verdict { display: inline-flex; align-items: center; gap: .4rem; font-size: .84rem; font-weight: 700; letter-spacing: .06em; white-space: nowrap; }
.verdict-mark { display: inline-grid; place-items: center; width: 1.2rem; height: 1.2rem; font-family: var(--mincho); font-size: 1.15rem; font-weight: 700; line-height: 1; }
.verdict--ok { color: #8fe0ab; }
.verdict--ask { color: var(--gold); }
.verdict--ng { color: #ff8787; }
.verdict--ok .verdict-mark::before { content: "○"; }
.verdict--ask .verdict-mark::before { content: "△"; font-size: 1rem; }
.verdict--ng .verdict-mark::before { content: "×"; }
.verdict-legend { display: flex; flex-wrap: wrap; gap: .6rem 1.4rem; padding: 0; margin: -1rem 0 1.25rem; list-style: none; }

.rules-table { min-width: 56rem; }
.rules-table th, .rules-table td { padding: .95rem .9rem; vertical-align: top; }
.rules-table thead th { font-size: .78rem; letter-spacing: .1em; }
.rules-table tbody tr:last-child > * { border-bottom: 0; }
.rules-table tbody tr:hover > * { background: rgb(255 246 232 / .025); }
.rules-table .rule-category { width: 1%; color: var(--muted); font-size: .8rem; white-space: nowrap; }
.rules-table .rule-item { color: var(--paper); font-family: var(--mincho); font-size: 1rem; font-weight: 700; white-space: normal; }
.rules-table .rule-verdict { width: 1%; }
.rules-table .rule-note { color: rgb(255 246 232 / .82); font-size: .9rem; }
.rules-table .rule-note.is-empty { color: rgb(255 246 232 / .28); }
.rules-table .rule-url { width: 15rem; font-size: .8rem; }
.url-need { display: inline-block; padding: .02rem .5rem; border: 1px solid currentColor; font-size: .72rem; font-weight: 700; letter-spacing: .08em; line-height: 1.7; }
.url-need--must { color: var(--gold); }
.url-need--optional { color: var(--kitsunebi); }
.url-need--none { padding: 0; border: 0; color: rgb(255 246 232 / .28); }
.rule-url-note { display: block; margin-top: .35rem; color: var(--muted); line-height: 1.6; }
.rule-url-note a { color: var(--kitsunebi); }

/* クレジット文（押すとコピー） */
.credit-list { display: grid; border-top: 1px solid var(--line); }
.credit-row { display: grid; grid-template-columns: minmax(10rem, 13rem) minmax(0, 1fr) auto; gap: 1rem 2rem; align-items: center; padding: 1.4rem 0; border-bottom: 1px solid var(--line); }
.credit-use { margin: 0; color: var(--gold); font-size: .86rem; font-weight: 700; letter-spacing: .06em; line-height: 1.6; word-break: auto-phrase; text-wrap: balance; }
.credit-text { margin: 0; padding: .9rem 1.15rem; border: 1px dashed rgb(245 195 75 / .5); background: rgb(245 195 75 / .04); font-family: var(--mincho); line-height: 1.85; word-break: keep-all; overflow-wrap: anywhere; }
.credit-copy { min-height: 2.6rem; }