
.amde-case{--ink:#252525;--slate:#426b7a;--coral:#d95f45;--cream:#f5f0e8;--paper:#fffdf9;color:var(--ink);background:var(--paper);font-family:inherit;line-height:1.72}
.amde-case *{box-sizing:border-box}.amde-case .wrap{max-width:900px;margin:auto;padding:0 20px}
.amde-case .hero{background:var(--ink);color:#fffdf9;border-radius:16px;padding:clamp(28px,6vw,58px);margin-bottom:28px}
.amde-case .kicker{font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:#f2a08c;font-weight:800;margin:0 0 12px}
.amde-case h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.06;letter-spacing:-.035em;color:#fffdf9;margin:0 0 16px}
.amde-case .hero p{color:#f1ece5;margin:0;max-width:720px}
.amde-case h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.2;letter-spacing:-.025em;margin:38px 0 12px;color:var(--ink)}
.amde-case h3{color:var(--slate);font-size:1.15rem;margin:22px 0 7px}
.amde-case p{margin:0 0 14px}.amde-case a{color:#2f6477;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.amde-case .callout{background:var(--cream);border-left:5px solid var(--coral);border-radius:0 12px 12px 0;padding:18px 20px;margin:20px 0}
.amde-case .example{background:#f7f8f8;border:1px solid #dfe6e8;border-radius:12px;padding:18px 20px;margin:18px 0}
.amde-case .label{color:var(--coral);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;margin-bottom:7px}
.amde-case .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.amde-case .card{background:#fff;border:1px solid #e7e0d7;border-radius:12px;padding:17px}
.amde-case .card h3{margin-top:0}.amde-case .card p:last-child{margin-bottom:0}
.amde-case ol,.amde-case ul{padding-left:1.35rem}.amde-case li{margin-bottom:8px}
.amde-case .bottom{background:var(--slate);color:white;padding:23px;border-radius:14px;margin:30px 0 0}
.amde-case .bottom h2{color:white;margin-top:0}.amde-case .bottom p{color:#f3f6f6}
.amde-case .small{font-size:.91rem;color:#5e6870}
@media(max-width:640px){.amde-case .grid{grid-template-columns:1fr}.amde-case .wrap{padding:0 12px}.amde-case .hero{border-radius:12px}}
