borderに2重線にできない場合は太さの指定が原因です

borderに2重線にできない場合は太さの指定が原因です

border-top: 1px double #9d9d9d;

上記の記述だと、2重線が１pxに収まっている形になるので、1本線にしか見えません。

border: 4px double #000;

4pxの幅をとることで2重線になります

参考サイト

CSSで2重線を付ける方法と注意点

https://monochrome-design.jp/blog/572