/* Silver outer frames; inner section borders retain their lavender lines. */
.steel-outer-frame{position:relative;border:2px solid #9295a1!important;border-image:none!important;border-radius:8px!important;box-shadow:0 0 0 3px #faf9fc,0 0 0 4px #e5e8ec,0 0 0 7px #a7adb5,0 0 0 9px #e6e9ed,0 0 0 10px #646c78,1px 2px 3px 11px #19195218!important}
.steel-outer-frame>.steel-edge{position:absolute;inset:-10px;border:6px solid transparent;border-radius:14px;pointer-events:none;z-index:1;background:linear-gradient(145deg,#f9fbfc 0%,#c8cdd3 15%,#858e99 28%,#f3f5f7 43%,#b6bec7 60%,#737e8b 78%,#dae0e6 92%,#f8fafc 100%) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;box-shadow:inset 1px 1px 1px #fff}
@media(max-width:650px){.steel-outer-frame{box-shadow:0 0 0 2px #faf9fc,0 0 0 3px #e5e8ec,0 0 0 6px #a7adb5,0 0 0 8px #e6e9ed,0 0 0 9px #646c78!important}.steel-outer-frame>.steel-edge{inset:-9px}}

/* First-level inner sections use a half-size bevel; deeper borders stay unchanged. */
.steel-inner-frame{position:relative;border:1px solid #9295a1!important;border-image:none!important;border-radius:7px!important;box-shadow:0 0 0 1.5px #faf9fc,0 0 0 2px #e5e8ec,0 0 0 3.5px #a7adb5,0 0 0 4.5px #e6e9ed,0 0 0 5px #646c78!important}
.steel-inner-frame>.steel-edge{position:absolute;inset:-5px;border:3px solid transparent;border-radius:10px;pointer-events:none;z-index:1;background:linear-gradient(145deg,#f9fbfc 0%,#c8cdd3 15%,#858e99 28%,#f3f5f7 43%,#b6bec7 60%,#737e8b 78%,#dae0e6 92%,#f8fafc 100%) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude}