/* ColorLedger uses the studio site shell with its warm salon accent. */
.colorledger-intro { max-width: 780px; }
.colorledger-identity { display:flex; align-items:center; gap:24px; margin-bottom:24px; }
.colorledger-identity img { width:104px; height:104px; border-radius:25px; box-shadow:0 12px 42px #0005; }
.colorledger-identity h1 { font-size:clamp(2.4rem,7vw,5.3rem); letter-spacing:-.035em; margin:0; overflow-wrap:anywhere; }
.colorledger-note { border-left:3px solid #d9b08e; padding:14px 18px; background:#d9b08e0b; border-radius:0 12px 12px 0; }
.colorledger-note strong { color:#f3d4ba; }
.colorledger-nav { display:flex; flex-wrap:wrap; gap:10px 22px; margin:20px 0 0; }
.colorledger-nav a { padding:8px 0; color:#d3e1f6; }
.colorledger-nav a[aria-current=page] { color:#f3d4ba; text-decoration:underline; text-underline-offset:7px; }
.colorledger-content { max-width:840px; }
.colorledger-content p, .colorledger-content li { overflow-wrap:anywhere; }
.colorledger-content h2 { line-height:1.3; }
.colorledger-contact { overflow-wrap:anywhere; }
.colorledger-spotlight img { border-radius:24px; width:100px; height:100px; margin-bottom:18px; }
.colorledger-steps { display:grid; gap:16px; margin:0; padding-left:22px; }
@media(max-width:480px) { .colorledger-identity { gap:16px; align-items:flex-start; } .colorledger-identity img { width:68px; height:68px; border-radius:17px; } .colorledger-identity > div { min-width:0; } .colorledger-identity h1 { font-size:1.75rem; letter-spacing:-.025em; overflow-wrap:normal; word-break:normal; } .colorledger-nav { gap:5px 18px; } }