/* Character, stance and skill depth. All selectors are scoped to this module. */
.cd-depth{--cd-border:var(--line,#304554);--cd-gold:var(--gold,#d7b873);margin-block:1.8rem;padding:clamp(1rem,2.5vw,1.8rem);border:1px solid var(--cd-border);border-top:2px solid var(--cd-gold);border-radius:7px;background:linear-gradient(135deg,#12253288,#0a172280);min-width:0;overflow-wrap:anywhere}
.cd-depth .cd-heading{margin-bottom:1.25rem}.cd-depth .cd-heading h2{margin:.4rem 0;font-size:clamp(1.35rem,2vw,1.7rem)}.cd-depth .cd-heading .over{margin:0;color:var(--cd-gold);font-size:.67rem;letter-spacing:.14em}
.cd-depth h3{font-size:.98rem;color:#e5edf3;margin:1.3rem 0 .75rem}.cd-depth p{max-width:85ch;line-height:1.75}.cd-depth .cd-biography{line-height:1.85;max-width:88ch;color:#bed0df;margin-bottom:1.2rem;white-space:normal}
.cd-depth .cd-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem;margin:1.15rem 0}.cd-depth .cd-facts>div{background:#08162188;border:1px solid #2e435266;border-radius:5px;padding:.85rem;min-width:0}.cd-depth .cd-facts dt{font-size:.73rem;line-height:1.5;color:#a6bdce;margin-bottom:.35rem}.cd-depth .cd-facts dd{font-size:1.18rem;font-weight:650;line-height:1.45;margin:0;color:#edd298}.cd-depth .cd-facts dd span{font-size:.78rem;color:#bfd0de;font-weight:400}
.cd-depth .cd-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:.8rem;margin-block:1rem}.cd-depth .cd-panel{padding:1rem;border:1px solid var(--cd-border);border-radius:5px;min-width:0;background:#10212c88}.cd-depth .cd-panel h3{margin:0 0 .7rem}.cd-depth .cd-panel .chip{margin-left:.5rem}.cd-depth .cd-chips{display:flex;gap:.45rem;flex-wrap:wrap;list-style:none;margin:.65rem 0 1rem;padding:0}.cd-depth .cd-chips li{font-size:.76rem;line-height:1.5;border:1px solid #4e5e5d;border-radius:4px;padding:.35rem .55rem;color:#e2cf9d;background:#1c2b3188;max-width:100%}
.cd-depth .cd-item-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:.65rem}.cd-depth .cd-item{display:flex;gap:.75rem;align-items:center;padding:.8rem;border:1px solid var(--cd-border);border-radius:5px;text-decoration:none!important;background:#0c1c2888;min-width:0;transition:border-color .15s,background .15s}.cd-depth .cd-item:hover,.cd-depth .cd-item:focus-visible{border-color:var(--cd-gold);background:#1b2d38}.cd-depth .cd-item img{flex:none;object-fit:contain;width:48px;height:48px;image-rendering:auto}.cd-depth .cd-item>span{min-width:0}.cd-depth .cd-item strong{display:block;font-size:.84rem;line-height:1.5}.cd-depth .cd-item small{display:block;color:#a0b7c8;font-size:.72rem;margin-top:.3rem}
.cd-depth .cd-note{font-size:.78rem;color:#a6bdce;line-height:1.7;margin:.55rem 0 1rem}.cd-depth .cd-target{border-left:2px solid var(--cd-gold);padding:.2rem 1rem;margin:1rem 0;background:#172c3580}.cd-depth .cd-target h3{color:#e9c986;margin:.6rem 0}.cd-depth .cd-target p{margin:.4rem 0 .8rem}.cd-depth .cd-coefficient{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--cd-border);padding-bottom:.65rem}.cd-depth .cd-coefficient strong{font-size:.88rem}.cd-depth .cd-coefficient span{font-size:1.3rem;color:#e5c884;font-weight:700}.cd-depth .cd-requirement{font-size:.8rem;color:#abc2d2;border-top:1px solid var(--cd-border);padding-top:1rem;margin-top:1rem}
.cd-depth .cd-levels{display:grid;gap:.6rem}.cd-depth .cd-level{border:1px solid var(--cd-border);background:#09192388;border-radius:5px;margin-top:.7rem;min-width:0}.cd-depth .cd-level summary{cursor:pointer;padding:.85rem 1rem;color:#ebd198;font-weight:650;font-size:.88rem;line-height:1.6}.cd-depth .cd-level summary span{font-size:.72rem;color:#9cb5c8;font-weight:400;margin-left:.7rem}.cd-depth .cd-level summary:focus-visible{outline:2px solid var(--cd-gold);outline-offset:3px}.cd-depth .cd-level[open] summary{border-bottom:1px solid var(--cd-border)}.cd-depth .cd-level-body{padding:1rem;font-size:.84rem;line-height:1.85;color:#bfcedb;max-width:100%}.cd-depth .cd-growth{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;margin:.8rem 0}.cd-depth .cd-growth>div{display:flex;justify-content:space-between;gap:.8rem;border-bottom:1px solid #283d4a;padding:.45rem 0}.cd-depth .cd-growth dd{margin:0;color:#e6ca89}.cd-depth .cd-links{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.75rem}.cd-depth .cd-links li{background:#0d202d;border:1px solid var(--cd-border);padding:.6rem .8rem;border-radius:4px;font-size:.8rem}.cd-depth .cd-links span{color:#a5bbcc;margin-left:.4rem}.cd-depth .cd-status-footer{border-top:1px solid var(--cd-border);padding-top:1rem;margin-top:1.2rem;font-size:.82rem}
@media(max-width:600px){.cd-depth{padding:1rem;margin-block:1.2rem}.cd-depth .cd-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.cd-depth .cd-facts>div{padding:.7rem}.cd-depth .cd-facts dd{font-size:1.05rem}.cd-depth .cd-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cd-depth .cd-item{display:block;padding:.65rem}.cd-depth .cd-item img{display:block;margin-bottom:.5rem}.cd-depth .cd-item strong{font-size:.77rem}.cd-depth .cd-panels{grid-template-columns:minmax(0,1fr)}.cd-depth .cd-level summary span{display:block;margin-left:0}.cd-depth .cd-level-body{padding:.85rem}.cd-depth .cd-growth{grid-template-columns:repeat(2,minmax(0,1fr))}.cd-depth .cd-growth>div{display:block}.cd-depth .cd-growth dd{margin-top:.25rem}.cd-depth .cd-biography{font-size:.85rem}}
.cd-table-scroll{max-width:100%;overflow-x:auto;margin:1rem 0 1.5rem;border:1px solid var(--line,#2c4052);border-radius:7px}.cd-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:.88rem}.cd-table th,.cd-table td{padding:.65rem .8rem;text-align:left;border-bottom:1px solid var(--line,#2c4052)}.cd-table thead{color:var(--gold,#d9ba78);background:rgba(255,255,255,.035)}.cd-table tbody th{font-weight:500}.cd-table tbody tr:last-child>*{border-bottom:0}.cd-attack-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:.6rem;margin:1rem 0 1.7rem}.cd-attack-levels>div{display:grid;gap:.3rem;padding:.8rem;border:1px solid var(--line,#2c4052);border-radius:6px;background:rgba(255,255,255,.025)}.cd-attack-levels span{color:var(--muted,#9eb2c3);font-size:.78rem}.cd-attack-levels strong{color:var(--gold,#d9ba78);font-size:1.1rem}
.cd-table-hint{display:none}@media(max-width:600px){.cd-table-hint{display:block;color:var(--muted,#9eb2c3);font-size:.78rem}.cd-table-single .cd-level-col{display:none}.cd-table-single .cd-table{table-layout:fixed;white-space:normal;font-size:.78rem;min-width:0}.cd-table-single .cd-table th,.cd-table-single .cd-table td{padding:.55rem .25rem;overflow-wrap:anywhere}.cd-table-single .cd-table thead{font-size:.69rem}.cd-table-single .cd-table th:nth-child(2){width:40%}.cd-table-single .cd-table thead th:nth-child(n+3){width:20%}}