.depth-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 16px;padding:13px 15px;border:1px solid #ddd2bf;border-radius:14px;background:#faf7f0}
.depth-nav strong{font-family:Literata,Georgia,serif;font-size:1.02rem;color:#332d25}
.depth-nav-links{display:flex;gap:8px;flex-wrap:wrap}
.depth-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;border:1px solid #d7c9b0;border-radius:999px;background:#fff;color:#5c4b2d;text-decoration:none;font:750 .82rem/1.2 var(--sans)}
.depth-nav a:hover{border-color:#bda77f;background:#fffdf8}
.depth-quick{margin:0 0 28px;padding:21px;border:1px solid #d9cdb9;border-radius:18px;background:linear-gradient(135deg,#fffdf8,#f8f3e9)}
.depth-quick-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}
.depth-quick-head h2{margin:0;font-family:Literata,Georgia,serif;font-size:clamp(1.35rem,2.2vw,1.65rem);color:#302a23}
.depth-quick-head p{margin:0;color:#6b6256;font-size:.93rem}
.depth-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.depth-quick-card{padding:15px 16px;border:1px solid #e1d5c2;border-radius:13px;background:rgba(255,255,255,.88)}
.depth-quick-card span{display:block;margin-bottom:6px;color:#8a6b34;font:800 .66rem/1.2 var(--sans);letter-spacing:.09em;text-transform:uppercase}
.depth-quick-card strong{display:block;margin-bottom:5px;font-family:Literata,Georgia,serif;font-size:1.04rem;color:#332d25}
.depth-quick-card p{margin:0;color:#61594e;line-height:1.55;font-size:.94rem}
.depth-quick-card a{color:#72572b;font-weight:750;text-decoration:none}
.depth-anchor{scroll-margin-top:92px}
@media(max-width:720px){.depth-nav{align-items:flex-start;flex-direction:column}.depth-nav-links{width:100%}.depth-nav a{flex:1 1 auto}.depth-quick{padding:17px}.depth-quick-head{align-items:flex-start;flex-direction:column}.depth-quick-grid{grid-template-columns:1fr}}

.depth-nav-copy{display:grid;gap:3px}.depth-nav-copy small{color:#746b5e;font-size:.78rem;line-height:1.35}

/* Lisibilité des niveaux */
.depth-nav-copy small{font-size:.86rem}
.depth-nav a{min-height:40px;padding:8px 13px;font-size:.9rem}