.dg-cred{font-size:.86rem;color:var(--m);border:1px solid var(--gb);border-radius:12px;padding:10px 14px;margin:4px 0 14px;background:var(--glass)}
.dg-cred b{color:var(--ink)}.dg-cred a{color:var(--gold)}
.dg-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0 14px;font-size:.85rem;color:var(--m);position:sticky;top:64px;z-index:5;padding:8px 0;background:var(--navbg,var(--deep));backdrop-filter:blur(6px);margin-left:-6px;margin-right:-6px;padding-left:6px;padding-right:6px}
.dg-bar button{font:.85rem var(--ui);padding:7px 13px;border-radius:999px;border:1px solid var(--gb);background:var(--glass);color:var(--ink);cursor:pointer}
.dg-bar button.on{border-color:var(--gold);background:var(--gold);color:var(--deep)}
.dg-mob{font-size:.78rem;color:var(--m);margin:-6px 0 10px}
.dg-cap{display:grid;grid-template-columns:1fr 1fr 22px;gap:34px;font:600 .72rem var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--gb);padding:0 0 8px}
.bi-row{cursor:pointer;transition:background .15s}
.bi-row.dg-on{background:color-mix(in srgb,var(--gold) 14%,transparent)!important;box-shadow:inset 3px 0 0 var(--gold)}
.bi[data-v=alt] .bi-row{grid-template-columns:1fr 22px;gap:10px 18px}
.bi[data-v=alt] .bi-en{grid-column:1;padding-left:14px;border-left:2px solid var(--gb)}
.bi[data-v=alt] .bi-n{grid-row:1;grid-column:2}
.bi[data-v=side] .bi-row{grid-template-columns:1fr 1fr 22px;gap:34px}
.bi[data-v=side] .bi-en{grid-column:auto;padding-left:0;border-left:0}
.bi[data-v=side] .bi-n{grid-row:auto;grid-column:auto}
.bi-row ul,.bi-row ol{margin:0 0 .7em 1.2em;padding:0;line-height:1.7}.bi-row h1{font-family:var(--disp);font-size:1.2rem;color:var(--gold);letter-spacing:.06em}
.bi-row h4{font-family:var(--disp);font-size:1.02rem;margin:.4em 0 .2em;color:var(--gold)}
.bi-q{display:inline-block;font:600 .62rem var(--ui);letter-spacing:.06em;color:var(--m);border:1px dashed var(--gb);border-radius:6px;padding:0 5px;margin-left:4px;vertical-align:middle}
.bi-q.low{color:#c0563b;border-color:#c0563b}
.bi-go{font:.7rem var(--ui);color:var(--m);text-decoration:none;opacity:.55;display:block;margin-top:4px}.bi-go:hover{color:var(--gold);opacity:1}
.dg-toc{list-style:none;padding:0;margin:10px 0;columns:2;column-gap:28px}.dg-toc li{break-inside:avoid;padding:6px 0;border-bottom:1px dashed var(--gb)}
.dg-toc a{color:var(--ink);text-decoration:none}.dg-toc a:hover{color:var(--gold)}.dg-toc small{color:var(--m);display:block;font-size:.76rem}
.dg-nav{display:flex;justify-content:space-between;gap:10px;margin:18px 0;flex-wrap:wrap}.dg-nav a{color:var(--gold);text-decoration:none;font-size:.9rem}
.dg-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:12px 0 22px}
.dg-card{display:block;border:1px solid var(--gb);border-radius:14px;padding:14px 16px;background:var(--glass);color:var(--ink);text-decoration:none}
.dg-card:hover{border-color:var(--gold)}.dg-card b{display:block;font-family:var(--disp);font-size:1.08rem;margin-bottom:3px}.dg-card span{display:block;font-size:.8rem;color:var(--m)}
.dg-card em{font-style:normal;color:var(--gold);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}
.dg-na{width:100%;border-collapse:collapse;font-size:.84rem}.dg-na th,.dg-na td{border-bottom:1px solid var(--gb);padding:7px 8px;text-align:left;vertical-align:top}.dg-na th{color:var(--gold);font-weight:600}
@media(max-width:760px){.dg-cap{display:none}.dg-toc{columns:1}.dg-bar{top:70px;flex-wrap:nowrap;overflow-x:auto;gap:5px;scrollbar-width:none}.dg-bar>span{display:none}.dg-bar button{padding:6px 8px;font-size:.72rem;white-space:nowrap;flex:0 0 auto}}
.dg-note{border:1px solid var(--gb);background:var(--glass);border-radius:12px;padding:14px 18px;margin:22px 0;font-size:.92rem;line-height:1.65;color:var(--ink)}
.dg-note summary{cursor:pointer}.dg-note p{margin:.6em 0}.dg-note a{color:var(--gold)}
.dg-nal{columns:2;column-gap:28px;padding-left:1.1em;margin:8px 0 14px;font-size:.92rem;line-height:1.6}.dg-nal li{break-inside:avoid}.dg-nal small{color:var(--m)}
.tl-wrap h2{font-family:var(--disp);margin:1.5em 0 .5em}
@media(max-width:760px){.dg-nal{columns:1}}

/* 2026-10-30 owner t652: display-only mode pills in the index intro, same look as .dg-bar button */
.dg-pill{display:inline-block;font:.85rem var(--ui);line-height:1.3;padding:3px 12px;margin:2px 1px;border-radius:999px;border:1px solid var(--gb);background:var(--glass);color:var(--ink);white-space:nowrap;vertical-align:baseline;cursor:default;user-select:none}

/* 2026-10-30 site audit L7 (contrast): «→ English» links readable in dark theme; credit links distinguishable without colour */
.bi-go{opacity:.85}
.dg-cred a{text-decoration:underline;text-underline-offset:2px}
.bi-n{opacity:1}/* 2026-10-30 audit L7: paragraph numbers were 3.13:1 (dark) / 2.71:1 (light) */