/* PathScope と共通の見た目は page-pathscope.css。ここには AccessScope だけで使う部品を置く */
.lx-feat p + p, .lx-feat ul + p, .lx-feat .as-chips + p { margin-top: 8px; }
.lx-feat code { font-family: var(--font-mono); font-size: 0.85em; background: rgba(4,19,36,0.7); border: 1px solid var(--border-accent); border-radius: 5px; padding: 1px 6px; overflow-wrap: anywhere; }
.ps-block a { color: var(--accent-cyan); }
.ps-shot figcaption { margin-top: 10px; text-align: center; font-size: 0.84rem; color: var(--text-secondary); line-height: 1.6; }
.as-list { list-style: none; margin: 0; padding: 0; }
.as-list li { font-size: 0.86rem; color: var(--text-secondary); line-height: 1.7; padding: 2px 0 2px 16px; position: relative; }
.ps-block .as-list li { font-size: 0.92rem; line-height: 1.8; }
.as-list li::before { content: ""; position: absolute; left: 0; top: 0.95em; width: 6px; height: 6px; border-radius: 50%; background: var(--accent-cyan); opacity: 0.7; }
.ps-scope .as-list li::before { background: #f59e0b; }
.as-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; }
.as-chips span { font-size: 0.8rem; color: var(--text-primary, #e2e8f0); background: rgba(148, 163, 184, 0.12); border: 1px solid rgba(148, 163, 184, 0.25); border-radius: 999px; padding: 2px 10px; line-height: 1.6; }
.as-rows { margin: 12px 0 0; }
.as-rows > div { display: grid; grid-template-columns: 11em minmax(0, 1fr); gap: 6px 14px; align-items: baseline; padding: 8px 0; border-top: 1px solid rgba(148, 163, 184, 0.14); }
.as-rows > div:first-child { border-top: 0; }
.as-rows dt { font-size: 0.86rem; font-weight: 600; color: var(--text-primary, #e2e8f0); }
.as-rows dd { margin: 0; }
@media (max-width: 760px) { .as-rows > div { grid-template-columns: 1fr; } }